Product Landing Page

1

Good afternoon,
I’m having an issue with my Product Landing Page certification project. It’s this step that I’m stuck on:
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 ).

Here is a copy of my code:

<!DOCTYPE html>
<html lang="en">
  <html>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <head>
    <link rel="stylesheet" href="styles.css">
    <title>Product Landing Page</title>  
      </head>
      <body>
        <header id="header">
        <img id="header-img" src="https://i.imgur.com/RbVRdDe.jpg"/>
        <nav id="nav-bar">
          <link class="nav-link" href=""/>
          <link class="nav-link" href=""/>
          <link class="nav-link" href=""/>
          </nav>
          <video id="video" src="https://i.imgur.com/RbVRdDe.jpg"></video>
          <form id="form" action="https://www.freecodecamp.com/email-submit">
          <input id="email" placeholder="email address" type="email" name="email"></input>
          <input id="submit" type="submit"></input>
          </form>
          </header>
        </body>
    </html>

Any help would be greatly appreciated. Thank you.

2

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

Also in future, use the ‘ask for help’ button in the lesson. It will create a forum topic post with your formatted code, a link to the lesson and web browser details.

3 
<nav id="nav-bar">
          <link class="nav-link" href=""/>
          <link class="nav-link" href=""/>
          <link class="nav-link" href=""/>
          </nav>

First, these are not “links” in the sense that they link to somewhere on the page. The link tag is not used to create links, the anchor element is.

Second, these nav links are pointing to nowhere because they have an empty href value. They need to point to specific places on your page. I suppose you could make them point to the video and form.

4

Awesome. Thanks so much. It worked like a charm.

5

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