Tell us what’s happening:
- 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 have done that, right?!
Your code so far
<!-- file: index.html -->
```<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width initial-scale= 1.0" />
<title>Product landing Page</title>
<link rel="stylesheet" href="styles.css" />
</head>
<header id="header">
<h1 id="logo">Exotiq Rides</h1>
<img id="header-img" src="https://static.vecteezy.com/system/resources/thumbnails/032/752/217/small_2x/super-car-logo-icon-ai-generative-free-png.png" alt="Supercar">
<nav id="nav-bar">
<a class="nav-link" href="features">Features</a>
<a class="nav-link" href="nav-cars">Cars</a>
<a class="nav-link" href="nav-pricing">Pricing</a>
</nav>
</header>
<body>
<section id="start">
<p>Luxury, Italian-made Supercars</p>
<form id ="form" action="https://www.freecodecamp.com/email-submit">
<input type="email" id="email" name="email" placeholder="Enter your email address">
<input id="submit" type="submit">
</form>
</section>
<section id="features">
<h1>Test Drive Experiences</h1>
<p>Arranged test drives on private tracks or scenic routes to showcase the car's performance.</p>
<h1>Exclusive Events</h1>
<p id="second-p">Invitations to private launch events, car shows, or gala dinners.</p>
<h1>Vehicle Delivery and Presentation</h1>
<p id="third-p">White-glove delivery service with a personalized introduction to the new car.</p>
</section>
<section id"cars">
<iframe id="video" src="https://www.youtube.com/embed/viW44cUfxCE">
</iframe>
</section>
<section id ="pricing">
<div id="lamborghini">
<p>Lamborghini<br>€1 000 000<br>Select</p>
</div>
<div id="ferrari">
<p>Ferrari<br>€3 000 000<br>Select</p>
</div>
<div id="koenigsegg">
<p>Koenigsegg<br>€10 000 000<br>Select</p>
</div>
</section>
</body>
<footer>
<h3> Copyright 2024, Exotiq Rides
</footer>
</html>
```css
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36
Challenge Information:
Product Landing Page - Build a Product Landing Page