Product landing page project help please

HTML-CSS
1

Tell us what’s happening:
I can’t complete three tasks:

  1. The navbar links should take me to a corresponding part of the page(I already did that with the file I saved).
  2. Clicking the #submit element sends the email to a mock url which is: https://www.freecodecamp.com/email-submit (again, I put that but it won’t work)
  3. The navbar should always be at the top of the viewport.
    I hope that’s not too much, thank you!
    Your code so far 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <header id="header">
        <img id="header-img" style="width: 200px; height: auto;" src="https://upload.wikimedia.org/wikipedia/commons/e/e8/Tesla_logo.png">
        <nav id="nav-bar">
            <a class="nav-link" href="index31.html" >Home</a>
            <a class="nav-link" href="index32.html">Cashout</a>
            <a class="nav-link" href="index33.html">About</a>
        </nav>
    </header>
    <iframe width="560" height="315" src="https://www.youtube.com/embed/5Ah752FOC2g" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <video id="video" width="400" height="200" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
    <form id="form">
        <label for="email-landing-page">
            <input id="email" name="email-landing-page" type="email" placeholder="Type your email here" action="https://www.freecodecamp.com/email-submit" required>
        </label>
      <label for="something">
            <input id="submit" type="submit" name="something" placeholder="Submit" action="https://www.freecodecamp.com/email-submit" required>
        </label> 
        
    </form>
</body>
<style>
    .nav-link {
       position: fixed;
        display: flex;
       
    }
  @media screen and (max-width: 923px) {
  body {
    background-color: blue;
  }
}
</style>
  
</html>

Your browser information:

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

Challenge: Build a Product Landing Page

Link to the challenge:

2

I’ve edited your post 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 (’).

3
  1. Your hrefs should have a link that navigates to a section of the that same page for example if I want to navigate to the the video I use the video id like:
href="#video"

If I click the link, I will be taken to were the video is.
2. This link: https://www.freecodecamp.com/email-submit--->
You’ve have to use it as the link for the action attribute on the form.

4

Got it thank you very much!

5

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