---
data:
  type: hash
i18n:
  type: hash
locale:
  type: string
---
<div class="content">
  <h2>Título 2</h2>
  <h3>Título 3</h3>
  <h4>Título 4</h4>
  <h5>Título 5</h5>
  <h6>Título 6</h6>

  <p class="display-1">Display 1</p>
  <p class="display-2">Display 2</p>
  <p class="display-3">Display 3</p>
  <p class="display-4">Display 4</p>

  <p class="lead">Párrafo resaltado</p>

  <p class="lead-md">
    {{- i18n.lorem_ipsum.one_paragraph -}}
  </p>

  <p>There's an empty paragraph after this</p>
  <p></p>
  <p>And above this</p>

  <ul>
    <li>Lorem ipsum dolor sit amet</li>
    <li>consectetur adipiscing elit</li>
    <li>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</li>
  </ul>

  <ol>
    <li>Lorem ipsum dolor sit amet</li>
    <li>consectetur adipiscing elit</li>
    <li>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</li>
  </ol>

  <blockquote>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
      magna aliqua.
    </p>
  </blockquote>

  <figure>
    <img src="public/0m4e7sur4hab4lhh44r9axuga12k/placeholder.png">
    <figcaption>An image</figcaption>
  </figure>

  <figure>
    <video controls poster="public/0m4e7sur4hab4lhh44r9axuga12k/placeholder.png"></video>
    <figcaption>A video player (doesn't play anything)</figcaption>
  </figure>

  <figure>
    <audio controls></audio>
    <figcaption>An audio player (doesn't play anything)</figcaption>
  </figure>

  <figure>
    <iframe src="/"></iframe>
    <figcaption>An embedded page</figcaption>
  </figure>

  <figure>
    {{ 'https://www.youtube.com/watch?v=9ItuO9lsspU' | embed }}
    <figcaption>A youtube video</figcaption>
  </figure>
</div>