Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Curso de HTML e CSS: Classes, posicionamento e Flexbox - 08 Conclusão

Eleve seu negócio digital a outro nível com um Front-end de qualidade!

Olá! Sou Gleibson Kenned, estudante de desenvolvimento em Front-end com especialidade em JAVASCRIPT, HTML e CSS. Meu objetivo é atuar na area para ajudar empresas com desenvolvimento de sistemas, programas e páginas para seus públicos e negócios. Vamos conversar?

        <!-- Botões e Imagem -->
        <div class="apresentacao__links">
            <br>
            <a class="apresentacao__links__link" href="https://www.instagram.com/gleibsonk/">Instagram</a>
            <a class="apresentacao__links__link" href="https://github.com/GleibsonK">GitHub</a>
        </div>
    </section>
    
<img class="apresentacao__conteudo__img"src="html5 i2.webp" width="500" alt="Logo do HTML5 flutuando sobre códigos">
       
</main>


<footer>
    <!-- Informações de Contato ou Direitos Autorais -->
</footer>
3 respostas

style.css

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');

*{ margin: 0; padding: 0; } body{ background: linear-gradient(#000, #012840, #025373, #025373, #025373,#025373, #000); height: 100vh; box-sizing: border-box; background-color: #000000; color: #97FEED; } .apresentacao { margin: 10% ; display: flex; align-items: center; justify-content: space-between; gap: 10px; } .titulo-destaque{ color: #22D4FD; } .texto_azul { color: #22D4FD; border: 1px solid #22D4FD; padding: 3px; } .texto_laranja { color: #F25F29; }

.apresentacao__conteudo { width: 615px; display: flex; flex-direction: column; gap: 30px; } .apresentacao__conteudo__titulo { font-size: 30px; font-family: "Krona One", sans-serif; } .apresentacao__conteudo__paragrafo { font-size: 20px; font-family: "Montserrat", sans-serif; font-weight: 400; } .apresentacao__links { display: flex; justify-content: space-between;

} .apresentacao__links__link { background-color: #22D4FD; width: 280px; text-align: center; border-radius: 16px; font-size: 20px; font-weight: 600; padding: 15px 0; text-decoration: none; color: #000000; font-family: "Montserrat", sans-serif; } .apresentacao__conteudo__img { border-radius: 16px; }

Projeto:

![imagem do projeto pronto ate a aula atual] (https://cdn1.gnarususercontent.com.br/1/4758857/c88b7318-cd2a-486e-9415-192b4251460a.png)

solução!

Olá Gleibson, tudo bem?

Parabéns pela conclusão do projeto! É uma conquista significativa e demonstra seu comprometimento e habilidades.

Continue com esse excelente trabalho e dedicação.

Estou aqui para ajudar em futuros projetos ou se precisar de orientação adicional.

Abraços e sucesso contínuo em sua jornada!