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

Posted by Ismail Yakubu
Ismail Yakubu
Courses Plus Student 1,881 Points

My portfolio link doesn't won't

Hi

I'm at the stage of creating my about.html file and linking it to my listed item 'About' in my index.html file and this part works fine however i noticed that clicking on 'Portfolio' takes me to a 'Not Found' page which i find puzzling seeing as when i click back twice in my browser i'm back at my portfolio page i'm not sure where I've gone wrong

Thanks

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Ismail Yakubu | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Abel|PT+Sans+Narrow:400,700|Indie+Flower' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Ismail Yakubu</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html" class="selected">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="Contact.html">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <ul id="gallery"> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes in Photoshop.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Trying to create an 80's style of glows.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Drips created using Photoshop brushes.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creating shapes using repetition.</p> </a> </li> </ul> </section> <footer> <a href="http://ign.com"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <a href="http://ign.com"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a> <p>Ā© 2015 Ismail Yakubu.</p> </footer> </div>
</body> </html>

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Ismail,

Can you post a snapshot of your workspace?

https://teamtreehouse.com/forum/workspace-snapshots

Ismail Yakubu
Ismail Yakubu
Courses Plus Student 1,881 Points

This is a snapshot of my workspace

https://w.trhou.se/5lkhs4xqvu

1 Answer

Jason Anello
PLUS
Jason Anello
Courses Plus Student 94,610 Points
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

File names are case sensitive. Your problem then is that your index file is named "Index.html" with a capital 'I'

When you're on your about page and you click on the "portfolio" link your browser is looking for "index.html" but you only have "Index.html"

For this reason, I recommend the consistent use of lower case when naming your files all well as the links you have in your html and css.

"Index.html" should be renamed to "index.html"

Also on both of your pages you should change the link to the contact page to be "contact.html", not "Contact.html" Otherwise, this will potentially cause you similar problems when you create the contact page.

Ismail Yakubu
Ismail Yakubu
Courses Plus Student 1,881 Points

Thanks Jason it works perfect now.