Skip to main content

Another blog post

Here’s another blog post. This one demonstrates all of the text styles included in the theme.

Typography

Default text
Muted text
Small text
Large text
Hyperlinks
Bold and italics

Default text
<span class="text-muted">Muted text</span>
<span class="text-small">Small text</span>
<span class="text-large">Large text</span>
<a href="#">Hyperlinks</a>
<strong>Bold</strong> and <em>italics</em>

Lists

Ordered

  1. Item 1
  2. Item 2
  3. Item 3

Unordered

  • Item 1
  • Item 2
  • Item 3

Unstyled

  • Item 1
  • Item 2
  • Item 3
Ordered
<ol>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>

Unordered
<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

Unstyled
<ul class="list-unstyled">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

Quotes and Citations

Someone once said something so important, it was deemed worthy of repeating here in the form of a blockquote. This is that blockquote.
– Someone Important

You can also include superscripts1 and subscriptsxyz.

<blockquote>
    Someone once said something so important, it was deemed worthy of repeating here in the form of a blockquote. This is that blockquote.
    <cite>- Someone Important</cite>
</blockquote>

You can also include superscripts<sup>1</sup> and subscripts<sub>xyz</sub>.

Buttons


<button class="btn">Button</button>
<button class="btn btn-large">Button Large</button>

Tables

First NameLast NameSuper Hero
PeterParkerSpiderman
BruceWayneBatman
ClarkKentSuperman
<table>
    <thead>
        <tr>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Super Hero</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Peter</td>
            <td>Parker</td>
            <td>Spiderman</td>
        </tr>
        <tr>
            <td>Bruce</td>
            <td>Wayne</td>
            <td>Batman</td>
        </tr>
        <tr>
            <td>Clark</td>
            <td>Kent</td>
            <td>Superman</td>
        </tr>
    </tbody>
</table>
Enjoy this post? You may want to check out our list of adoptable animals and find your new best friend!