Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Resolução finalização projeto Item 5

<header>
    <h1 class="centralizado">Barbearia Alura</h1>
</header>

<div id="content-main" class="centralizado">
    <img src="banner.jpg">
    <h2>Sobre a Barbearia Alura</h2>

    <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

    <p><em>Nossa missão é: </em> <strong id="mudarCorStrong">"Proporcionar autoestima e qualidade de vida aos nosso clientes"</strong></p>

    <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da bola. O atendimento possui padrão de excelência e agilidade, garantido qualidade e satisfação dos nossos clientes.</p>
</div>    

<div id="content-aside">
    <h3 class="centralizado">Benefícios</h3>

    <ul id="listaBeneficios">
        <li>Atendimento aos clientes.</li>
        <li>Espaço diferenciado.</li>
        <li>Localização.</li>
        <li>Profissionais capacitados.</li>
    </ul>
    <img class="imagem-beneficio" src="beneficios.jpg">
</div>
1 resposta
solução!

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Poppins:ital,wght@1,100&display=swap');

  • { font-family: 'Montserrat', sans-serif;}

img { width: 100%; }

p { font-size: 14px;

}

header { font-size: 20px; padding: 20px; }

#mudarCorStrong { color: #483D8B; }

.centralizado { text-align: center;}

#content-main{ background-color: rgb(255,240,245); padding: 30px; }

#listaBeneficios { font-style: italic; }

#content-aside{ background-color: pink;}

#content-aside h3{ padding-top: 15px; }

ul { display: inline-block; vertical-align: top; width: 50%; margin-right: 15%; }

#content-aside img{ margin-right: auto; width: 15%; padding: 10px; }