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

Consolidando Conhecimento.

<!DOCTYPE html>
<html lang="pt-br">
 <head>
    <meta charset="UTF-8">
    <title>Barbearia Alura</title>
    <link rel="stylesheet" href="style.css">

<head/>
<body>
    <img id="banner" src="banner.jpg">
    <div class="principal"

<div>
    <h1 style="text-align: center">Sobre a Barbearia Alura   </h1>

    <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 e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos
      clientes a cada dia.</p>
    <p id="missao" > <em>Nossa missão é:<strong> "Proporcionar auto-estima e qualidade de vida aos clientes".</strong></em></p>

    <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
</div>
<div class= "benefícios">
    <h2>Benefícios</h2>
 <ul>
    <li class="itens">Atendimento aos clientes</li>
    <li class="itens">Espaço diferenciado</li>
    <li class="itens">Localização</li>
    <li class="itens">Profissionais Qualificados</li>
 </ul>

      <img src="beneficios.jpg" class="imagensbeneficios">
</div>
<body/>

</html>
2 respostas
solução!

embaixo da imagem "banner" tem uma div que não deveria estar ali, passando a classe principal para a div de baixo. seu HEAD e BODY estão fechando de maneira errada (< head/> < body/>), deveria ser (< /head> < /body>). dica: lembre sempre de usar o (;) para fechar um CSS, igual no H1 falando sobre a barbearia Alura.

ah sim irei fazer a correção.