index.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    
    <title>Curso</title>

    <link rel="stylesheet" href="./style/style.css">
    
</head>
<body>
    <header class="proa">
        <nav class="proaguia">
            <a class="proaguia__link" href="index.html">Home</a>
            <a class="proaguia__link" href="about.html">Sobre Mim</a>
        </nav>
    </header>
    <main class="todo">
        <section class="todo__txt">
        
        <h1 class="todo__txt__titulo">Eleve seu negócio digital a outro nível <strong class="destaque">com um Front-end de qualidade!</strong></h1>
        <p class="todo__txt__paragrafo">Olá! Sou Pedro Pires, estou treinando meu Front-end, obtendo experiencia em React, HTML e CSS. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>

        <div class="todo__links">
            <h2 class="todo__links__txt"> Acesse minhas redes:</h2>
        <a class="todo__links__div" href="https://www.instagram.com">
            <img src="./assets/instagram.png">
            Instagram</a>
        <a class="todo__links__div" href="https://twitter.com">
            <img src="./assets/twitter-novo.png">
            Twitter</a>
        <a class="todo__links__div" href="https://www.twitch.tv">
            <img src="./assets/twitch.png">
            Twitch</a>
        </div>

        </section>
        <img class="todo__image" src="./assets/scarlatcore.jpg" alt="Telaescarlate">
    </main>
    <footer class="rodape"><strong>Desenvolvido Por Mim</strong></footer>
</body>
</html>