Typefaces">
Nothing Special   »   [go: up one dir, main page]
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 36 vistas

    Lenguaje CS

    Cargado por

    DANIELA RAMIREZ
    Este documento presenta una página web para promover las Escuelas de Código de la Ciudad de México. Incluye una cabecera con logo y menú de navegación, una sección principal con imágenes y texto promocional, y un pie de página con información sobre la inscripción. El diseño y estilo están definidos en una hoja de estilo CSS separada.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    Lenguaje CS

    Cargado por

    DANIELA RAMIREZ
    36 vistas5 páginas
    Este documento presenta una página web para promover las Escuelas de Código de la Ciudad de México. Incluye una cabecera con logo y menú de navegación, una sección principal con imágenes y texto promocional, y un pie de página con información sobre la inscripción. El diseño y estilo están definidos en una hoja de estilo CSS separada.

    Descripción original:

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento presenta una página web para promover las Escuelas de Código de la Ciudad de México. Incluye una cabecera con logo y menú de navegación, una sección principal con imágenes y texto promocional, y un pie de página con información sobre la inscripción. El diseño y estilo están definidos en una hoja de estilo CSS separada.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    36 vistas5 páginas

    Lenguaje CS

    Cargado por

    DANIELA RAMIREZ
    Este documento presenta una página web para promover las Escuelas de Código de la Ciudad de México. Incluye una cabecera con logo y menú de navegación, una sección principal con imágenes y texto promocional, y un pie de página con información sobre la inscripción. El diseño y estilo están definidos en una hoja de estilo CSS separada.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 5

    <!

    DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-
    scale=1.0">
    <title>Actividad 5</title>
    <link rel="stylesheet" href="lenguaje.css">
    </head>

    <body>

    <header>
    <img class="img"
    src="https://escuelasdecodigo.cdmx.gob.mx/wp-
    content/themes/escuelasdecodigo/assets/images/logo.svg"
    alt="Gobierno de la Ciudad de México">
    <hr>
    <nav>
    <ul>
    <li>Residentes</li>
    <li>Negocios</li>
    <li>Visitantes</li>
    <li>Gobierno</li>
    </ul>
    </nav>
    </header>

    <main class="banner-card">
    <img src="https://escuelasdecodigo.cdmx.gob.mx/wp-
    content/themes/escuelasdecodigo/dist/assets/hero.jpg"
    width="100%">

    <img class="vector"
    src="https://escuelasdecodigo.cdmx.gob.mx/wp-
    content/themes/escuelasdecodigo/dist/assets/hero-vector.svg">

    <div class="banner-text">
    <div class="texto1">
    <p>APRENDE A PROGRAMAR </p>
    </div>
    <div class="texto2">
    <p>EN LAS</p>
    </div>
    <div class="texto3">
    <p>ESCUELAS DE CÓDIGO</p>
    </div>
    <div class="texto4">
    <p>DE LA CDMX</p>
    </div>
    </div>
    </main>

    </body>

    <footer>
    <div class="divfo">
    <h2>¿Quién se puede inscribir?</h2>
    <p><strong>Cualquier persona que quiera aprender a programar
    código y cuente con 4-8 horas disponibles a la
    semana.</strong> <br> *Menores de edad deberán entrar a
    las instalaciones acompañados de un adulto</p>
    </div>
    </footer>

    </html>
    *{
    font-family:Arial, Helvetica, sans-serif
    }
    nav {
    float: right
    }

    nav ul li {
    list-style: none;
    margin-left: 60px;
    padding: -300px 0;
    float: left;
    }

    footer {
    text-align: center;
    }

    .img {
    padding: 5px;
    margin-right: 50px;
    margin-left: 100px;
    }

    .banner-card {
    position: relative;
    }

    .banner-text {
    position:absolute;
    top: 50px;
    color:white;
    padding: 100px;
    }

    h2 {
    color: rgb(197, 180, 53);
    }

    nav {
    padding-bottom: 15px;
    padding-right: 150px;
    margin-top: -8px;
    }

    .vector {
    margin-left: 150px;
    top: -410px;
    position: relative;
    }

    .texto1{
    font-weight: bold;
    font-size: 35px;
    margin-top: -35px;
    position: relative;
    margin-left: 110px;
    }

    .texto2{
    font-size: 27px;
    margin-top: -35px;
    position: relative;
    margin-left: 250px;
    }

    .texto3{
    font-weight: bold;
    font-size: 50px;
    margin-top: -115px;
    position: absolute;
    margin-left: 360px;
    }

    .texto4{
    font-size: 27px;
    margin-top: 75px;
    position: relative;
    margin-left: 360px;
    }

    .divfo{
    margin-top: -70px;
    }

    También podría gustarte