Build a product landing page

HTML-CSS
1

Product Landing Page - Build a Product Landing Page

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport"  content="device=width-device, initial-scale=1.0">
    <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="#body"></a>
        <a class="nav-link" href="#iframe"></a>
        <a class="nav-link" href="#form"></a>
      </nav>
      <iframe id="video" src=""></iframe>
      <form id="form" action="https://www.freecodecamp.com/email-submit">
        <input type="email" id="email" placeholder="Your Email" name="email" required/>
        <input type=submit id="submit" onclick="https://www.freecodecamp.com/email-submit" />
      </form>
    </header>
  </body>
</html>

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
I did link to a section within my page but my code is stil not being accepted! whats wrong, how do i fix it?

2

Hi,
The link on the href attribute takes you to the element with that spscific id.
#footer means there is an element with id="footer". Right now you only have a form with id="form" which is good but none of your elements have the ids “body” and “iframe”. Those are just element names.
Hope this helps.

1 Like
3

IT did thank you! @JuniorQ

1 Like
4

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