<!--Skills-->
<section class="section-skills parallax-container scrollspy" id="skill">
  <div class="overlay">
    <div class="carousel carousel-slider center">
      <!--Front-End Skills-->
      <div class="carousel-item white-text valign-wrapper" href="#frontEnd!" id="front-end-carousel-item">
        <div class="container">
          <h3>Front-End</h3>
          <div class="row">
            <div class="carousel-logo col s2 z-depth-5 tooltip">
              <img src="./img/HTML.png" alt="HTML 5 Logo" class="responsive-img">
              <span class="tooltip-text">HTML5</span>
            </div>
            <div class="carousel-logo col s2 tooltip">
              <img src="./img/CSS.png" alt="CSS 3 Logo" class="responsive-img">
              <span class="tooltip-text">CSS3</span>
            </div>
            <!--Other Front-End Skills-->
          </div>
        </div>
      </div>
      <!--Back-End Skills-->
      <!--Other Skills-->
    </div>
    <!--parallax-->
</section>