<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; }