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! While you're at it, check out some resources Treehouse students have shared here.

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 HTML Basics Structuring Your Content Structuring Content Challenge

Posted by Thara N
.a{fill-rule:evenodd;}techdegree
Thara N
Front End Web Development Techdegree Student 1,474 Points

Put <nav> & <section>, it's not working

I've tried putting inside different elements like nav, section, content but it's working. I've also changed the indentation same result :/

index.html 
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>
    <content>
    <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>
    <h1>My Web Design &amp; Development Portfolio!</h1> 
    <p>A site featuring my latest work.</p>
    </content>
    <h2>Welcome</h2> 
    <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
    <ul>
      <li><a href="#">Recent project #1</a></li>
      <li><a href="#">Recent project #2</a></li>
      <li><a href="#">Recent project #3</a></li>     
    </ul>

    <p>&copy; 2017 My Portfolio</p>
    <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
  </body>
</html>
Matthew Lawson
Matthew Lawson
7,283 Points
Matthew Lawson
Matthew Lawson
7,283 Points

Hi Thara,

Could you add the full question so we can get a clearer understanding on exactly what it is that has been asked for? :)

Thanks!

2 Answers

Phil Arnold
Phil Arnold
11,331 Points
Phil Arnold
Phil Arnold
11,331 Points

Hi the <content></content> element is not a valid HTML element I'm afraid. Not to give you the answer as that would be cheating, I would suggest the following, perhaps as a starter for 10. I'll leave you to fix the indentation :):

<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>
   <header>
   <nav>
    <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>
   </nav>

    <h1>My Web Design &amp; Development Portfolio!</h1> 
    <p>A site featuring my latest work.</p>
    </header>
  <main>
    <h2>Welcome</h2> 
    <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
    <ul>
      <li><a href="#">Recent project #1</a></li>
      <li><a href="#">Recent project #2</a></li>
      <li><a href="#">Recent project #3</a></li>     
    </ul>
</main>
<footer>
    <p>&copy; 2017 My Portfolio</p>
    <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
</footer>
  </body>
</html>
Thara N
seal-mask
.a{fill-rule:evenodd;}techdegree
Thara N
Front End Web Development Techdegree Student 1,474 Points
Thara N
.a{fill-rule:evenodd;}techdegree
Thara N
Front End Web Development Techdegree Student 1,474 Points

Thank you never mind knew my mistake of not adding a header tag instead Thanks again!