index.html

<! DOCTYPE html>
<html>
 <head>
  <link href="styles/output.css" type="text/css" rel="stylesheet" />
 </head>

 <body>
  <div class="container m-4">
    <div>
      <h2 class="text-xl mb-4">Lists</h2>

      <ul class="cp-bullet-list">
        <li></li>
      </ul>
    </div>

    <div>
      <h2 class="text-xl mb-4 mt-8">Text block</h2>

      <p class="cp-paragraph"></p>
    </div>

    <div>
      <h2 class="text-xl mb-4 mt-8">Titles</h2>

      <h1 class="cp-title-1 text-4xl mb-4"></h1>
      <h2 class="cp-title-2 text-2xl mb-4"></h2>
      <h3 class="cp-title-3 text-lg"></h3>
    </div>

    <div>
      <h2 class="text-xl mb-4 mt-8">Images</h2>

      <div class="cp-image"></div>
    </div>

    <div>
      <h2 class="text-xl mb-4 mt-8">Cards</h2>

      <div class="cp-card"></div>
    </div>
  </div>
 </body>
</html>