Headings
Heading 1 - H1 (Max: 60 - Min: 30)
This is my h1 which is heading 1 which have maximum size 60px and minimum size 30px. This is very very long text
Heading 2 - H2 (Max: 50 - Min: 25)
This is my h2 which is heading 2 which have maximum size 50px and minimum size 25px. This is very very long text
Heading 3 - H3
Heading 4 - H4
Heading 5 - H5
Heading 6 - H6
Unordered List - UL and LI
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Ordered List - OL and LI
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Anchor - Link
This is example of anchor tag.
Text style - Strong, Bold, Italic, Emphasized, Underline
This is example of bold and strong. This is example of italic and emphasized. This is example of underline
Blockquote
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Author name
Quotes
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Solid Buttons
Solid Fullwidth Buttons
Border Buttons
Border Fullwidth Buttons
Primary Border Button Fullwidth
Secondary Border Button Fullwidth
Tertiary Border Button Fullwidth
White Buttons
Solid Buttons inline in Paragraph
Primary Button InlineSecondary Button InlineTertiary Button InlinePrimary Button InlineSecondary Button InlineTertiary Button InlinePrimary Button InlineSecondary Button InlineTertiary Button InlinePrimary Button InlineSecondary Button InlineTertiary Button Inline
Solid Buttons stack with <br>
Primary Button Inline
Secondary Button Inline
Tertiary Button Inline
Arrow Buttons
Primary Arrow Button Fullwidth
Secondary Arrow Button Fullwidth
Tertiary Arrow Button Fullwidth
Table with heading on top
| Heading 1 | HEading 2 | Long Heading 3 | h4 | Too long heading 5 |
|---|---|---|---|---|
| Desc 1.1 | Desc 2.1 - Lorem Ipsum is simply dummy text. | Desc 3.1 - Lorem Ipsum is simply dummy text of the printing and typesetting industry | Desc 4.1 | Desc 5.1 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry |
Table with fixed width column
Class: site-table-same-width
| Heading 1 | HEading 2 | Long Heading 3 | h4 | Too long heading 5 |
|---|---|---|---|---|
| Desc 1.1 | Desc 2.1 - Lorem Ipsum is simply dummy text. | Desc 3.1 - Lorem Ipsum is simply dummy text of the printing and typesetting industry | Desc 4.1 | Desc 5.1 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry |
Table with heading on left
| Heading 1 | HEading 2 | Long Heading 3 | h4 | Too long heading 5 |
|---|---|---|---|---|
| Desc 1.1 | Desc 2.1 - Lorem Ipsum is simply dummy text. | Desc 3.1 - Lorem Ipsum is simply dummy text of the printing and typesetting industry | Desc 4.1 | Desc 5.1 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry |
Table with fixed width column
Class: site-table-mobile-stack
| ID | NAme | Level | Grade | School section |
|---|---|---|---|---|
| 1 | Student 1 | Level 1 | Grade 1 | Senior |
| 2 | Student 2 | Level 2 | Grade 2 | Prep |
| 3 | Student 3 | Level 1 | Grade 1 | Junior |
| 4 | Student 4 | Lavel | Grade 3 | Pre-Prep |
Table Accordion
Class: site-table-accordion
| Accordion Title 1 |
|---|
| Accordion Title 2 |
| Accordion Title 3 |
| Accordion Title 4 |
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s |
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s |
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s |
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s |
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s |
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s |
Table Accordion
Class: site-table-accordion site-table-accordion-arrow-first
| Accordion Title 1 |
|---|
| Accordion Title 2 |
| Accordion Title 3 |
| Accordion Title 4 |
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s |
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s |
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s |
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s |
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s |
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s |
SG - Tabbed Table
Class: site-table-tabs
| Tab 1 |
|---|
| Tab 2 |
| Tab 3 |
| Tab 4 |
| Tab 5 |
| Desc 1.1 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. |
| Desc 1.2 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. |
| Desc 2 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. |
| Desc 3.1 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. |
| Desc 3.2 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. |
| Desc 4 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. |
5 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
|
