En el aula 04. Semantica Html del curso Layouts Responsivos: Trabajando con layouts mobile, dan la estructura para completar el proyecto , pero no aparece el bloque de codigo html que se llama "Institucional", aparecen las indicaciones para crear el css pero no el codigo html.
aparece la seccion planes:
Planes
-
Start
$ 500
5 manutenciones mensuales
App SEO
1 sistema operacional
Asignar plan -
Ultra
$ 1500
20 manutenciones mensuales
App SEO
4 sistemas operacionales
Asignar plan -
Mega
$ 1500
10 manutenciones mensuales
App SEO
2 sistemas operacionales
Asignar plan
Aparece la seccion contacto
<section class="contacto container">
<h2 class="contacto__titulo">Contacto</h2>
<p>Entre en contacto con nosotros</p>
<a href="#" class="contacto_boton boton">Entre en contacto</a>
</section>
Aparece el css de la seccion contacto
.contacto {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-top: 2rem;
padding-bottom: 2rem;
}
.contacto__titulo { color: var(--fuente-ceniza-oscuro); font-weight: 700; font-size: 1.5rem; font-family: var(--montserrat); text-transform: uppercase; text-align: center;
margin-bottom: 1.25rem;
}
.contacto__boton { color: var(--boton-rojo); border-color: var(--boton-rojo); margin-top: 1.25rem;
}
y luego esto:
Y el estilo del bloque Institucional, debes crear un archivo institucional.css en la carpeta css
.institucional { display: flex; flex-direction: column; align-items: center;
color: var(--fuente-ceniza-oscuro);
text-align: center;
padding-top: 2rem;
padding-bottom: 2rem;
}
.institucional__titulo { color: var(--fuente-ceniza-oscuro); font-weight: 700; font-size: 1.5rem; font-family: var(--montserrat); text-transform: uppercase; text-align: center;
margin-bottom: 2rem;
}
.institucional__descripcion { margin-bottom: 2rem; }
.institucional__direccion { font-size: 1.5rem; line-height: normal;
margin-bottom: 2rem;
}
.institucional__contacto { font-size: 1.2rem; line-height: 1.8;
margin-top: 2rem;
}
.institucional__contacto-telefono { line-height: normal; }
.institucional__contacto-email { color: var(--fuente-ceniza-oscuro); text-decoration: underline; display: block; }
.institucional__video { width: 100vw; }
**pero no aparece el codigo html
que hacer?? **