Responsive Web Design Project-Build a Product Landing Page

Tell us what’s happening:
Describe your issue in detail here.

<header id="header">
  <img id="header-img" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png">
  <div id="do">
  </div>
  <nav id="nav-bar">
    <a class="nav-link" href="#pro">Features</a>
    <a class="nav-link" href="#video">How It Works</a>
    <a class="nav-link" href="#email">Pricing</a>
   </nav>
  
</header>
<br>
<br>
<main>
  <div id="lo">
    <h1>Subscribe for Our weekly Newsletter</h1>
  <form id="form" action="https://www.freecodecamp.com/email-submit">
    <br>
    
    <input type="email" id="email" placeholder="Your Email" required>
    <br>
    <input type="submit" id="submit" value="Submit">
  </form>
    </div>
  <br>
  <br>
  <iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/po0jY4WvCIc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <br>
  <div id="pro">
  <h1>Premium Materials</h1>
<p>Our trombones use the shiniest brass which is sourced locally. This will increase the longevity of your purchase.</p>
    <br>
 <h1>Fast Shipping</h1>
<p>We make sure you recieve your trombone as soon as we have finished making it. We also provide free returns if you are not satisfied.</p>
    <br>
    <h1>Quality Assurance</h1>
<p>For every purchase you make, we will ensure there are no damages or faults and we will check and test the pitch of your instrument.</p>
  </div>
</main>

Your code so far
I got stuck here-
User Story #12: When I click the #submit element, the email is submitted to a static page (use this mock URL: https://www.freecodecamp.com/email-submit).
This user story is not getting fulfilled ,I tried every thing but nothing give me solution please help me.
here is the codepen link-
https://codepen.io/anshufullstack/pen/xxqMjmr?editors=1100

Your browser information:

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

Challenge: Build a Product Landing Page

Link to the challenge:

Hi,

If you look it the error’s detail of the validation pop-up, you’ll see this first line :
The #email input should have a name attribute : expected false to equal true

Then, you just have to add a name="email"to your field, and you’re done !

thanks @tpeyron thanks for help;

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