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

Copiei os códigos de produtos para Index e a formatação se perdeu

Boa noite, galera! Espero que estejam bem! Por gentileza, poderiam me ajudar com a dúvida abaixo? Eu copiei as partes sugeridas do "produtos" para "index" porem as formatações se perderam quando atualizei o navegador. Já não sei se o problema está no HTML ou CSS. Segue o código

<body>
    <header>
        <div class="caixa">
            <h1><img src="logo.png"></h1>

            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="produtos.html">Produtos</a></li>
                    <li><a href="contato.html">Contato</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <img id="banner" src="banner.jpg">

    <main>
         <section> class="principal">
            <h2 class="titulo-centralizado">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 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="beneficios">
            <h3 class="titulo-centralizado">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="beneficios.jpg" class="imagembeneficios">
        </section>
    </main>

    <footer>
        <img src="logo-branco.png">
        <p class="copyright">&copy; Copyright Barbearia Alura - 2019</p>
3 respostas

Oi Alisson.

Tudo bem ?

Então, pelo que eu pude notar em seu HTML, tem um erro.

<main>
         <section> class="principal">

O correto seria usar assim:

<main>
         <section class="principal">

Talvez seja por isso que ele tenha perdido a formatação.

Espero ter ajudado e boa sorte ai nos estudos XD .

solução!

Olá Raphael, tudo otimo e com você ? Primeiramente agradeço a atenção!

Na verdade o que estava dando de errado no código era a referência do CSS que eu estava puxando. Ele estava pegando referencia da página do produto e não da página de contatos. Muito obrigado pela atenção! Abraços

Legal !

Sucessos nos estudos ! XD