HTML HTML Basics Structuring Your Content Structuring Content Challenge

Raul Rodriguez
Raul Rodriguez
6,901 Points

Where do I put the navi elements

I cant figure out what is being asked for me to do

index.html
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>

  <header>
    <ul></ul>
    <h1></h1>
    <p></p>
   </header>
  <body>
        <navi>
    <section>
   <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>

    </section>
          </navi> 

    <h1>My Web Design &amp; Development Portfolio!</h1> 
    <p>A site featuring my latest work.</p>
   <navi>
    <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>
    </navi> 
<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>

1 Answer

Check out this Treehouse Blog post:

https://blog.teamtreehouse.com/use-html5-sectioning-elements

a <nav> (check your spelling) element is used when you have content that navigates outside the original web page.

a <section> element groups related content topic with different sub-topics.

Raul Rodriguez
Raul Rodriguez
6,901 Points

Thank you Nick it was the spelling. Thank you for your help.