The test requirements are:
- You should have a
video
oriframe
element with anid
ofvideo
. - Failed:Your
#video
should have asrc
attribute. - Failed:You should have a
form
element with anid
ofform
.
Your#form
should have anaction
attribute ofhttps://www.freecodecamp.com/email-submit
I failed these steps but I implemented the code
<html>
<head>
<title>My Product Landing Page</title>
<link rel="stylesheet" href="styles.css">
<style>
/* CSS styles go here */
</style>
</head>
<body>
<header id="header">
<img id="header-img" src="logo.png" alt="My Product Logo">
<nav id="nav-bar">
<a class="nav-link" href="#features">Features</a>
<a class="nav-link" href="#pricing">Pricing</a>
<a class="nav-link" href="#testimonials">Testimonials</a>
</nav>
</header>
<section id="features">
<h1>Features</h1>
<p>Our product has many amazing features that will help you get the most out of it.</p>
</section>
<section id="pricing">
<h1>Pricing</h1>
<p>Our product is available at a competitive price that will fit your budget.</p>
</section>
<section id="testimonials">
<h1>Testimonials</h1>
<p>Don't just take our word for it - see what our satisfied customers have to say about our product.</p>
</section>
<section id="video">
<h1>Watch our Product Video</h1>
<video id="video" src="https://www.youtube.com/embed/TCEgdiN0A8s" controls>
</video>
</section>
<section id="form">
<h1>Sign Up for Our Product</h1>
<form action="https://www.freecodecamp.com/email-submit" id="form">
<label for="email">Email:</label>
<input id="email" name="email" type="email" placeholder="Enter your email address" required>
<input type="submit" id="submit" value="Submit">
</form>