Product landing page. Need help

It looks like you made those changes because now I am seeing 9/16.

As for the divs at the bottom,

<div class="criminal-justice" id="criminal-justice"> 
  <div class="insurance-law" id="insurance-law">
    <div class="hire-a-lawyer" id="hire-a-lawyer">
      <div class="about-us" id="about-us">
  
  </div>

You can’t leave it like the way you have now because there are a lot of errors.

Now that you are passing user story 4, just create a div for each section.

whats the link to the html code runner? I cant remember it

also can you tell me why the “sign up here” element is clickable? I looked through the code and there no href’s there

Here is the html validator

But also I wouldn’t do this either.

<div class="criminal-justice" id="criminal-justice"> 
  <div class="insurance-law" id="insurance-law">
    <div class="hire-a-lawyer" id="hire-a-lawyer">
      <div class="about-us" id="about-us">
    
 

  </div>
    </div>
  </div>
</div>
</div>

Don’t nest them. Just create individual divs.

<div>
</div>

<div>
</div>

<div>
</div>

There are a few errors in your code.
So I would just focus on cleaning those up first with the validator.
Then it will be much easier to fix the issues you are talking about.

what does this mean? “End tag header seen, but there were open elements.”

I’m also getting this " A slash was not immediately followed by > .

At line 16, column 98

mail-submit" </form>↩ <h1>S" . thats not how you close a form tag so im confused on why im getting an error

You have an error here

 <li><a href="#about-us" class="nav-link">About Us</li> 

Once you fix that then it will fix this problem.

As for this issue

Look very carefully here.

<form class="sign-up-form" form id="form" action="https://www.freecodecamp.com/email-submit" 

Something is missing at the end.
But also, you can delete that </form> at the end here

  <form class="sign-up-form" form id="form" action="https://www.freecodecamp.com/email-submit" </form>

because you already have another end tag here

  <input type="submit" id="submit"/>
    </div>
  </form>  

I’m not sure what im missing in the form class, besides the end tag but like you said I already have that

nevermind, it was the “>” right?

1 Like

Yep, that looks way better. :grinning:

My main suggestion for you as you continue to build out this project is to keep running your code through the validator to make sure the html is correct.

That way errors don’t pile up on you.

will do. If I have any other questions should I just reply to this thread or make a new one.

on the html editor I get an error for "Attribute logo not allowed on element img at this point. <img class= "logo-image" src="https://www.onlinelogomaker.com/blog/wp-content/uploads/2017/06/law-firm-logo.jpg" id="header-img" alt=law logo>↩ but the logo is the class name, not an attribute

It looks like you solved the problem with the alt attribute.

You should only make a new topic if it concerns a new project or FCC challenge.

on the html editor I get an error for " Attribute logo not allowed on element img at this point. <img class= "logo-image" src="https://www.onlinelogomaker.com/blog/wp-content/uploads/2017/06/law-firm-logo.jpg" id="header-img" alt=law logo>↩ but the logo is the class name, not an attribute

<img class= "logo-image" src="https://www.onlinelogomaker.com/blog/wp-content/uploads/2017/06/law-firm-logo.jpg" id="header-img" alt=law logo>

or more specifically:

alt=law logo

the value attached to that “alt” attribute needs to be wrapped in quotes.

thank you! another question, how do I close <video id="video" controls/> because I got an error saying Self-closing syntax ( /> ) used on a non-void HTML element. Ignoring the slash and treating as a start tag. and Unclosed element video

Take a look here.

1 Like

one more question, got an error for this code <form class="sign-up-form" form id="form" action="https://www.freecodecamp.com/email-submit">↩ saying this " Attribute form not allowed on element form at this point." what does that mean and how can I fix it?

<form class="sign-up-form" form id="form" action="https://www.freecodecamp.com/email-submit">
                        this ^

you have a form attribute, which is not valid, because you have an extra form where indicated above

so I remove the form and just have “id”?