Elaboración del header

hay un error de digitación en la clase de la imagen class=“responsivbe-img” 😃

B - VSC - Plugin Live Server

Hola, aún no están los assets en el repositorio 😦

podrian agregar los assets en la sección de archivos por favor?.

Clase container: espacio que delimita el crecimiento del contenedor a trabajar, de aquí hacia adentro se ocuparan las doce columnas que propone el sistema de grid.

Poco a poco con este proyecto

Inicio del Proyecto cambiando el Titulo.

Buen comienzo! Que fácil crear un navbar con Materialize

encontré esta extensión por si les sirve

¿La clase header-main-pic es propia únicamente de materialize?

m

Ese Live Server se los recomiendo mucho. Para que lo usen en la mayoría de sus proyectos front ya que la utilidad es muy buena.

Genial. muy rápido y útil armar un navBar

vamos al codigo por fin

Genial está clase 😄 Gracias Diego siempre me ha gustado como maqueteas el html con todas las etiquetas HTML5

Live Server: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Excelente clase ❤️

Diego explica todo a detalle, Genia!

Es hora de la acción.

“…demilita…” okay…

Vamosss, al finn.

Les comparto el codigo creado en esta clase

<header>
    <nav class="container">
      <a href="#" class="brand-logo valign-wrapper">
        <img class="responsive-img left" src="assets/img/Logo.jpg" alt="Logo del Blog">
      </a>
      <ul>
        <li><a href="#">About Us</a> </li>
        <li><a href="#">Contact Us</a> </li>
        <li><a class="btn" href="#">Sign Up</a> </li>
      </ul>
    </nav>
    <section class="header-main-pic"></section>
  </header>