Llegó la hora de poner en práctica lo que fue visto en el aula. Para esto, ejecute los siguientes pasos:
1) En la página index.html, como último elemento del head, importe el CSS de la fuente Montserrat:
2) Ahora entre la section principal y la section diferenciales, crea la section mapa, incorporando el mapa con la ubicación de la Barberia Alura:
Nuestra Ubicación
Nuestro establecimiento está ubicado en el corazón de la ciudad
3) Dentro de la section diferenciales, después de la imagen diferenciales.jpg, incorpore un video de ejemplo de la Barberia Alura:
4) En el archivo style.css, en la primer línea, estiliza todo el body para utilizar la fuente importada en el primer paso: body { font-family: 'Montserrat', sans-serif; }
5) Finalmente ajuste los espaciados y los estilos del mapa y del video: .mapa { padding: 3em 0; }
.mapa p { margin: 0 0 2em; text-align: center; }
.video { width: 560px; margin: 1em auto; }
