im getting problem in completing this test case please can anyone check where im doing it wrong.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>landing page</title>
</head>
<body>
<header id="header">
<div >
<img id="header-img" src="https://img.freepik.com/premium-vector/abstract-dot-connection-logo-illustration-trendy-minimal-style_1375-6393.jpg?w=740">
<p>Original Trombones</p>
</div>
<nav id="nav-bar">
<a class="nav-link" href="#video">video</a>
<a class="nav-link" href="#form">form</a>
<a class="nav-link" href="#footer">footer</a>
</nav>
</header>
<video id="video" src="" width="320" height="240">
<source src="https://www.youtube.com/watch?v=HXV3zeQKqGY">
your browser doesnt support the video tag.
</video>
<div id="features">
<ul>
<li id="id1">
<h1>Premium Materials</h1>
<p>Our trombones use the shiniest brass which is sourced locally. This will increase the longevity of your purchase.</p>
</li>
<li>
<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>
</li>
<li>
<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>
</li>
</ul>
</div>
<form id="form" action="https://www.freecodecamp.com/email-submit" >
<input id="email" type="email" placeholder="enter your mail here" name="email">
<input type="submit" id="submit">
</form>
<footer id="#footer">
<ul>
<li>Privacy</li>
<li>Terms</li>
<li>Contact</li>
</ul>
</footer>
</body>
</html>```