coding-bootcamp-testimonials-slider/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">

  <!-- CUSTOM CSS -->
  <link rel="stylesheet" href="/coding-bootcamp-testimonials-slider/style.css">

  <!-- JS -->
  <script src="/coding-bootcamp-testimonials-slider/script.js" defer></script>


  <title>Coding Bootcamp Testimonials Slider</title>

</head>

<body>

  <main class="container">

    <div class="slider">

      <div class="slide slider_one">
        <div class="slider_img">
          <img src="/coding-bootcamp-testimonials-slider/images/image-tanya.jpg" alt="">
          <div class="slider_nav">
            <div class="prev"></div>
            <div class="next"></div>
          </div>
        </div>
        <!--slider_image -->
        <div class="slider_quote">
          <img src="/coding-bootcamp-testimonials-slider/images/pattern-quotes.svg" alt="">
          <p>“ 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="slider_name">
            <h3 class="name">Tanya Sinclair <span class="role">UX Engineer</span></h3>
          </div> <!-- slider_name-->
        </div><!-- slider_quote -->
      </div><!-- slider_one-->

      <div class="slide slider_two">
        <div class="slider_img">
          <img src="/coding-bootcamp-testimonials-slider/images/image-john.jpg" alt="">
          <div class="slider_nav">
            <div class="prev"></div>
            <div class="next"></div>
          </div>
        </div>
        <!--slider_image -->
        <div class="slider_quote">
          <img src="/coding-bootcamp-testimonials-slider/images/pattern-quotes.svg" alt="">
          <p> “ 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="slider_name">
            <h3 class="name">John Tarkpor <span class="role">
                Junior Front-end Developer</span></h3>
          </div> <!-- slider_name-->
        </div><!-- slider_quote -->
      </div><!-- slider_two-->


    </div>
    <!--slider-->
    <div class="footer">
      Challenge by
      <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. coded by <a
        href="https://github.com/vimode/frontend-mentor-challenges">vimode</a>.
    </div>


  </main><!-- container -->

</body>

</html>