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

Charles Welbeck
PLUS
Charles Welbeck
Courses Plus Student 9,745 Points

Add Webpage Question: I copied index.html to about.html, save and refreshed. About page 404 Not Found. Help?

Add Webpage Question: I copied index.html to about.html, save and refreshed. About page 404 Not Found. Help?

5 Answers

It looks like you misspelled

<a href="contact.html">Contact</a>

as

<a href="contat.html">Contact</a>

Otherwise, the about.html anchor link looks correct. Make sure the about.html file is inside the same directory as the index.html file.

Hi Charles, do you have a live URL you can share? If not, please share all the code you have available here and we can help you out!

Charles Welbeck
PLUS
Charles Welbeck
Courses Plus Student 9,745 Points

Neal thanks for the quick response. Code is below. It worked the first time. I must have deleted something.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Charles Welbeck | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Charles Welbeck</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="contat.html">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'm Nick Pettit! This is my design portfolio where I share all of my favorite work. When I'm not designing things, I enjoy excercising, playing video games, drinking good coffee, and more</p> <p>If you'd like to follow me on Twitter, my username is <a href="http://twitter.com/cwelbeck">@cwelbeck</a>.</p> </section> <footer> <a href="http://twitter.com/cwelbeck"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <a href="http://facebook.com/charles.welbeck"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a> <p>Ā© 2014 Charles Welbeck.</p> </footer> </div> </body> </html>

Hey Charles, at the bottom of this page you'll see a link called "Markdown Cheatsheet." Would you mind formatting your code following those guidelines, it really helps. Currently it looks like there is no code at all except for the <!DOCTYPE html> part...

Charles Welbeck
PLUS
Charles Welbeck
Courses Plus Student 9,745 Points

<!DOCTYPE html>

  <head>
    <meta charset="utf-8">
    <title>Charles Welbeck | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header> 
      <a href="index.html" id="logo"> 
        <h1>Charles Welbeck</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="contat.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://twitter.com/cwelbeck"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="http://facebook.com/charles.welbeck"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2014 Charles Welbeck.</p>
      </footer>
      </div>
    </body>
  </html>