Html for the patterns page

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et tellus risus. Pellentesque finibus augue sed dictum luctus. Donec aliquet nibh bibendum, congue metus porta, interdum odio. Sed tempus sollicitudin augue, vel tristique leo rutrum id. Quisque vitae elementum nunc. Donec sit amet nisi at diam imperdiet consequat. Aenean efficitur magna nec odio vulputate, id porttitor felis blandit</p>

<hr>

<strong>Strong text</strong>
<b>Alternate strong text</b>

<hr>

<i>Italic text</i>

<hr>

<a href="/">General link</a>
<a href="https://google.com" target="_blank">External link</a>
<a href="https://google.com" class="btn">Button link</a>

<hr>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et tellus risus. Pellentesque finibus augue sed dictum luctus. Donec aliquet nibh bibendum, congue metus porta, interdum odio. Sed tempus sollicitudin augue, vel tristique leo rutrum id. Quisque vitae elementum nunc. <a href="/">Link within paragraph</a> Donec sit amet nisi at diam imperdiet consequat. Aenean efficitur magna nec odio vulputate, id porttitor felis blandit</p>

<hr>

<ul>
<li>Unordered list</li>
<li>With plenty of items</li>
<li>Some short</li>
<li>Some incredibly long. Like this one. I mean look at it. It's like four sentences.</li>
</ul>

<hr>

<ol>
<li>Ordered list</li>
<li>With plenty of items</li>
<li>Some short</li>
<li>Some incredibly long. Like this one. I mean look at it. It's like four sentences.</li>
</ol>

<hr>

<dialog id="dialog">
<a href="#" class="close">×</a>
This is a dialog window. It should look like a modal.
</dialog>
<a href="#dialog">Dialog trigger</a>

<hr>

<nav>
  <a href="/">Nav link</a>
  <a href="/about-us">Another nav link</a>
  <a href="/test">Third nav link</a>
</nav>

<hr>

<time>
23-03-2018
</time>

<hr>

<figure>
<img src="https://workshop.dev/wp-content/uploads/2018/03/grid.png">
</figure>

<hr>

<figure>
<img src="https://workshop.dev/wp-content/uploads/2018/03/kikker.png">
<figcaption>This is a caption</figcaption>
</figure>

<hr>

<iframe width="560" height="315" src="https://www.youtube.com/embed/FEnRpy9Xfes" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>