Product Landing Page - Build a Product Landing Page

Tell us what’s happening:

**

product-page
logo
<form id="form" action="https://www.freecodecamp.com/email-submit">
  <h2>Handcrafted, home-made masterpieces</h2>
  <input
    id="email"
    type="email"
    name="email"
    required
    placeholder="Enter your email address"
  />
  <input id="submit" type="submit" value="GET STARTED" />
</form>
<div class="container">
  <div id="features">
    <div class="grid">
      <div class="icon"><i class="fa-solid fa-fire-flame-curved"></i></div>
      <div class="text">
        <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="grid">
      <div class="icon"><i class="fa-solid fa-truck"></i></div>
      <div class="text">
        <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="grid">
      <div class="icon"><i class="fa-solid fa-battery-full"></i></div>
      <div class="text">
        <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>

    <div id="howitworks">
      <iframe
        id="video"
        width="540"
        height="340"
        src="https://www.youtube.com/embed/y8Yv4pnO7qc"
        title="Roman Carnival Overture Op. 9 for Five Trombones"
        frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen
      ></iframe>
    </div>
    <div id="pricing">
      <div class="product" id="Tenor">
        <div class="level">TENOR TROMBONE</div>
        <h2>$600</h2>
        <ol>
          <li>Lorem ipsum.</li>
          <li>Lorem ipsum.</li>
          <li>Lorem ipsum.</li>
          <li>Lorem ipsum.</li>
        </ol>
        <button class="btn">Select</button>
      </div>
      <div class="product" id="Tenor">
        <div class="level">TENOR TROMBONE</div>
        <h2>$600</h2>
        <ol>
          <li>Lorem ipsum.</li>
          <li>Lorem ipsum.</li>
          <li>Lorem ipsum.</li>
          <li>Lorem ipsum.</li>
        </ol>
        <button class="btn">Select</button>
      </div>
      <div class="product" id="Tenor">
        <div class="level">TENOR TROMBONE</div>
        <h2>$600</h2>
        <ol>
          <li>Lorem ipsum.</li>
          <li>Lorem ipsum.</li>
          <li>Lorem ipsum.</li>
          <li>Lorem ipsum.</li>
        </ol>
        <button class="btn">Select</button>
      </div>
    </div>
  </div>
</div>
<footer id="footer">
  <ul>
    <li>
      <a href="#"> Privacy</a>
    </li>
    <li>
      <a href="#"> Terms</a>
    </li>
    <li>
      <a href="#"> Contact</a>
    </li>
  </ul>
  <span>Copyright 2016, Original Trombones</span>
</footer>
**

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

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

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

Please Tell us what’s happening in your own words.

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

Also, the more you say, the more we can help!

i get it . the problem was i didnt give an id to my href

1 Like