1
resposta

[Sugestão] Lista Exercícios BoxFlex 1/2

Procurei estilizar o HTML com CSS testando várias cores e usando o método BoxFlex; optei por tons mais sóbrios e também deixei o código responsivo para ser adaptado para diversos tipos de telas, conforme segue:

<!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>Portifolio</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header></header>
    <main class="apresentacao">
        <div class="conteudo-container">
            <div class="texto-container">
                <h1>
                    Eleve seu negócio digital a outro nível com um <strong class="titulo-destaque"><span>Front-end de qualidade!</span></strong>
                </h1>
                <p class="paragrafo-destaque">
                    Olá! Sou Paulo Camargo, estudante de programação e futuro Dev front-end/Back-end, <strong>estou estudando Javascript, HTML e CSS na Alura.</strong> Portanto, posso ajudar a alavancar o seu negócio.
                    <span class="vamos-conversar">Vamos conversar?</span>
                </p>
                <div class="links-container">
                    <a href="https://instagram.com/paulocamargo.psic">Instagram</a>
                    <a href="https://github.com/machado10666">Github</a>
                </div>
            </div>
            <img src="classfoto.jpg" alt="Foto Paulo futuro Desenvolvedor" class="profile-image">
        </div>
    </main>
    <footer>
        <p>Entre em contato comigo:</p>
        <ul>
            <li>Telefone: <a href="tel:+5511999999999">+55 (11) 99999-9999</a></li>
            <li>Email: <a href="mailto:fernandesmetal721@hotmail.com">fernandesmetal721@hotmail.com</a></li>
        </ul>
    </footer>
</body>
</html>
1 resposta

Boa, analisando seu HTML, ficou muito bacana. Dei minhas considerações no tópico que você compartilha uma imagem que ficou bem legal.

Espero ter ajudado! Bons estudos!

Sucesso