Continuing the discussion from Build a product landing page:
````Preformatted text`
GOOD MORNING . I corrected them but the code is not going yet
type or paste code here
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Build a Product Landing Page</title>
<link rel="stylesheet" href="./styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header id="header">
<img id="header-img" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png"" alt="Trombone img">
<nav id="nav-bar">
<ul class="nav-content">
<li class="nav-link">
<a class="nav-items active" href="#Features">Features</a>
</li>
<li class="nav-link">
<a class="nav-items active" href="#How-it-works">How It Works</a>
</li>
<li class="nav-link">
<a class="nav-items active" href="#Pricing">Pricing</a>
</li>
</ul>
</nav>
</header>
<div class="main-header">
<section class="details">
<h1>Handcrafted, home-made masterpieces
</h1>
<form id="form" action="https://www.freecodecamp.com/email-submit">
<input type="email" name="email" id="email" placeholder="Enter your email address" required/>
<input type="submit" id="submit" class="button" value="Get started" />
</form>
</section>
</div>
<main id="main">
<div id="container"></div>
<section class="quality analysis">
<div class="features" id="Features">
<div class="icon">
<i class="fa fa-fire" aria-hidden="true"></i>
</div>
<div class="analysis">
<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>
</div>
<div class="features">
<div class="icon">
<i class="fa fa-truck" aria-hidden="true"></i>
</div>
<div class="analysis">
<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>
</div>
<div class="features">
<div class="icon">
<i class="fa fa-battery-full" aria-hidden="true"></i>
</div>
<div class="analysis">
<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>
</div>
</div>
</section>
<div id="how-to-link-target"></div>
<section id="How-it-works" class="how-to-link">
<iframe id="video" src="https://www.youtube-nocookie.com/embed/y8Yv4pnO7qc"
title="YouTube video player" frameborder="0" allowfullscreen></iframe>
</section>
<div class="price-section">
<section class="price" id="Pricing">
<div class="instrument" id="tenor">
<div class="stage">Tenor Trombone</div>
<h3>$600</h3>
<ol>
<li>Lorem ipsum.</li>
<li>Lorem ipsum.</li>
<li>Lorem ipsum dolor.</li>
<li>Lorem ipsum</li>
</ol>
<button class="btn">Select</button>
</div>
</section>
<section class="price">
<div class="instrument" id="bass">
<div class="stage">Bass Trombone</div>
<h3>$900</h3>
<ol>
<li>Lorem ipsum.</li>
<li>Lorem ipsum.</li>
<li>Lorem ipsum dolor.</li>
<li>Lorem ipsum</li>
</ol>
<button class="btn">Select</button>
</div>
</section>
<section class="price">
<div class="instrument" id="valve">
<div class="stage">Valve Trombone</div>
<h3>$1200</h3>
<ol>
<li>Plays similar to a Trumpet</li>
<li>Great for Jazz Bands</li>
<li>Lorem ipsum dolor.</li>
<li>Lorem ipsum</li>
</ol>
<button class="btn">Select</button>
</div>
</section>
</div>
</main>
<section>
<footer>
<ul class="lists">
<li><a href="#">Privacy</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Contact</a></li>
</ul>
<span class="copyright">Copyright 2016, Original Trombones</span>
</footer>
</section>
</body>
</html>