Days/Day29/index.html

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="styles.css">
     <title>CDT Page</title>
     <script src="https://kit.fontawesome.com/8c1f754ca0.js" crossorigin="anonymous"></script>
</head>
<body>
     <!-- NAV BAR -->
     <nav>
          <div class="nav-items">
               <li>Nuestra historia</li>
               <li>Productos</li>
               <li>Canchas</li>
               <li>Visítanos</li>
               <div class="center-logo">
                    <img src="./images/CDT.png" alt="cdt-logo" />
               </div>
          </div>
     </nav>

     <!-- MAIN CONTAINER -->
     <section class="main-container">
          <div class="page-title">
               <img src="./images/CDT-ball.png" alt="tennis-ball" />
          </div>
          <div class="page-description">Cuando se trata de tenis, somos lxs más comprometidos en entregarte el mejor contenido y material de primer nivel. Estadísticas actualizadas de partidos en tiempo real. Datos y gráficas de la temporada. Números verídicos de la calidad de juego de los jugadores. Noticias de último momento e información relevante e histórica de nuestro deporte.</div>
          <button class="callout-button"></button>
     </section>
     
     <!-- IMAGE CARROUSEL -->
     <section class="img-carrousel">
          <div class="button-left">
               <i class="fa-solid fa-caret-left"></i>
          </div>
          <div class="images">
               <img data-key="1" src="./images/tennis-court-1.jpg" alt="tennis-court-1" />
               <img data-key="2" src="./images/tennis-court-2.jpg" alt="tennis-court-2" />
               <img data-key="3" src="./images/tennis-court-3.jpg" alt="tennis-court-3" />
               <img data-key="4" src="./images/tennis-court-4.jpg" alt="tennis-court-4" />
               <img data-key="5" src="./images/tennis-court-5.jpg" alt="tennis-court-5" />
               <img data-key="6" src="./images/tennis-court-6.jpg" alt="tennis-court-6" />
               <img data-key="7" src="./images/tennis-court-7.jpg" alt="tennis-court-7" />
          </div>
          <div class="button-right">
               <i class="fa-solid fa-caret-right"></i>
          </div>
     </section>

     <script type="text/javascript" src="script.js"></script>
</body>
</html>