<h1 class="h-1">Heading 1</h1>

<h2 class="h-2">Heading 2</h2>

<h3 class="h-3">Heading 3</h3>

<h4 class="h-4">Heading 4</h4>

<h5 class="h-5">Heading 5</h5>

<h6 class="h-6">Heading 6</h6>

Heading 1 (6rem)

Heading 2 (4.8rem)

Heading 3 (4rem)

Heading 4 (3.2rem)

Heading 5 (2.4rem)

Heading 6 (2rem)

<p class="p-l">Maxxon Lorem Ipsum sed porttitor lectus nibh. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus.</p>

<p>Maxxon Lorem Ipsum sed porttitor lectus nibh. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus.</p>

<p class="p-s">Maxxon Lorem Ipsum sed porttitor lectus nibh. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus.</p>

Maxxon Lorem Ipsum sed porttitor lectus nibh. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus. (1.8rem)

Maxxon Lorem Ipsum sed porttitor lectus nibh. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus. (1.6rem)

Maxxon Lorem Ipsum sed porttitor lectus nibh. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus. (1.4rem)

<h6 class='label'>Label</h6>

<h3 class='h-3'>Maxxon Headline Here</h3>

<h5 class='h-5'>Subline Text Here</h5>

<hr class='tick' />

<p>Maxxon Lorem Ipsum sed porttitor lectus nibh. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus. </p>

Label

Maxxon Headline Here

Subline Text Here

Maxxon Lorem Ipsum sed porttitor lectus nibh. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus.

<a href="#" class="btn">Button</a>

<a href="#" class="btn i-r">View Details<i class="icon-notch-right"></i></a>

<a href="#" class="btn i-l"><i class="icon-document"></i>PDF Label Here</a>

<a href="#" class="btn btn--blue i-r i-sm">About Maxxon<i class="icon-notch-right"></i></a>

<a href="#" class="btn btn--blue i-l i-lg"><i class="icon-mail"></i>Email This System</a>

<p>Maxxon <a href="#" class="link">inline link</a> Lorem Ipsum.</p>

Maxxon inline link Lorem Ipsum.

<div class="input-group">
    <input type="text" placeholder="Search"/>
    <button><i class="icon-search"></i></button>
</div>

<div class="expand">
    <a class="expand__button" data-bs-toggle="collapse" href="#expandExample" role="button" aria-expanded="false" aria-controls="expandExample">Downloads</a>
    <div class="expand__container collapse" id="expandExample">
        <p class="p-l">Maxxon Lorem ipsum ......</p>
    </div>
</div>