Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

um does this look right it keeps on coming up red

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Joseph Skurr | AWSOME LOGOS </title> </head> <body> <header> <a href="index.html"> <h1>Joseph Skurr</h1> <h2>MODZ</h2> </a> <nav> <url> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html">"About</a></li> <li><a href="contact.html">Contact</a></li> </url> </nav> </header> <section> <ul> <li> <a href="img/MODZ-101.jpg"> <img src="img/MODZ-101.jpg" alt=""> <p>The World Of Pro Modding</p> </a> </li> <li> <a href="img/MODZ-102.jpg"> <img src="img/MODZ-102.jpg" alt=""> <p>THE WAY OF THE EAGLE</p> </a> </li> <li> <a href="img/MODZ-103.jpg"> <img src="img/MODZ-103.jpg" alt=""> <p>JESUS IS THE BEST</p> </a> </li> <li> <a href="img/MODZ-104.jpg"> <img src="img/MODZ-104.jpg" alt=""> <p>THE APPLE ICON OF THE FUTURE</p> </a> </li> <L> <a href="img/MODZ-105.jpg"> <img src="img/MODZ-105.jpg" alt=""> <p>BEST COMPUTER EVER BUILT</p> </a> </li> </ul> <section> <footer> <a href="http://twitter.com/nickrp"><img/MODZ-420.png" alt="twitter logo"></a> <a href="http://facebook.com/nickpettit"><img/MODZ-420.png" alt="facebook logo"></a> <p>© 2015 JOSEPH AARON SKURR</p> </footer> </body> </html>

  </section>

2 Answers

alexlitel
alexlitel
25,059 Points

You need to close the section tag </ section > in the body of the HTML document. Currently, you have it closing outside of the entire HTML, which is causing an error.

To fix this, you will need to move </ section > to the place right after </ footer> and before </ body>.

It should look like this.

<section>
    <footer>
      <a href="http://twitter.com/nickrp"><img/MODZ-420.png" alt="twitter logo"></a>
      <a href="http://facebook.com/nickpettit"><img/MODZ-420.png" alt="facebook logo"></a>
      <p>&copy; 2015 JOSEPH AARON SKURR</p>
    </footer>
  </section>
 </body>
</html>   

In addition to what alex said, I believe you have an error in your footer. You anchor twitter and facebook, but your icons are not quite right. It should be:

<a href="http://twitter.com/nickrp"><img src="img/MODZ-420.png" alt="twitter logo"></a>
<a href="http://facebook.com/nickpettit"><img src="img/MODZ-420.png" alt="facebook logo"></a>
<p>&copy; 2015 JOSEPH AARON SKURR</p>

You were missing img src=".

I don't believe that the section adds anything to your code. I don't remember whether the code they have that section in the course, but I would not put it in my code unless there is a good reason. the footer has its own tag to designate it as a separate portion of the page and section seems redundant. Here is the documentation on the section element from MDN.