index-old.html

<!DOCTYPE html>
<html lang="es">
<head>    
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>Codo a Codo - Comision #24136 - Grupo 8 </title>
    
    <link rel="ICON" type="iMAGEN/PNG" href="img\favicon.svg">

    <link rel="stylesheet" href="css\styleFC.css" />

    <script src="https://kit.fontawesome.com/b8f5b7d805.js" crossorigin="anonymous"></script>
    <script defer src="js\indexFC.js"></script>
  </head>

<body>


<!--Encabezado-->
<header class="header">

      <nav class="nav-cabecera">
        <div class="logo">
            <img src="img\LogoCAC.png" alt="Logo marca">
        </div>

        <button class="nav-toggle" aria-label="Abre menú">
          <i class="fas fa-bars"></i>
        </button>

        <ul class="nav-menu">
          <li class="nav-menu-item">
            <a href="index.html" class="nav-menu-link">Peliculas</a>
          </li>
          <li class="nav-menu-item">
            <a href="Asociarse.html" class="nav-menu-link">Asociarce</a>
          </li>
          <li class="nav-menu-item">
            <a href="contacto.html" class="nav-menu-link">Contacto</a>
          </li>
          <li class="nav-menu-item">
            <a href="acerca.html" class="nav-menu-link">Acerca de</a>
          </li>
        </ul>

      </nav>
    
    
</header>


<!-----Cuerpo Principal----->


    <body>
        <nav class="Peliculas">
            <div class="movieCard">

            </div>
        </nav>
        <div class="Cuerpo">
            <div class="grid">
    
                <div class="grid" id="movieCard">
               
                </div>
            </div>
        </div>
</nav>


<!-----Pie de Pagina----->

    <footer class="pie-pagina">

        <div class="logo-Pie">
            <img src="img\LogoBA.svg" alt="Logo marca"> 
        </div>
        
        <ul class="socials">
            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
            <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
            <li><a href="#"><i class="fa-brands fa-linkedin"></i></a></li>
        </ul>

        <div class="derechos">
        <p>&copy; #24136 - Grupo 8 - 2024</p>
        </div>
    </footer>
    <script src="./js/movies.js"></script>
</body>
</html>