Typography

Headings

Display Heading

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

<h1 class="mb-4 font-display">Display Heading</h1>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Lists

Unordered list
Unordered list
Unordered list

Ordered list
Ordered list
Ordered list

Unstyled list
Unstyled list
Unstyled list

<ul class="mb-4">
  <li>Unordered list</li>
  <li>Unordered list</li>
  <li>Unordered list</li>
</ul>

<ol class="mb-4">
  <li>Ordered list</li>
  <li>Ordered list</li>
  <li>Ordered list</li>
</ol>

<ul class="mb-4 list-none">
  <li>Unstyled list</li>
  <li>Unstyled list</li>
  <li>Unstyled list</li>
</ul>