Typography


Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6
  • Bullet list 1
  • Bullet list 2
    • Bullet list 2.1
    • Bullet list 2.2
      • Bullet list 2.2.1
      • Bullet list 2.2.2
      • Bullet list 2.2.3
    • Bullet list 2.3
  • Bullet list 3
  • Bullet list 4
    • Bullet list 4.1
    • Bullet list 4.2
  1. Numbered list 1
  2. Numbered list 2
    1. Numbered list 2.1
    2. Numbered list 2.2
      1. Numbered list 2.2.1
      2. Numbered list 2.2.2
      3. Numbered list 2.2.3
    3. Numbered list 2.3
  3. Numbered list 3
    1. Numbered list 3.1
    2. Numbered list 3.2
    3. Numbered list 3.3
definition title dt
definition description dd
definition title dt
definition description dd

Code 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.

Blockquote 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.

Pre 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.

table with class data-table

thead th 1 thead th 2 thead th 3 thead th 4
tfoot td 1 tfoot td 2 tfoot td 3 tfoot td 4
tbody td1 tbody td2 tbody td3 tbody td4
tbody td1 tbody td2 tbody td3 tbody td4
tbody td1 tbody td2 tbody td3 tbody td4
tbody td1 tbody td2 tbody td3 tbody td4

Column Layout:

<div class="cols-set-12">
<div class="col3 col-first">
<div class="col-inner">...</div>
</div>
</div>

<div class="cols-set-12">
<div class="col3">
<div class="col-inner">...</div>
</div>
</div>

<div class="cols-set-12">
<div class="col6 col-last">
<div class="col-inner">...</div>
</div>
</div>

Text after column layout

<div class="cols-set-12">
<div class="col2 col-first">
<div class="col-inner">...</div>
</div>
</div>

<div class="cols-set-12">
<div class="col2">
<div class="col-inner">...</div>
</div>
</div>

<div class="cols-set-12">
<div class="col2">
<div class="col-inner">...</div>
</div>
</div>

<div class="cols-set-12">
<div class="col2">
<div class="col-inner">...</div>
</div>
</div>

<div class="cols-set-12">
<div class="col2">
<div class="col-inner">...</div>
</div>
</div>

<div class="cols-set-12">
<div class="col2 col-last">
<div class="col-inner">...</div>
</div>
</div>