typography.html

---
title: Typography Test
description:
facebook_image_path:
---

<p class="intro">Welcome to the typography page for Jekyll Cart. I'm glad you are interested in using this and want to show you how elements look.</p>

<p><strong>Here are what blockquotes looks like.</strong></p>

<blockquote>
  <p>This is an example of a post or page, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts and pages as you like in order to share with your readers what is on your mind.</p>
</blockquote>

<p><strong>Then we have unordered lists.</strong></p>

<ul>
  <li>Unordered list item #1</li>
  <li>Unordered list item #2</li>
  <li>Unordered list item #3</li>
</ul>

<p><strong>And then ordered lists.</strong></p>

<ol>
  <li>Ordered list item #1</li>
  <li>Ordered list item #2</li>
  <li>Ordered list item #3</li>
</ol>

<p><strong>Here's how headings look.</strong></p>

<h1>Headline 1</h1>

<h2>Headline 2</h2>

<h3>Headline 3</h3>

<h4>Headline 4</h4>

<h5>Headline 5</h5>

<h6>Headline 6</h6>

<hr>

<p><strong>Check out the button styles</strong></p>

<p><a href="#" class="button">Primary Button</a> <a href="#" class="button light">Light Button</a> </p>

<p><a href="#" class="button small">Small Primary Button</a> <a href="#" class="button light small">Small Light Button</a> </p>

<p><a href="#" class="button arrow-left">Arrow Left</a> <a href="#" class="button arrow-right">Arrow Right</a></p>