Typography Styles

Headings

Headings levels, from level 1 through level 6 using h1, h2, h3, h4, h5, h6 tags

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

Paragraps

Paragraph block using p tag

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Laborum Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est .

Inline Elements

Common inline elements used in paragraphs

Strong: Lorem ipsum dolor sit amet, consectetur
Emphasis: adipisicing elit. Praesentium illo vel tempora
Small text: Veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
Code: <div class="content-box"></div>
Links: voluptas nobis est quasi repudiandae.

Horizontal Rule

Horizontal divider using hr tag

Block Quote

basic blockquote using blockquote

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore optio eveniet delectus, voluptate, corrupti expedita.

Lists

Unordered List using ul tag

• Lorem ipsum dolor sit amet
• consectetur adipisicing elit
• Saepe numquam perferendis
• fugit laboriosam aliquid
• nobis quasi dolor sunt molestiae
• voluptate magni minima
• nesciunt soluta distinctio
• neque quis fuga ad cupiditate

Ordered List using ol tag

1. Lorem ipsum dolor sit amet
2. consectetur adipisicing elit
3. Saepe numquam perferendis
4. fugit laboriosam aliquid
5. nobis quasi dolor sunt molestiae
6. voluptate magni minima
7. nesciunt soluta distinctio
8. neque quis fuga ad cupiditate