104 lines
3.5 KiB
HTML
104 lines
3.5 KiB
HTML
<h1>Heading 1</h1>
|
|
|
|
<h2>Heading 2</h2>
|
|
|
|
<h3>Heading 3</h3>
|
|
|
|
<p class="lede">Lede paragraph. Lorem ipsum dolor sit amet.</p>
|
|
|
|
<p>Paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero esse molestias, itaque, quia sed laudantium laboriosam amet aliquam ipsam, laborum asperiores quod obcaecati, maiores fugiat nihil cum minus provident vitae.</p>
|
|
|
|
<p class="small">Small paragraph. Lorem ipsum dolor sit amet.</p>
|
|
|
|
<p><a href="#links">Link</a> <span bs-sep>|</span> <a href="#">Another link</a></p>
|
|
|
|
<p>Inline tags. Lorem <strong>strong</strong> ipsum <code>code</code> dolar <mark>mark</mark> si <em>em</em>.</p>
|
|
|
|
<hr>
|
|
|
|
<ul>
|
|
<li>Lorem ipsum dolor sit amet.</li>
|
|
<li>Ratione dolore veritatis voluptas consequuntur!</li>
|
|
<li>Odit quis, pariatur ipsum vel.
|
|
<ul>
|
|
<li>Lorem ipsum dolor sit amet.</li>
|
|
<li>Ratione dolore veritatis voluptas consequuntur!</li>
|
|
<li>Odit quis, pariatur ipsum vel.</li>
|
|
<li>Suscipit laudantium, quam debitis tempore.</li>
|
|
<li>Nobis vero nesciunt suscipit porro.</li>
|
|
</ul>
|
|
</li>
|
|
<li>Suscipit laudantium, quam debitis tempore.</li>
|
|
<li>Nobis vero nesciunt suscipit porro.</li>
|
|
</ul>
|
|
|
|
<ol>
|
|
<li>Lorem ipsum dolor sit amet.</li>
|
|
<li>Ratione dolore veritatis voluptas consequuntur!</li>
|
|
<li>Odit quis, pariatur ipsum vel.
|
|
<ol>
|
|
<li>Lorem ipsum dolor sit amet.</li>
|
|
<li>Ratione dolore veritatis voluptas consequuntur!</li>
|
|
<li>Odit quis, pariatur ipsum vel.</li>
|
|
<li>Suscipit laudantium, quam debitis tempore.</li>
|
|
<li>Nobis vero nesciunt suscipit porro.</li>
|
|
</ol>
|
|
</li>
|
|
<li>Suscipit laudantium, quam debitis tempore.</li>
|
|
<li>Nobis vero nesciunt suscipit porro.</li>
|
|
</ol>
|
|
|
|
<dl>
|
|
<dt>Lorem ipsum dolor sit amet.</dt>
|
|
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, hic.</dd>
|
|
<dt>Lorem ipsum dolor sit amet.</dt>
|
|
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, hic.</dd>
|
|
<dt>Lorem ipsum dolor sit amet.</dt>
|
|
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, hic.</dd>
|
|
</dl>
|
|
|
|
<hr>
|
|
|
|
<table>
|
|
<caption>The Very Best Eggnog</caption>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Ingredients</th>
|
|
<th scope="col">Serves 12</th>
|
|
<th scope="col">Serves 24</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td data-title="Ingredient">Milk</td>
|
|
<td data-title="For 12">1 quart</td>
|
|
<td data-title="For 24">2 quart</td>
|
|
</tr>
|
|
<tr>
|
|
<td data-title="Ingredient">Cloves</td>
|
|
<td data-title="For 12">5</td>
|
|
<td data-title="For 24">10</td>
|
|
</tr>
|
|
<tr>
|
|
<td data-title="Ingredient">Egg Yolks</td>
|
|
<td data-title="For 12">12</td>
|
|
<td data-title="For 24">24</td>
|
|
</tr>
|
|
<tr>
|
|
<td data-title="Ingredient">Cups Sugar</td>
|
|
<td data-title="For 12">1 ½ cups</td>
|
|
<td data-title="For 24">3 cups</td>
|
|
</tr>
|
|
<tr>
|
|
<td data-title="Ingredient">Dark Rum</td>
|
|
<td data-title="For 12">1 ½ cups</td>
|
|
<td data-title="For 24">3 cups</td>
|
|
</tr>
|
|
<tr>
|
|
<td data-title="Ingredient">Freshly grated nutmeg to taste</td>
|
|
<td data-title="For 12"></td>
|
|
<td data-title="For 24"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|