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

Hagamos lo que hicimos en el aula

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

1 respuesta

Hola Wilson, 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!