4
respostas

Meu código não está "puxando" as informações do style.css, o que fiz de errado?

<!DOCTYPE>
<html lang="pt-br">
  <head>
      <meta charset="utf-8">
      <title>Barbearia Alura</title>

      <link rel="stylesheet" href="reset.css">
      <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <header>
      <div class="caixa">
          <h1><img src="logo.png"></h1>
          <nav>
            <ul>
              <li><a href="index.html">Home</a></li>
              <li><a href="Produto.html">Produtos</a></li>
              <li><a href="Contato.html">Contato</a></li>
            </ul>
        </nav>
      </div>
    </header>

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

    <main>
        <section class="principal">
          <h2 class="titulo-principal">Sobre a Barbearia Alura</h2>

          <img class="utensilios" src="utensilios.jpg" alt="Utensilios de um barbeiro. "

          <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>
      </section>

      <section class="beneficios">
        <h3 class="titulo-principal"> 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">© Copyright Barbearia Alura - 2019</p>
    </footer>
  </body>
</html>
4 respostas

Eai meu amigo, verifica se o caminho nao esta dentro de uma pasta ou algo assim, e olha se está correto:

O seu arquivo index.html está na mesma pasta que o style.css? O reset.css está funcionando?

Opa parceiro, tenta deixar o arquivo reset.css na mesma pasta do seu projeto, deve funcionar

Olá pessoal, obrigada pela ajuda. Não encontrei o erro e acabei refazendo o projeto.

Valeu e bons estudos.