Default

<!DOCTYPE html>
<html>
<head>
  <title>Menú Superior</title>
  <style>
    /* Estilos para el menú */
   
    #menu {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #001338;
    }


    #menu li {
      float: left;
      margin-right: 20px; /* Separación horizontal entre elementos */
    }

    #menu li:last-child {
      margin-right: 20px; /* Elimina el margen derecho del último elemento */
    }

    #menu li a {
      display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }

    #menu li a:hover {
      background-color: #00256F;
    }

    #logo {
      float: left;
      margin-right: 20px; /* Separación entre el logotipo y los elementos del menú */
      width: 35px; /* Ancho del logotipo */
      height: 35px; /* Alto del logotipo */
    }
  </style>
</head>
<body>
  <ul id="menu">
    <li id="logo"><img src="https://statics-maker.llt-services.com/ten/images/2023/06/07/optimized/d98e01a6-20e7-4b26-94df-022ee42684a9-611.png" alt="Logo"></li>
    <li><a href="/cd-tenerife-esports">Inicio</a></li>
    <li><a href="/noticias-cdt-esports">Noticias</a></li>
    <li><a href="/cdt-esports-equipo">Equipo</a></li>
    <li><a href="/cdt-esports-streams">Streams</a></li>
    <li><a href="/cdt-esports-academy">Academia</a></li>
    <li><a href="/becas-first-lego-league">Becas - First Lego League</a></li>
  </ul>
</body>
</html>
</html>

<!DOCTYPE html>
<html>
<head>
  <title>Imágenes con Enlaces</title>
  <style>
    
    .image-container {
      display: flex;
      justify-content: center;
      gap: 80px;
    }
  </style>
</head>
<body>
  <h1 style="color: #FFFFFF;">Patrocinadores</h1>
  <div class="image-container">
    <a href="https://www.holaislascanarias.com/">
      <img src="https://statics-maker.llt-services.com/ten/images/2023/01/31/optimized/bdc24d97-c1cc-42cb-bae0-69908dd005c3-883.png" alt="Descripción de la imagen 1">
    </a>
    <a href="https://www.webtenerife.com/">
      <img src="https://statics-maker.llt-services.com/ten/images/2023/01/31/optimized/84e74f38-1fd2-432f-9f97-3de973a5f72a-870.png" alt="Descripción de la imagen 2">
    </a>
    <a href="https://www.hummel.es/">
      <img src="https://statics-maker.llt-services.com/ten/images/2023/01/31/optimized/fff6e3e4-afa2-44b7-bb5a-580597ac6032-525.png" alt="Descripción de la imagen 3">
    </a>
  </div>
</body>
</html>

CD Tenerife Esports

Noticias