969470142 javizame1@gmail.com

sitio web responsive parte 4 iniciando index

Empezando index.html, ya hemos instalado brackets, le agregamos complementos, descargamos las imágenes, iconos para el proyecto es hora de empezar la magia del html.

Te recomiendo que sigas el video paso a paso, puedes poner pausa y verificar si estás haciendo las cosas bien.

Además de ello voy a dejar el código del proyecto en esta página para que así hagas un análisis más específico si te has equivocado o no en la creación del sitio web responsive desde cero usando html y css.

Puedes copiar y pegar el código html a continuación:

 

Index.html

 

<!DOCTYPE html>

<html lang="es">

<head>

                <meta charset="UTF-8">

                <title>Restaurant</title>

                <link rel="stylesheet" href="css/estilo.css">

                <link rel="stylesheet" href="styles.css">

                <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

</head>

<body>

<header>

                <nav class="cabecera flex modificador">

                               <div class="logo">

                                               <img src="images/logo.png" >

                               </div>

                               <div class="franja">

                               <span class="icon-menu" id="boton_menu"></span>

                               </div>

                                               <ul class="menu" id="menu">

                                               <li class="lista"><a href="" class="link seleccion">Inicio</a></li>

                                               <li class="lista"><a href="" class="link">Nosotros</a></li>

                                               <li class="lista"><a href="" class="link">Servicios</a></li>

                                               <li class="lista"><a href="" class="link">contacto</a></li>

                               </ul>

                </nav>

 

                <div class="texto">

                               <h1 class="titulo">Lo Mejor <br>Esta por llegar</h1>

                               <div class="conocenos">

                                               <a href="" class="boton">Conocenos mas</a>

                               </div>                 

                </div>

</header>

<script src="menu.js"></script>

</body>

</html>

Sitio web responsive desde cero

Este curso tiene 2:50 horas de puro codigpo bien explicado

Mas informacion

Accede