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 How to Make a Website Adding Pages to a Website Add a New Page

heribertobasulto
heribertobasulto
3,970 Points
Posted by heribertobasulto
heribertobasulto
3,970 Points

Can't seem to get the about page to work...

So after carefully following the steps on the video, I've notice that every time I click on the about link, it only shows the header and footer (with the social media link). It's driving me nuts, no idea where I went wrong, here's my code for the about page -

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Heriberto Basulto | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
      <h1>Heriberto Basulto</h1>
      <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html"class="selected">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <div id="wrapper">
        <section>
          <img src="img/nick.jpg" alt="Photograph of Nick Pettit" class="profile-photo">
            <h3>About</h3>
            <p>Hi guys, this is my practice portfolio.</p>
            <p>If you'd like to follow nick on twitter, his username is <a href ="http://twitter.com/nickrp">@nickrp</a>.</p>
        </section>
        <footer>
          <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
          <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
          <p>&copy; 2016 Heriberto Basulto.</p>
        </footer>
      </div>
  </body>

</html>
  • I'd appreciate any help, thanks!

[MOD: edited code block]

Cindy Lea
Cindy Lea
Courses Plus Student 6,497 Points
Cindy Lea
Cindy Lea
Courses Plus Student 6,497 Points

The best thing to do is recopy the original code from the index.html & start over.

1 Answer

Stephen Tauro
Stephen Tauro
4,111 Points
Stephen Tauro
Stephen Tauro
4,111 Points

Try validating the code using W3C HTML validation service to check for errors. And as for your problem I suggest you rest and return when you have a cool mind. Watch the video again and surely you can succeed.:)