Curso6_2: Haga lo que hicimos en aula | HTML y CSS: header, footer y variables CSS | Alura Latam

Curso6_2: Haga lo que hicimos en aula

index.html

<body>
    <header></header>
    <main class="presentacion">
        <section class="presentacion__contenido">
            <h1 class="presentacion__contenido__titulo">
                Eleve tu negocio digital a otro nivel 
                <strong class="titulo-destaque">con un Front-end de calidad!
                </strong></h1>
                <p class="presentacion__contenido__texto">¡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://github.com/">
                        <img src="./assets/github.png"> GitHub</a>
                    <a class="presentacion__enlaces__link" href="https://co.linkedin.com/">
                        <img src="./assets/linkedin.png"> LinkedIn</a>
                    <a class="presentacion__enlaces__link" href="https://www.twitch.tv/">
                        <img src="./assets/twitch.png"> Twitch</a>
                </div>
               
        </section>
            <img src="./assets/Imagem.png" alt="Foto de Ana García desarrolando un proyecto">
    </main>
    <footer class="footer">
        <p>Desarrollado por Alura Latam</p>
    </footer>
</body>

style.css

.presentacion__enlaces__link:hover{
    background-color: #272727;
    border-color: aqua;
    cursor: pointer;
}