Proyecto 020 - Parte 02

Описание: Resolver Proyecto 020 - Parte 02
************************************************************************
1.- Digitar la estructura base de HTML5, incluyendo el atributo de lenguaje, metadatos.
2.- Aplicar:
Ubicarte debajo del title y crear un link para enlazar con tu archivo estilo.css
3.- Aplicar html5:
Dentro del body digitar la etiqueta main.
Dentro del main digitar la etiqueta header.
Dentro del header, ingresar la etiqueta h1: Proyecto 020
4.- Aplicar css3:
Resetear la página (margin, padding, box-sizing)
5.- Aplicar css3:
Al header aplicar:
Color de fondo
Espaciado interior: arriba y abajo 20px, izquierda y derecha 0px
Al header h1 aplicar:
Alineación centrar
Sombra de texto
6.- Aplicar Html5:
Debajo del comentario Fin del header, crear un section
Dentro del section, crear un article que tenga una clase cuadro1
Dentro del article, crear un h3: Fuentes Predeterminadas: Verdana, Tahoma
Debajo del h3 de cierre, crear un párrafo que tenga texto falso
Debajo del article de cierre, crear un article que tenga una clase cuadro2
Dentro del article, crear un h3: Fuente Link: Gravitas One
Debajo del h3 de cierre, crear un párrafo que tenga texto falso
Debajo del article de cierre, crear un article que tenga una clase cuadro3
Dentro del article, crear un h3: Fuente Import: Dancing Script
Debajo del h3 de cierre, crear un párrafo que tenga texto falso
Debajo del article de cierre, crear un article que tenga una clase cuadro4
Dentro del article, crear un h3: Fuente Descargada: Courgette
Debajo del h3 de cierre, crear un párrafo que tenga texto falso
7.- Aplicar css3:
Al section aplicar:
Color de fondo
Ancho máximo: 800px
Margen: 0px auto
Espacio interior: 20px
Alineación justificar
Al .cuadro1, .cuadro2, .cuadro3 aplicar:
Color de fondo
borde: Solid
Ancho del borde: 3px
Contorneo del borde: 25px
Espacio interior: 15px
Tamaño de fuente: 20px
Margen inferior: 20px
Al .cuadro1 p, .cuadro2 p, .cuadro3 p aplicar:
Color de fuente
Espacio Interior: arriba 10px
Al .cuadro1 p:
Tipo de fuente: Verdana, Tahoma
8.- Copiar de Google Fonts el link de la fuente y aplicar: Gravitas One
9.- Copiar de Google Fonts el import de la fuente y aplicar: Dancing Script
10.- Descargar de Google Fonts la fuente y aplicar: Courgette
11.- Aplicar html5:
Debajo del comentario Fin del contenido, insertar un footer
Dentro del footer, insertar un párrafo: Todos los derechos reservados © 01/08/2035 | Términos y condiciones.
9.- Aplicar css3:
Al footer aplicar:
Color de fondo
Espaciado interior: 20px 0px
Alinear al centro
Tamaño de fuente 16px
Tipo de fuente: dancing script