index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="main.css" media="screen" title="no title">
    <title>Carousel Example</title>
  </head>
  <body>

      <h1>Horses</h1>
      <section class="frame">

        <section class="carousel-container">
          <img src="img/Photo by Alex Blăjan _ Unsplash _ Unsplash.jpeg" alt="horse" />
        </section>


    </section>

      <section class="button-container">
        <a href="https://unsplash.com/search/horses">
          <button  class="link-button" type="button" name="button">More Horse Pics!</button>
        </a>

        <a href="http://kenwheeler.github.io/slick/">
          <button class="link-button" type="button" name="button">More Carousel Options!</button>
        </a>
      </section>

  </body>
</html>