index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- displays site properly based on user's device -->

    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="./images/favicon-32x32.png"
    />
    <link rel="stylesheet" href="./style/style.css" />
    <script defer src="app.js"></script>
    <title>Frontend Mentor | Coding Bootcamp Testimonials Slider</title>

    <!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
    <style>
      .attribution {
        font-size: 11px;
        text-align: center;
      }
      .attribution a {
        color: hsl(228, 45%, 44%);
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="text">
        <div class="text-1 test">
          <p class="parag">
            “ I’ve been interested in coding for a while but never taken the
            jump, until now. I couldn’t recommend this course enough. I’m now in
            the job of my dreams and so excited about the future. ”
          </p>
          <div class="about">Tanya Sinclair <span>UX Engineer</span></div>
        </div>
        <div class="text-2 test">
          <p class="parag">
            “ If you want to lay the best foundation possible I’d recommend
            taking this course. The depth the instructors go into is incredible.
            I now feel so confident about starting up as a professional
            developer. ”
          </p>
          <div class="about">
            John Tarkpor Junior<span> Front-end Developer</span>
          </div>
        </div>
      </div>
      <div class="image">
        <div class="profile">
          <div class="images">
            <img
              src="./images/image-tanya.jpg"
              alt="Tanya"
              class="image__main"
            />
            <img
              src="./images/image-john.jpg"
              alt="John"
              class="image__main img-2"
            />
          </div>
          <div class="icons">
            <div class="prev">
              <img src="./images/icon-prev.svg" alt="" class="button" />
            </div>
            <div class="next">
              <img src="./images/icon-next.svg" alt="" class="button" />
            </div>
          </div>
        </div>
        <img src="./images/pattern-bg.svg" alt="" class="image__bg" />
      </div>
    </div>
    <!-- 
  

  <div class="attribution">
    Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
    Coded by <a href="#">Your Name Here</a>.
  </div> -->
  </body>
</html>