Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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>