Este es mi Curriculum on line:
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; }