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

Desafío: crea una página curriculum

Este es mi Curriculum on line: Mi hoja de vidaSobre mi

Home Sobre mi
</header>
<main class="presentacion">
    <section class="presentacion__contenido">
        <center><h1 class="presentacion__contenido__titulo">
            HOJA DE VIDA</h1></center>
        <h2 class="presentacion__contenido__subtitulo">Perfil profesional:</h2>
            <p class="presentacion__contenido__texto">Soy Técnico en Ingeniería de sistemas cuento con experiencia 
                brindando soporte técnico y mantenimiento a computadores, con conocimientos en el sistema operativo
                Windows, herramientas ofimáticas, protección, respaldo y recuperación de la información, formateo 
                de computadores, instalación, configuración y soporte técnico, manejo de paquete de office y 
                aplicativos, y demás labores relacionadas. Responsable, organizado, buenas habilidades interpersonales
                y de trabajo en equipo.
            </p>

            <div class = "presentacion__enlaces">
                <h2 class="presentacion__enlaces__subtitulo">Contactame por mis redes sociales:</h2>
                <a class="presentacion__enlaces__link" href="https://linkedin.com/">
                    <img src="./assets/linkedin.png">Linkedin</a>
                <a class="presentacion__enlaces__link" href="https://twitch.com/">
                    <img src="./assets/instagram.png">Instagram</a>
            </div>
    </section>
        <img class="imagen" src="./assets/Foto JLO.jpg" alt="Mi foto">
</main>
<footer class="footer">
    <p>Realizado por Jose Luis Ortega. 2024</p>
    <p>Derechos reservados.</p>
</footer>
  • CSS:

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat&display=swap');

  • { padding: 0; margin:0; }

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

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

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

.header__menu__link { font-family:'Krona One', sans-serif; font-size: 24px; font-weight: 600; color:#22D4FD; text-decoration: none; }

.header__menu__link:hover { color: #007bff; }

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

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

.presentacion__contenido__titulo{ font-size: 40px; font-family: 'Krona One', sans-serif; }

.presentacion__contenido__subtitulo{ font-size: 30px; font-family: 'Krona One', sans-serif;

}

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

.presentacion__contenido__texto{ font-size: 24px; font-family: 'Montserrat', sans-serif; }

.presentacion__enlaces{ display: flex; justify-content: space-between; font-size: 18px; color: white; border-radius: 5px; flex-direction: column; align-items: center; gap: 32px; }

.presentacion__enlaces__subtitulo{ font-family: "Krona One", sans-serif; font-size: 24px; font-weight: 400; }

.presentacion__enlaces__link{ width: 378px; text-align:center; padding: 21.5px 0; border-radius: 8px; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 600; text-decoration: none; color: #f6f6f6; border:2px solid #22D4FD; display: flex; justify-content: center; gap: 10px; }

.presentacion__enlaces__link:hover{ background-color: #272727; padding: 3%; }

.presentacion__enlaces__subtitulo:hover{ color:#22D4FD; }

.footer{ background-color: #22D4FD; padding: 24px; color: #000000; text-align: center; font-family:'Montserrat', sans-serif; font-size: 24px; font-weight: 400; }

.imagen{ height:400px ; width:350px ; padding: 50px 0px 200px 0px; }

1 respuesta

Hola José, 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!