Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:
hello i have problem with this part of the project Each .nav-link element should link to a corresponding element on the landing page (has an href with a value of another element’s id. e.g. #footer ). can you please help me I tried so many things!!!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jhanny Minott</title>
    <link rel="stylesheet" href="styles.css"> 
</head>
<body>
    <header id="header">
        <section id="Home">
            <h1>JAHNNY MINOTT</h1>
            <p> info jahnny</p>
        </section>
        <nav id="nav-bar">
            <ul>
                <li><a class="nav-link" href="#Home">Home</a></li>
                <li><a class="nav-link" href="#About">About</a></li>
                <li><a class="nav-link" href="#Services">Services</a></li>
            </ul>
        </nav>
        <img id="header-img" src="https://f4.bcbits.com/img/a1555166585_65" alt="jahnny minott">
    </header>
    <section>
        <h2>SUBSCRIBE</h2>
        <form
        id="form"
        action="https://www.freecodecamp.com/email-submit"
        method="post"
      >
        <label for="name">Name:</label>
        <input type="text" id="name" name="name" required />
        

        <label for="email">Email:</label>
        <input
          type="email"
          id="email"
          name="email"
          placeholder="example@example.com"
          required
        />
        

        <label for="message">Message:</label>
        <textarea
          id="message"
          name="message"
          rows="4"
          cols="50"
          required
        ></textarea>
        

        <input id="submit" type="submit" value="Submit" />
      </form>
    </section>
    <section id="Features">
        <h3>Bienvenido a Mi Página</h3></section>
        <p>info pag</p>
        <nav id="nav-bar-Features">
            <ul>
                <li><a class="nav-link" href="#Features">Features</a></li>
                <li><a class="nav-link" href="#Products">Products</a></li>
                <li><a class="nav-link" href="#Download">Download</a></li>
            </ul>
        </nav>
        <p>¡Explora nuestro contenido y descubre más acerca de nosotros!</p>
        <video id="video" src="https://www.youtube.com/watch?v=yBNOghnp0ls" controls></video>
    
    <section id="Contact">
        <h4>Nuestros Servicios</h4></section>
        <nav id="nav-bar-Contact">
            <ul>
                <li><a class="nav-link" href="#Privacy">Privacy</a></li>
                <li><a class="nav-link" href="#Terms">Terms</a></li>
                <li><a class="nav-link" href="#Contact">Contact</a></li>
            </ul>
        </nav>
    
    <footer id="footer">
        <p>Derechos Reservados &copy; 2023 Mi Página Web</p>
    </footer>
</body>
</html>



**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36</code>

**Challenge:** Product Landing Page - Build a Product Landing Page

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-product-landing-page-project/build-a-product-landing-page
2

why do you have 2 navbars on the page? one is enough.

Navbar means NAVIGATION BAR
And it should never be written on bottom of page, after everything.

Please look at names of your section id’s and match them with names of your navigation id’s.

3

thank you i got it , i am very new on this sorry!! thank you so much

4

You can have more than one nav on a page, there is nothing inherently wrong with that.

For example, you might have a main nav in the header and one in the footer. It may be considered unnecessary, but there is nothing wrong with it. But you may want to label them.

But for this challenge the test expects each href value to have a section with a corresponding id value. So if you have an “About” link, that link should be connected to a section (an element) with that id.

<a class="nav-link" href="#About">About</a>
<section id="About">Some content</section>
1 Like
5

ok. my never became never say never really fast.

my appologies.

tho, it’s not needed for certain task. and rarely used in start of webdev.

6

thank you i got it!!!

7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.