<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.
Label for Number 1
Maxxon Headline 1 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.
Label for Number 2
Maxxon Headline 2 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>
<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>