# Typography

# H1 Heading

## H2 Heading

### H3 Heading

#### H4 Heading

##### H5 Heading

###### H6 Heading

# H1 Heading

## H2 Heading

### H3 Heading

#### H4 Heading

##### H5 Heading

###### H6 Heading

# H1 Heading

## H2 Heading

### H3 Heading

#### H4 Heading

##### H5 Heading

###### H6 Heading

    <h1>H1 Heading</h1>
    <h2>H2 Heading</h2>
    <h3>H3 Heading</h3>
    <h4>H4 Heading</h4>
    <h5>H5 Heading</h5>
    <h6>H6 Heading</h6>

    <h1 class="text-uppercase">H1 Heading</h1>
    <h2 class="text-uppercase">H2 Heading</h2>
    <h3 class="text-uppercase">H3 Heading</h3>
    <h4 class="text-uppercase">H4 Heading</h4>
    <h5 class="text-uppercase">H5 Heading</h5>
    <h6 class="text-uppercase">H6 Heading</h6>

    <h1 class="serif">H1 Heading</h1>
    <h2 class="serif">H2 Heading</h2>
    <h3 class="serif">H3 Heading</h3>
    <h4 class="serif">H4 Heading</h4>
    <h5 class="serif">H5 Heading</h5>
    <h6 class="serif">H6 Heading</h6>

    h1 H1 Heading
    h2 H2 Heading
    h3 H3 Heading
    h4 H4 Heading
    h5 H5 Heading
    h6 H6 Heading

    h1.text-uppercase H1 Heading
    h2.text-uppercase H2 Heading
    h3.text-uppercase H3 Heading
    h4.text-uppercase H4 Heading
    h5.text-uppercase H5 Heading
    h6.text-uppercase H6 Heading

    h1.serif H1 Heading
    h2.serif H2 Heading
    h3.serif H3 Heading
    h4.serif H4 Heading
    h5.serif H5 Heading
    h6.serif H6 Heading

> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta quis sed rerum.

> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta quis sed rerum.

> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta quis sed rerum.

    <blockquote class="blockquote">
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta quis sed rerum.</p>
       <footer class="blockquote-footer">Amanda Pollock, Google Inc.</footer>
    </blockquote>

    <blockquote class="blockquote text-right">
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta quis sed rerum.</p>
       <footer class="blockquote-footer">Amanda Pollock, Google Inc.</footer>
    </blockquote>

    <blockquote class="blockquote text-center">
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta quis sed rerum.</p>
       <footer class="blockquote-footer">Amanda Pollock, Google Inc.</footer>
    </blockquote>

    blockquote.blockquote
       p Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta quis sed rerum.
       footer.blockquote-footer Amanda Pollock, Google Inc.

    blockquote.blockquote.text-right
       p Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta quis sed rerum.
       footer.blockquote-footer Amanda Pollock, Google Inc.

    blockquote.blockquote.text-center
       p Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta quis sed rerum.
       footer.blockquote-footer Amanda Pollock, Google Inc.

###### Lead and Paragraph

Meh synth Schlitz, tempor duis single-origin coffee ea next level ethnic fingerstache fanny pack nostrud. Seitan High Life reprehenderit consectetur cupidatat kogi about me. Photo booth anim 8-bit hella, PBR 3 wolf moon beard Helvetica.

Meh synth Schlitz, tempor duis single-origin coffee ea next level ethnic fingerstache fanny pack nostrud. Seitan High Life reprehenderit consectetur cupidatat kogi about me. Photo booth anim 8-bit hella, PBR 3 wolf moon beard Helvetica.

    <p class="lead">Meh synth Schlitz, tempor duis single-origin coffee ea next level ethnic fingerstache fanny pack nostrud. Seitan High Life reprehenderit consectetur cupidatat kogi about me. Photo booth anim 8-bit hella, PBR 3 wolf moon beard Helvetica.</p>
    <p>Meh synth Schlitz, tempor duis single-origin coffee ea next level ethnic fingerstache fanny pack nostrud. Seitan High Life reprehenderit consectetur cupidatat kogi about me. Photo booth anim 8-bit hella, PBR 3 wolf moon beard Helvetica.</p>

    p.lead Meh synth Schlitz, tempor duis single-origin coffee ea next level ethnic fingerstache fanny pack nostrud. Seitan High Life reprehenderit consectetur cupidatat kogi about me. Photo booth anim 8-bit hella, PBR 3 wolf moon beard Helvetica.
    p Meh synth Schlitz, tempor duis single-origin coffee ea next level ethnic fingerstache fanny pack nostrud. Seitan High Life reprehenderit consectetur cupidatat kogi about me. Photo booth anim 8-bit hella, PBR 3 wolf moon beard Helvetica.