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

comparto mi desafio

<main class="presentacion">
    <section class="presentacion_contenido">
        <h1 class="presentacion_contenido_titulo">Curriculum</h1>
        <p class="presentacion_contenido_parrafo">Presentacion y informaciones principales</p>
        
        <h2 class="presentacion_clase-subtitulo">Experiencias</h2>
        <ul>
            <li>Empresa en que trabajo (2020 - 2021) - tu ocupación ahí</li>
            <li>Empresa en que trabajo (2021 - 2023) - tu ocupación ahí</li>
        </ul>

        <h2 class="presentacion_clase-subtitulo">Estudios</h2>
        <ul>
            <li>Curso nombre - Alura Cursos <span class="titulo-destaque">con la certificación</span></li>
            <li>Curso nombre - Alura Cursos <span class="titulo-destaque">con la certificación</span></li>
            <li>Curso nombre - Alura Cursos <span class="titulo-destaque">con la certificación</span></li>
        </ul>
    </section>
    
    <img src="Imagem.png" alt="Imagen de una persona sonriente con una laptop">
</main>

<footer class="footer">
    <p class="subtitulo_footer">Desarrollado por alura latam</p>
</footer>

style.css

@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

  • { padding: 0; margin:0; }

body{ box-sizing: border-box; background-color: #000000; color: #F6F6F6; }

.header{ padding: 2% 0% 0% 15%;

}

.Header_Menu{ display: flex; gap: 80px; }

.Header_Menu_Link{ font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 600; color: #22D4FD; }

.titulo-destaque { color: #22D4FD; ; }

.presentacion { display: flex; align-items: center; padding: 7%; justify-content: space-between; }

.presentacion_contenido{ width: 615px; display: flex; flex-direction: column; gap:40px; }

.presentacion_contenido_titulo{ font-size: 35px; font-family: "Krona One", sans-serif;

}

.presentacion_contenido_parrafo{ font-size: 26px; font-family: "Montserrat", sans-serif; }

.presentacion_enlaces{ display: flex; justify-content:space-between; flex-direction: column; align-items: center; gap: 32px; }

.presentacion_clase-subtitulo{ font-family: "krona one" sans-serif; font-size:70px; font-weight: 400; }

.presentacion_enlaces_link{ width: 280px; text-align: center; padding: 20px 0; border-radius: 16px; font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 600; text-decoration: none; color:#F6F6F6; font-family: "Montserrat", sans-serif; border: 2px solid #22D4FD; display: flex; justify-content: center; gap: 10px; }

.presentacion_enlaces_link:hover{ background-color: #272727; }

.footer{ background-color: #22D4FD; padding: 24px; }

.subtitulo_footer{ color: #000000; text-align: center; font-size: 30px; font-weight: 400; }

1 respuesta

Hola Diego, espero que estés bien

Gracias por compartir tu ejercício práctico con nosotros! Tu contribución es fundamental para el crecimiento de nuestra comunidad en Alura. Sigue comprometido y no dudes en regresar al foro en caso que tengas alguna duda o dificultad.

¡Abrazos y buenos estudios!

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