#nav-bar should be at the top of the viewport

<!DOCTYPE html5>
<html>
<head>
    <link rel="stylesheet" href="styles.css" media="all" />

</head>
  <body>
    <header id="header">
      <img id="header-img" src="/Desktop/BravoMama-Logo 4.jpg" />
      <nav id="nav-bar">
        <a class="nav-link" href="#label-1">Feature</a>
        <a class="nav-link" href="#video">How It Works</a>
        <a class="nav-link" href="#pricing">Pricing</a>
      </nav>
    </header>
  <div><br>
  <h3>Handcrafted, home-made masterpieces</h3>
  <form id="form" action="https://www.freecodecamp.com/email-submit">
      <input id="email" name="email" type="email" placeholder="email" /><br>
      <input id="submit" type="submit" value="GET STARTED" />
</form>
    <label id="label-1"><h3>Premium Materials</h3>
    <p>Our trombones use the shiniest brass which is sourced locally. This will increase the longevity of your purchase.</p>
<h3>Fast Shipping</h3>
    <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>
<h3>Quality Assurance</h3>
    <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></label>
    <iframe id="video" src="https://youtu.be/y8Yv4pnO7qc" width="320" height="240"></iframe>
</div>    
</header><br>
<div id="pricing">
  <tr>
    <td>TENOR TROMBONE</td><br>
    <td>$600</td><br>
    <td>Lorem ipsum.</td><br>
    <td>Lorem ipsum.</td><br>
    <td>Lorem ipsum dolor.</td><br>
    <td>Lorem ipsum dolor.</td><br>
    <input id="select" type="submit" value="SELECT" />
 </tr><br>  
  <tr>
    <td>BASS TROMBONE</td><br>
    <td>$900</td><br>
    <td>Lorem ipsum.</td><br>
    <td>Lorem ipsum.</td><br>
    <td>Lorem ipsum dolor.</td><br>
    <td>Lorem ipsum dolor.</td><br>
    <input id="select" type="submit" value="SELECT" />
  </tr><br>
  <tr>
    <td>VALVE TROMBONE</td><br>
    <td>$1200</td><br>
    <td>Plays similar to a Trumpet</td><br>
    <td>Great for Jazz Bands</td><br>
    <td>Lorem ipsum dolor.</td><br>
    <td>Lorem ipsum dolor.</td><br>
    <input id="select" type="submit" value="SELECT" />
  </tr>
  </div><br>

  <div id="footer">
    <a>Privacy</a>
    <a>Terms</a>
    <a>Contact</a><br>
    Copyright 2016, Original Trombones
  </div>
    
  </body>
</html>

if you have issue with the task, please share your code.

here is how to format your code

Hello there.

Do you have a question?

If so, please edit your post to include it.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

We need to see your CSS as well.

BTW, your doctype should be

<!DOCTYPE html>

The id used in the HTML is nav-bar, not navbar your selector needs to match.

Your #nav-bar should always be at the top of the viewport.


In case you need help with the code formatting.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

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