Construa uma landing page de produto - Criar uma página inicial para um produto

Curriculum Help
, ,
1

Conte o que está acontecendo:

não estou concluido o pedido do 10 Enunciado, tentei ajudar de i.a, porém nada.

Seu código até agora

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Product Landing Page</title>
    <link rel="stylesheet" href="styles.css">
  </head>

<body>
<header id="header">

  <img src="#" id="header-img">

<nav id="nav-bar">
<a class="nav-link" href="#inicio">Início</a>
<a class="nav-link" href="#sobre">Sobre</a>
<a class="nav-link" href="#servicos">Serviços</a>
<a class="nav-link" href="#footer">Contato</a>
</nav>
<iframe 
  id="video" 
  width="560" 
  height="315" 
  src="https://www.youtube.com/embed/dQw4w9WgXcQ" 
  title="Vídeo" 
  frameborder="0" 
  allowfullscreen>
</iframe>

<form id="form" action="https://www.freecodecamp.org/email-submit">
<input type="email" id="email" name="email" placeholder="seu@email.com"/> 
<input type="submit" id="submit"/>
</form>
</header>
</body>

</html>

/* file: styles.css */

#nav-bar {
  position:fixed;
  top:0;
  display:flex;
gap:32px;


}

a {
  text-decoration:none;
  color:black;
}

a:hover {
  color:orange;
}

@media (min-width: 768px) {
  #nav-bar {
    display: flex;
    justify-content: space-around;
    padding: 1rem 2rem;
  }
}

Informações do seu navegador:

User Agent é: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/151.0.0.0 Safari/537.36

Informações do desafio:

Construa uma landing page de produto - Criar uma página inicial para um produto

Link do GitHub: i18n-curriculum/curriculum/challenges/portuguese/blocks/lab-product-landing-page/587d78af367417b2b2512b04.md at main · freeCodeCamp/i18n-curriculum · GitHub

2

Olá @mchxxl7

Você precisa criar as partes correspondentes no elemento body para cada um dos links que você criou: Início, Sobre, Serviços, Contato.

Bom trabalho com o código!