index.html

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Discord</title>

<!-- Links CSS -->

    <link rel="stylesheet" href="./assets/style/reset.css">
    <link rel="stylesheet" href="./assets/style/header.css">
    <link rel="stylesheet" href="./assets/style/main.css">
    <link rel="stylesheet" href="./assets/style/media-queries.css">

    <!-- icons   -->
    <script src="https://kit.fontawesome.com/434658e145.js" crossorigin="anonymous"></script>
</head>

<body>

    <header>
        <div class="content">
                <h1>IMAGINE UM LUGAR...</h1>
                <P>…onde você possa pertencer a um clube escolar, um grupo de gamers, ou uma comunidade artística mundial. Onde você e alguns amigos possam passar um tempo juntos. Um lugar que torna fácil conversar todos os dias e socializar com mais frequência.</P>
            <div class="main-buttons">
                <button class="btn-1">
                    <p class="text-btn">Baixar para Windows</p>
                </button>
                <button class="btn-2">
                    <p class="text-btn">Abra o Discord no seu Navegador</p>
                </button>
            </div>
        </div>
    </header>
     
    <main>
            <section class="block-2">
                <div class="content-blk2">
                    <div class="img">
                        <img src="./assets/images/img-blk2.png" alt="">
                    </div>
                    <div class="text-blk2">
                        <span><h1>Crie um espaço controlado por convite onde você se sinta em casa</h1></span>
                        <span><p>Os servidores Discord são organizados em canais com assuntos para vocês colaborarem, compartilharem ou simplesmente falarem do dia sem entupir um chat geral.</p></span>
                    </div>
                </div>
            </section>

            <section class="block-3">
                <div class="content-blk3">
                    <div class="text-blk3">
                        <span><h1>Aqui é fácil se encontrar</h1></span>
                        <span><p>Entre no canal de voz quando estiver à toa. Amigos no mesmo servidor podem te ver e entrar imediatamente, sem nem ter que fazer a chamada.
                        </p></span>
                    </div>
                    <div class="img">
                        <img src="./assets/images/img-blk3.png" alt="">
                    </div>
                </div>
            </section>

    </main>

    
</body>


</html>