Proyecto de clase 01: etiquetas de Div

Proyecto de clase 02: pie de página

Haz que el pie de página HTML coincida con la maqueta de tus archivos de ejercicios:
1. Archivos de ejercicio > Proyecto 1 > Ejemplo de maqueta: proyecto 1.jpg
No tiene que ser perfecto en píxeles. Solo tienes que adivinar los tamaños y el espaciado.
Requisitos
1. Ignora el mapa en el medio (lo haremos juntos más adelante).
2. Tienen espacio por encima y por debajo del pie de página.
3. El texto del pie de página es: Main St, Blackabbey, Adare, Co. Limerick - Copyright 2017©
4. Pon el texto en una etiqueta
  y dale estilo al texto para que coincida con la maqueta.
5. El color de fondo es negro, que es transparente.
Toma una captura de pantalla de tus dos páginas completadas en Chrome y compártela para mostrar que lo has hecho en cualquiera de las siguientes acciones o en todas ellas:
1. Sección de signaciones de este sitio web
2. Añade los comentarios en la página.
3. Redes sociales y etiqueta de Dan
  1. Instagram: @bringyourownlaptop #byolweb
  2. Twitter: @danlovesadobe #byolweb
  3. Grupo de Facebook aquí. #byolweb

Proyecto de clase 03: encabezado de Flexbox

Añade el logotipo y la navegación al encabezado de nuestro sitio web con tus nuevas habilidades de flexbox.
Tu página se verá así cuando termines:

Archivos de ejercicio > Proyecto 2 > Proyecto de clase 3.png
Requisitos:
1. Añade un color de fondo a todo el sitio de #FC5E55
2. Crea un logotipo y un cuadro de navegación dentro de la etiqueta de encabezado.
3. Añade el logotipo a la caja de logotipos.
  1. La imagen está en : Archivos de ejercicio > Project 2 > logo-roar-bikes.png
4. Añade texto al cuadro de
  , pero aún no los hagas enlaces ni botones, solo texto antiguo sin formato:
  1. Reserva en línea Acerca de Contacto
5. Haz que la navegación esté alineada a la derecha.
6. Quita el color de fondo y la altura del encabezado.
7. Añade relleno a la parte superior e inferior del encabezado.
8. Asegúrate de que tanto el logotipo como la navegación estén centrados verticalmente.
Toma una captura de pantalla de tus dos páginas completadas en Chrome y compártela para mostrar que lo has hecho en cualquiera de las siguientes acciones o en todas ellas:
1. Sección de signaciones de este sitio web
2. Añade los comentarios en la página.
3. Redes sociales y etiqueta de Dan
  1. Instagram: @bringyourownlaptop #byolweb
  2. Twitter: @danlovesadobe #byolweb
  3. Grupo de Facebook aquí. #byolweb

Proyecto de clase 04: Nav Button

Objetivo: crear tu propia clase de button que se vea como esta:

bafd7de7

Dejarás ‘mybutton’ aplicado a la caja del héroe, pero crearás un nuevo estilo llamado ‘navbutton’ y lo aplicarás a tu navegación.
Requisitos
1. Todas son etiquetas .
2. Crea tu propia clase personalizada llamada ‘navbutton’.
3. Borde blanco alrededor del button.
4. El texto es Playfair Display.
5. El texto es blanco
6. Sin subrayado.
7. Sin color de fondo.
Toma una captura de pantalla de tus dos páginas completadas en Chrome y compártela para mostrar que lo has hecho en cualquiera de las siguientes acciones o en todas ellas:
1. Sección de signaciones de este sitio web
2. Añade los comentarios de la página.
3. Redes sociales y etiqueta de Dan
  1. Instagram: @bringyourownlaptop #byolweb
  2. Twitter: @danlovesadobe #byolweb
  3. Grupo de Facebook aquí. #byolweb

Proyecto de clase 05: diseño de encabezado

Objetivo: recrear este encabezado:

5b5a840f