Page Heading
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
- 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