Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Proyecto] No aparece el codigo HTML

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?? **

1 respuesta

Hola Paola, como estás?

No sé si entendí bien tu duda, pero en las secciones preparando el ambiente es donde están disponibles los códigos necesarios para los videos siguientes.

Si percibes que está faltando algún código puedes explicar mejor por aquí, en que momento del video es usado o donde debería estar y no está y que exactamente está faltando. Puedes si desea explicar mejor por aquí, que yo lo averiguo o también puedes encontrarme en el servidor de Discord como parte del equipo one.

También puedes acceder el proyecto completo, que está disponible para descargarse en la ultima aula.

Cuando desees compartir el código con nosotros puedes lograrlo haciendo clic en este botón y colocando tu código entre los acentos:

https://cdn1.gnarususercontent.com.br/6/409216/a3962870-1dd0-4f80-a135-54b482f9094a.png

Así el código queda mejor estructurado en el topico y más facil de leer.

Gracias por tu compresión y estaré atento a tu respuesta.

Si tienes alguna duda, no dejes de preguntar. ¡Estamos aquí para ayudarte!.

¡Saludos!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios