
<h2>Text</h2>
<p>This is <strong>bold</strong> and this is <strong>strong</strong>. This is <em>italic</em> and this is <em>emphasized</em>.
    This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
    This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>.
    Finally, this is a <a href="https://soosyze.com">link</a>.
</p>
<hr>
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>
<hr>
<header>
    <h2>Heading with a Subtitle</h2>
    <p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p>
</header>
<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing 
    gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante
    amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem 
    accumsan varius montes viverra nibh in adipiscing blandit tempus 
    accumsan.</p>
<header>
    <h3>Heading with a Subtitle</h3>
    <p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p>
</header>
<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing 
    gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante
    amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem 
    accumsan varius montes viverra nibh in adipiscing blandit tempus 
    accumsan.</p>
<header>
    <h4>Heading with a Subtitle</h4>
    <p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p>
</header>
<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing 
    gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante
    amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem 
    accumsan varius montes viverra nibh in adipiscing blandit tempus 
    accumsan.
</p>

<hr>

<h2>Lists</h2>
<h3>Unordered</h3>
<ul><li>Dolor pulvinar etiam.</li><li>Sagittis lorem eleifend.</li><li>Felis feugiat dolore viverra.</li><li>Dolor pulvinar etiam.</li></ul>
<h3>Ordered</h3>
<ol><li>Dolor pulvinar etiam.</li><li>Etiam vel felis at viverra.</li><li>Felis enim feugiat magna.</li><li>Etiam vel felis nullam.</li><li>Felis enim et tempus.</li></ol>

<h3>Definition</h3>
<dl>
    <dt>Item 1</dt>
    <dd>
        <p>Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
    </dd>
    <dt>Item 2</dt>
    <dd>
        <p>Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
    </dd>
    <dt>Item 3</dt>
    <dd>
        <p>Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
    </dd>
</dl>

<h2>Blockquote</h2>
<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis.</blockquote>

<h2>Table</h2>

<h3>Default</h3>
<table class="table table-responsive">
    <thead>
        <tr>
            <th>Name</th>
            <th>Description</th>
            <th>Price</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>Item 1</th>
            <td data-title="Description">Ante turpis integer aliquet porttitor.</td>
            <td data-title="Price">29.99</td>
        </tr>
        <tr>
            <th>Item 2</th>
            <td data-title="Description">Vis ac commodo adipiscing arcu aliquet.</td>
            <td data-title="Price">19.99</td>
        </tr>
        <tr>
            <th>Item 3</th>
            <td data-title="Description"> Morbi faucibus arcu accumsan lorem.</td>
            <td data-title="Price">29.99</td>
        </tr>
        <tr>
            <th>Item 4</th>
            <td data-title="Description">Vitae integer tempus condimentum.</td>
            <td data-title="Price">19.99</td>
        </tr>
        <tr>
            <th>Item 5</th>
            <td data-title="Description">Ante turpis integer aliquet porttitor.</td>
            <td data-title="Price">29.99</td>
        </tr>
        <tr>
            <th colspan="2">Total</th>
            <td>100.00</td>
        </tr>
    </tbody>
</table>

<h2>Preformatted</h2>
<pre><code>i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';
</code></pre>