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

The contact page is giving me the error Not Found The requested URL /Contact.html was not found on this serve

I added the code from the about page to the contact page, now nick says the contact page should look like the about page cause you copy and paste the same code, but i get this error Not Found

The requested URL /Contact.html was not found on this serve

here is the code i copied and pasted <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Aaron Banerjee | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,800italic,400,700|Roboto+Condensed:300italic,400' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css">
</head> <body> <header> <a href="index.html" id="logo"> <h1>Aaron Banerjee</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html" >Portfolio</a></li> <li><a href="About.html">About</a></li> <li><a href="Contact.html"class="selected">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <img src= "img/nick.jpg" alt="Photograph of Nick Petit" class="profile photo"> <h3>About</h3> <p> Hi, I am Nick Pettit! This is my design portfolio where I share all of my favorite work. When I'm not designing things, I enjoy exercising, playing video games, drinking good coffee, and more</p> <p>If you want to follow me on Twiiter, my 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"></a> <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> <p>© 2015 Aaron Banerjee.</p> </footer> </div> </body> </html>

2 Answers

So I think your issue here is the fact that the links to your pages start with capitol letters. (About.html and Contact.html)

The documentation is case sensitive, and so if the document is actually named: about.html, the system is correct in saying that the About.html document doesn't exist on the server.

Try this:

  <ul>
      <li><a href="index.html" >Portfolio</a></li>
      <li><a href="about.html">About</a></li>                         <!--not capitolized-->
      <li><a href="contact.html"class="selected">Contact</a></li>     <!--not capitolized-->
    </ul>

I hope this helps!!!

(PS if someone answers your question and it helps, get in the habit of giving those around you an "upvote" or even "Best Answer" if it applies. It makes them feel good, and you'll find you need them (upvotes and Best Answers) later on, and also -others may return the favor!!! )

I agree with Joshua's response. You should check that the filenames match. So, if you're linking to Contact.html in your html file, there must be a file named "Contact.html". Remember that "Contact.html" and "contact.html" are not the same.