Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:

good morning my people ,please the remaining three last stage is giving me tough time I have try my best can’t still get it, please help me, thanks

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en"></html>
<meta charset="UTF-8">
<meta name="webside" content="landing page">
<nav id="nav-bar">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<head>
  <title>Freecodecamp Rocks</title>
  <link rel="stylesheet" href="style.css">
  </head> 
  <body>
    <main>
      <header id="header">
          <a class="nav-link" id="Features" href="#Features">Features</a>
          <a class="nav-link" id="How-it-works" href="#How-it-works">How-it-works</a>
          <a class="nav-link" id="Pricing"href="#Pricing">Pricing</a>
          </nav>
          <div class="form">
            <form id="form" action="https://www.freecodecamp.com/email-submit">
            <input type="email" id="email"name="email" placeholder="Enter your email address"></input>
 <input type="submit" id="submit"></input>
 </form>
 </header>
 <header id="header">
   <img id="header-img" src="https://cdn.freecodecamp.org/testable-project-fcc/images/product-landing-page-logo.png"alt="logo"></img>
   <h2>Premium Materials</h2>
   <p>Our trombones use the shiniest brass which is sourced locally.this will increase the longevity of your purchase.</p>
   <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>
   <h2>Quality Assurances</h2>
<p>For every purchase you make,we will ensure there are no damages or faults and we will check and test the pinch of your instrument.</p>
<iframe id="video"src="https://youtu.be/y8yv4pn07qc">Roman Carnival Overtures</iframe>
</main>
</body>
<footer id="footer">
  <a href="#">Privacy</a>
  <a href="#">Terms</a>
  <a href="#">Contact</a>
  </footer>
  </html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Challenge Information:

Product Landing Page - Build a Product Landing Page

2

errors in the code :

  1. The <html> tag is not closed.
  2. There is a misspelling in the <meta> tag: "webside" should be "website".
  3. The <nav> tag is not closed properly. It should be </nav> instead of <nav>.
  4. The <head> tag is closed before the <title> tag, which is incorrect. The <title> tag should be inside the <head> tag.
  5. There are two <header> tags with the same id ("header"). IDs should be unique within a page.
  6. The <input> tags are not self-closed. They should be <input /> instead of <input></input>.
  7. The <img> tag is not self-closed. It should be <img /> instead of <img></img>.
  8. The <iframe> tag is not properly formatted. The source should be specified using the src attribute, not as content inside the tag.
  9. The alt attribute in the <img> tag is missing a space before the attribute value.
  10. There is a missing <head> tag after the <meta> tags.
  11. The <footer> tag is not closed.

These are the main issues I found in the code snippet.
@john22

3

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