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 Build the Contact Page

Posted by kendall epley
kendall epley
4,695 Points

I can't get my contact page to work

My contact page will not work. My About page works. I copied the code exactly from my about page and switch the class to contact, but it still will not link.

<!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>title</title> <link rel="stylesheet" href="css/normalize.css"> <link href="https://fonts.googleapis.com/css?family=Amatica+SC|Dawning+of+a+New+Day|Special+Elite" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> <link rel="stylesheet" href="css/main.css"> </head>

<body> <header> <h2>kendall</h2> <a href="index.html" id="logo"> <h1>headline</h1> </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"> </div>
<section>
<img src="img/daisy.jpg" alt="daisy" class= "profile-photo">
  <h3>about</h3>
  <p> hello </p>
</section>

 <footer>
        <a href="http://www.facebook.com/kendall.epley.7">
          <img src="img/facebook-wrap.png" alt="facebook logo" class="social-icon">
       </a>
       <a href="http://www.twitter.com/marshmellowish">
          <img src="img/twitter-wrap.png" alt="twitter logo" class="social-icon">
        </a>
      <p>&hearts; kendall</p> 
 </footer>

</body>
</html>

2 Answers

Zev Cohen
Zev Cohen
2,770 Points
Zev Cohen
Zev Cohen
2,770 Points

right after contact.html you have a minus instead of an equals. Hope this works!

kendall epley
kendall epley
4,695 Points

I can't believe I missed that. But I fixed it and it's still not working

Mike Hickman
Mike Hickman
19,817 Points
Mike Hickman
Mike Hickman
19,817 Points

Hi Kendall,

  • meta charset missing =
  • contact.html href missing =
  • You're closing your wrapper div right after you open it. Not sure if that's your intended purpose.
  • If it still doesn't run, the pipe ("|") characters within the google font link that they give you technically aren't supported anymore. Replace each | with %7C (without quotes, just straight up replace them) and it will work the same, but will be the correct way to do them. http://stackoverflow.com/a/22469221

Good luck!

Mike