Product Landing Page - Build a Product Landing Page

Tell us what’s happening:

Describe your issue in detail here.
Hi a very barebones website here can you tell me how i can improve it
all the objectives below the video must have an src attribute do not seem to be working

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head>
  <link rel='stylesheet' href='styles.css'>
  </head>
  <body>
<header id="header"><img src="https://images.pexels.com/photos/1308660/pexels-photo-1308660.jpeg?cs=srgb&dl=flying-drone-1308660.jpg&fm=jpg" alt="image of drone" id="header-img"><nav id="nav-bar">
  <ul>
    <li><a href="#intro" class="nav-link">Introduction</a></li>
    <li><a href="#description" class="nav-link">Description</a></li>
    <li><a href="#pricing" class="nav-link">Pricing</a></li>
    </ul>
</header>
  <h1 id="intro"></h1>
  <h1 id="description"></h1>
  <h1 id="pricing"></h1>
  <iframe id='video' src='https://www.youtube.com/watch?v=sLfEyQcbVD0'>
  <form id='form' action='https://www.freecodecamp.com/email-submit'>
    <input id='email' placeholder='email' type='email' name='email'>
    <input id='submit' type='submit'>
    </form>
    </body>
  </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/119.0.0.0 Safari/537.36 Edg/119.0.0.0

Challenge Information:

Product Landing Page - Build a Product Landing Page

Hello @theonerishi !

I am not sure if you mean the video is not working.
But, if that is the case, you may try:

Remove the current i-frame and all of its content. The src and all necessary to function code is within the embed code.

Click on Share
then, click on embed.
then, copy the complete embed code
Paste this in your place of the i-frame because all of this is already in the embed code.
after the opening iframe within the tag, place the id with its value, as you have it in this iframe.

Make any adjustments to width and height as necessary to accommodate your page, and wishes.

I hope this helps you.

I did not provide the embed code for the link, because that would be seen as providing the direct answer. This is against forum rules.
Happy coding!

3 Likes

thanks for your help much appreciated what about the other objectives

2 Likes

You are very welcome!

Are you sure the others require the src attribute?

Or am I missing something? I do have bad eyes, but they usually cooperate with me.:slight_smile:

3 Likes

the form elements dont seem to complete the ticks in the task

1 Like

also i have vision problems as well how do you manage it at work do employers put provisions in place such as extra time to help you manage

1 Like

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