Solucionado
meu html:
Apeperia tem um jeito inovador de comparar e montar aplicativos para pequenas e médias empresas.
Conheça os planos hoje, com a Alura e o Google Gemini
Bom dia Marcos,
Poderia postar seu código aqui para podemos lhe auxiliar. Use na ferramenta a opção </> e cole seu código. Html e Css.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Home | Apeperia</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Open+Sans:wght@300;400;700&display=swap" rel="stylesheet">
<link href="css/cabecalho.css" rel="stylesheet">
<link href="css/cabecalho.css" rel="stylesheet">
</head>
<body>
<header class="cabecalho">
<img src="img/logo-apeperia.svg" alt="Logo da Apeperia" class="cabecalho__logo">
<nav class="cabecalho__navegacao">
<ul>
<li class="abecalho__link"><a href="#">Sobre</a></li>
<li class="abecalho__link"><a href="#">Planos</a></li>
<li class="abecalho__link"><a href="#">Blog</a></li>
<li class="abecalho__link"><a href="#">Destaques</a></li>
<li class="abecalho__link"><a href="#">Institucional</a></li>
<li class="abecalho__link"><a href="#">Contato</a></li>
</ul>
</nav>
</header>
<main>
<section class="chamada">
<h1 class="chamada__titulo">Aplicativos Na Medida</h1>
<p class="chamada__texto">Apeperia tem um jeito inovador de comparar e montar aplicativos para pequenas e médias empresas.</p>
<a href="#" class="chamada__botao">Conheça os planos</a>
</section>
</main>
</body>
</html>estou na aula 4 de Layouts Responsivos então ainda não um css pronto
Marcos,
Pelo código que vi existe duas coisas que tem que ser arrumadas. Na chamativa do seu css, vc chama o mesmo estilo duas vezes. e na sua classe cabecalho dentro do elemento li, está escrito errado. Segue indicação do modo correto:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Home | Apeperia</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Open+Sans:wght@300;400;700&display=swap" rel="stylesheet">
<link href="css/cabecalho.css" rel="stylesheet">
</head>
<body>
<header class="cabecalho">
<img src="img/logo-apeperia.svg" alt="Logo da Apeperia" class="cabecalho__logo">
<nav class="cabecalho__navegacao">
<ul>
<li class="cabecalho__link"><a href="#">Sobre</a></li>
<li class="cabecalho__link"><a href="#">Planos</a></li>
<li class="cabecalho__link"><a href="#">Blog</a></li>
<li class="cabecalho__link"><a href="#">Destaques</a></li>
<li class=c"abecalho__link"><a href="#">Institucional</a></li>
<li class="cabecalho__link"><a href="#">Contato</a></li>
</ul>
</nav>
</header>
<main>
<section class="chamada">
<h1 class="chamada__titulo">Aplicativos Na Medida</h1>
<p class="chamada__texto">Apeperia tem um jeito inovador de comparar e montar aplicativos para pequenas e médias empresas.</p>
<a href="#" class="chamada__botao">Conheça os planos</a>
</section>
</main>
</body>
</html>boa tarde Marcelo
eu testei esse html que você postou mais continua do mesmo jeito ainda não esta funcionando
Boa tarde Marcos,
Aonde se encontra o arquivos .css? Pois no seu código vc está chamando 'css/cabecalho.css', este arquivo existe?
ele se encontra na área de trabalho junto com o arquivos da pasta do projeto
Marcos,
Achamos o erro... No começo do código vc está chamando seu css dentro de uma pasta chamada css. O correto era chamar assim:
<link href="cabecalho.css" rel="stylesheet">
Aproveitando já adicionei os outros arquivos .css (reset.css, chamada.css e planos.css) que tem na sua pasta. Esse código completo deve funcionar.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Home | Apeperia</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Open+Sans:wght@300;400;700&display=swap" rel="stylesheet">
<link href="reset.css" rel="stylesheet">
<link href="cabecalho.css" rel="stylesheet">
<link href="chamada.css" rel="stylesheet">
<link href="planos.css" rel="stylesheet">
</head>
<body>
<header class="cabecalho">
<img src="img/logo-apeperia.svg" alt="Logo da Apeperia" class="cabecalho__logo">
<nav class="cabecalho__navegacao">
<ul>
<li class="cabecalho__link"><a href="#">Sobre</a></li>
<li class="cabecalho__link"><a href="#">Planos</a></li>
<li class="cabecalho__link"><a href="#">Blog</a></li>
<li class="cabecalho__link"><a href="#">Destaques</a></li>
<li class=c"abecalho__link"><a href="#">Institucional</a></li>
<li class="cabecalho__link"><a href="#">Contato</a></li>
</ul>
</nav>
</header>
<main>
<section class="chamada">
<h1 class="chamada__titulo">Aplicativos Na Medida</h1>
<p class="chamada__texto">Apeperia tem um jeito inovador de comparar e montar aplicativos para pequenas e médias empresas.</p>
<a href="#" class="chamada__botao">Conheça os planos</a>
</section>
</main>
</body>
</html>
Oi Marcos, tudo bom?
Pelo que eu consegui perceber, você está informando ao compilador que seu css está dentro de uma pasta chamada css, sendo que tanto seu arquivo html quanto seu css estão dentro da mesma pasta, fora que pelo código que enviou, você referenciou o mesmo css duas vezes. Então o certo seria assim:
`<head>
<meta charset="utf-8">
<title>Home | Apeperia</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Open+Sans:wght@300;400;700&display=swap"
rel="stylesheet">
<link href="cabecalho.css" rel="stylesheet">
</head>`obrigado José mais com a ajuda do MARCELO achamos o erro mais mesmo assim obrigado pela ajuda