Aplicando todo lo que vimos en el au
Index
Home Sobre míEleve tu negocio digital a otro nivel con un Front-end de calidad!
¡Hola! Soy Ana García, desarrolladora Front-end con especialización en React, HTML y CSS. Ayudo a pequeños negocios y diseñadores a llevar a cabo buenas ideas. ¿Hablamos?
</p>
<div class="presentacion_enlaces">
<h2 class="Presentacion_enlaces_subtitulo">Accede a mis redes:</h2>
<a class="presentacion_enlaces_link" href="https://instagram.com/">
<img src="./assets/instagram.png">
Instagram</a>
<a class="presentacion_enlaces_link" href="https://github.com/">
<img src="./assets/github.png" >
GitHub</a>
</div>
</section>
<img src="./assets/Imagem.png" alt="Foto de Ana García desarrolando un proyecto">
</main>
<footer class="footer">
<p>Desarrollado por Wilson Cordoba</p>
</footer>
About
Home Sobre mí <section class="presentacion_contenido">
<h1 class="presentacion__contenido__titulo">Sobre Mi</h1>
<p class="presentacion_contenido_texto">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis sapien et odio volutpat porta et sit amet quam. Donec ut laoreet massa. Curabitur leo tellus, finibus quis tempus et, ultricies sed quam. Orci varius
natoque Suspendisse potenti. Etiam tempus ante dui, nec congue neque facilisis vitae. Aenean dui felis, placerat ut ex volutpat, dapibus blandit lectus. Etiam malesuada
nisi vitae enim mattis ornare.</p>
</section>
<img src="./assets/Imagem.png" alt="Foto de Ana García desarrolando un proyecto">
</main>
<footer class="footer">
<p>Desarrollado por Wilson Cordoba</p>
</footer>
Style css @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{ background-color: #000000; color: #F6F6F6; box-sizing: border-box; } .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; text-decoration: none; }
.header_menu_link:hover{ color: #007bff; } .presentacion{ display: flex; align-items: center; padding: 6% 15%; justify-content: space-between; }
.presentacion_contenido { width: 615px; display: flex; flex-direction: column; gap: 40px; }
.presentacion__contenido__titulo { font-size: 36px; font-family: "Krona One", sans-serif; }
.titulo-destaque { color: #22D4FD; ; } .presentacion_contenido_texto{ font-family: "Montserrat", sans-serif; font-size: 24px; } .presentacion_enlaces{ display: flex; justify-content: space-between; flex-direction: column; align-items: center; gap: 32px;
}
.Presentacion_enlaces_subtitulo{ font-family: "Krona One", sans-serif; font-size: 24px; font-weight: 400;}