<!--Slider-->
  <section class="slider">
    <div class="slide" data-slide="1">
      <blockquote class="quote">
        <p>“Suspendisse tempor turpis odio, sit amet cursus leo consequat non. Maecenas lacinia faucibus enimqui interdum dolor pulvinar vitae.”</p>
      </blockquote>

      <div class="info">
        <p>John Doe</p>
        <div class="icons">
          <ul>
            <li class="icon active" data-id="1"></li>
            <li class="icon" data-id="2"></li>
            <li class="icon" data-id="3"></li>
          </ul>
        </div>
      </div>
    </div>

    <div class="slide hidden" data-slide="2">
      <blockquote class="quote">
        <p>“Suspendisse tempor turpis odio, sit amet cursus leo consequat non. Maecenas lacinia faucibus enimqui interdum dolor pulvinar vitae.”</p>
      </blockquote>

      <div class="info">
        <p>Jonny Doe</p>
        <div class="icons">
          <ul>
            <li class="icon" data-id="1"></li>
            <li class="icon active" data-id="2"></li>
            <li class="icon" data-id="3"></li>
          </ul>
        </div>
      </div>
    </div>

    <div class="slide hidden" data-slide="3">
      <blockquote class="quote">
        <p>“Suspendisse tempor turpis odio, sit amet cursus leo consequat non. Maecenas lacinia faucibus enimqui interdum dolor pulvinar vitae.”</p>
      </blockquote>

      <div class="info">
        <p>Johnathan Doe</p>
        <div class="icons">
          <ul>
            <li class="icon" data-id="1"></li>
            <li class="icon" data-id="2"></li>
            <li class="icon active" data-id="3"></li>
          </ul>
        </div>
      </div>
    </div>
  </section>