All codes passed except… …" 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 )."
Any assistant please?
<!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>
<body>
<main>
<section>
<header id="header">
<div class="logo-container">
<img id="header-img" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png" ></img>
<nav id="nav-bar">
<ul>
<li><a href="#Features" class="nav-link">Features</a></li>
<li><a href="#How_it_works" class="nav-link">How It Works</a></li>
<li><a href="#Pricing" class="nav-link">Pricing</a></li>
</ul>
</nav>
</div>
</header>
</section>
<section >
<div id="customer-info">
<h2 id="header">Handcrafted, home-made masterpieces</h2>
<form method="post" action="https://www.freecodecamp.com/email-submit" id="form">
<input type="email" placeholder="Enter your email address" id="email" name="email"></input>
<input type="submit" id="submit" value="Get Started" ></input>
</form>
</div>
</section>
<section id="#Features">
<div class="features">
<img src="https://img.icons8.com/external-soft-fill-juicy-fish/1x/external-feature-product-management-soft-fill-soft-fill-juicy-fish.png" id="icon"></img>
</div>
<h2>Premium Materials</h2>
<p>Our trombones use the shiniest brass which is sourced locally. This will increase the longevity of your purchase.</p>
<div class="features">
<img src="https://img.icons8.com/office/1x/free-shipping.png" width="80px" id="icon"></img>
</div>
<h2>Fast Shipping</h2>
<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>
<div class="Features">
<img src="https://cdn-icons-png.flaticon.com/128/4157/4157207.png" width="80px" id="icon"></img>
</div>
<h2>Quality Assurance</h2>
<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>
</section>
<section id="#How_it_works">
<iframe width="400" height="225" src="https://www.youtube.com/embed/RZY_KMB1_24" title="Cool Tech Under $30 (PS4 Edition)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen id="video"></iframe>
</section>
<section id="#Pricing">
<div id="pricing">
<div class="card" id="card1">
<h2>TENOR TROMBONE</h2>
<p class="pp">$600
</pp>
<p>Lorem ipsum.</p>
<p>Lorem ipsum.</p>
<p>Lorem ipsum dolor.</p>
<p>Lorem ipsum.</p>
<button>SELECT</button>
</div>
<div class="card" id="card2">
<h2>BASS TROMBONE
</h2> <p class="pp">$900</p>
<p>Lorem ipsum.</p>
<p>Lorem ipsum.</p>
<p>Lorem ipsum dolor.</p>
<p>Lorem ipsum.</p>
<button>SELECT</button>
</div>
<div class="card" id="card3">
<h2>VALVE TROMBONE
</h2>
<p class="pp">$1200</p>
<p>Plays similar to a Trumpet</p>
<p>Great for Jazz Bands</p>
<p>Lorem ipsum dolor.</p>
<p>Lorem ipsum.</p>
<button>SELECT</button>
</div>
</section>
</div>
<footer id
="footer-link">
<ul>
<li>
<ul>
<li><a href="" class="footer-link">Privacy</a></li>
<li><a href="" class="footer-link">Terms</a></li>
<li><a href="" class="footer-link">Contact</a></li>
</ul>
<p>Copyright 2016, Original Trombones</p>
</footer>
</main>
</body>
</html>