Oi Luan, tudo bem, obrigada! Espero que esteja bem também!
Vou mandar o código inteiro então, e você me ajuda a entender o que fiz de errado... :P
Essa é a página "produtos" (onde o footer está OK):
< !DOCTYPE html>
< html lang="en">
< head>
< meta charset="UTF-8">
< title>Produtos Barbearia Alura< /title>
<link rel= "stylesheet" href= "reset.css">
<link rel= "stylesheet" href= "style.css">
</head>
<body>
<header>
<div class= "caixa">
<h1>
<img src="fotos/logo.png" id="logo">
</h1>
<nav>
<ul>
<li><a href="index.html" target= "blank">home</a></li>
<li><a href="produtos.html" target= "blank">produtos</a></li>
<li><a href="contato.html" target= "blank">contato</a></li>
</ul>
</nav>
</div>
</header>
<main>
<ul class= "produtos">
<li>
<h2>Cabelo</h2>
<img src="fotos/cabelo.jpg">
<p class= "prod-desc">Na tesoura ou na máquina, como o cliente preferir.</p>
<p class= "prod-preco">R$ 25,00</p>
</li>
<li>
<h2>Barba</h2>
<img src="fotos/barba.jpg">
<p class= "prod-desc">Corte e desenho profissionais de barba.</p>
<p class= "prod-preco">R$ 18,00</p>
</li>
<li>
<h2>Cabelo + Barba</h2>
<img src="fotos/cabelo+barba.jpg">
<p class= "prod-desc">Pacote completo de cabelo e barba.</p>
<p class= "prod-preco">R$ 35,00</p>
</li>
</ul>
</main>
<footer>
<img src="fotos/logo-branco.png" id= "logo">
<p class= "copyright">© Copyright Barbearia Alura - 2022</p>
</footer>
</body>
< /html>
Aqui é a página "home", que tem o bug... rss:
< !DOCTYPE html>
< html lang="pt-br">
< head>
< meta charset="UTF-8">
< title>Mais um site Barbearia HTML da Alura
< link rel="stylesheet" href="reset.css">
< link rel="stylesheet" href="style-home.css">
< /head>
< body>
< header>
< div class="caixa">
< h1>Barbearia Alura< /h1>
< nav>
< ul>
< li>< a href="index.html" target="blank">home< /a>< /li>
< li>< a href="produtos.html" target="blank">produtos< /a>< /li>
< li>< a href="contato.html" target="blank">contato< /a>< /li>
< /ul>
< /nav>
< /div>
< /header>
<main>
<img id= "banner" src="fotos/banner.jpg">
<div class= "principal">
<h2 class= "title-cent">Sobre a Barbearia Alura</h2>
<p>Localizada no coração da cidade a Alura traz para o mercado o que há de melhor para o seu cabelo e barba.
Fundada em 2019, a <strong>Barbearia Alura</strong> 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= "beneficios">
<h3 class= "title-cent">Benefícios</h3>
<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="fotos/beneficios.jpg" class= "imgbeneficios">
</div>
</main>
<footer>
<img src="fotos/logo-branco.png">
<p class= "copyright"> © Copyright Barbearia Alura - 2022</p>
</footer>
</body>
< /html>
Ps. Tirei os "alt" das imagens pra não ultrapassar o limite de caracteres... Farei um outro post com o estilo das pág... Também não entendi porque o header do home aparece estilizado no post, tive que dar espaço entre < e a tag...
