project_03/js-intro.html

<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script defer src="js-intro.js"></script>
  </head>
  <body>
    <header>
      <h1>Hello, Dogs! Header 1
      </h1>
    </header>
    <main>
      <section class="first lead-cards">
        <div class="card red">
          <h3>Dog Header 3</h3>
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero, sed ut soluta sit, atque veniam minima eum, dignissimos neque consectetur voluptatum sunt optio repellendus sequi a iure tenetur obcaecati totam.</p>
          <p>Accusamus sapiente iusto ipsum dolores quod nisi ad magnam sequi tempore adipisci deleniti mollitia molestias quidem reiciendis, odit delectus molestiae laboriosam officia incidunt quae cumque dolor perspiciatis veritatis iste. Corrupti?</p>
        </div>
        <div class="card white">
          <h3>Dog Header 3</h3>
          <p>Doloribus a at dicta. Corrupti beatae sequi possimus adipisci, accusantium corporis voluptas odit tenetur id consectetur cum aliquid nostrum deserunt explicabo odio unde accusamus. Necessitatibus quia accusantium possimus id ad?</p>
          <p>Id, dolor. Reprehenderit excepturi atque dicta possimus rem odit, harum perspiciatis voluptatem expedita architecto sit eius! Exercitationem, nulla saepe. Iste architecto assumenda temporibus alias eum, modi nam minus quia. Animi.</p>
        </div>
        <div class="card red deprecated">
          <h3>Dog Header 3</h3>
          <p>Dolores quasi cum, reprehenderit, natus molestias vero repellendus neque quidem facilis velit voluptatibus fugit sunt labore aliquam, nihil soluta repudiandae perferendis maxime rerum saepe inventore dolore nulla ipsam. Deleniti, veniam.</p>
          <p>Excepturi ut, aspernatur incidunt ex possimus dignissimos, numquam ipsum facilis omnis aliquam atque quod suscipit laborum nemo deserunt labore unde nostrum assumenda, nisi tempora non voluptas. Debitis consequatur architecto sequi?</p>
        </div>
      </section>
      
    </main>
    <footer></footer>
  </body>
</html>