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
Joshua Wynns
8,553 PointsIssue with contact page.
I can't seem to figure out how to fix the contact page. I keep getting and error in the bottom near the </footer> section, and it's causing my contact section now to load.
I went over some of the videos and even redid sections, but it's still erroring out.
The full html file is
<!DOCTYPE html> <html> <head> <meta charset+"utf-8"> <title>Joshua Wynns | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='https://fonts.googleapis.com/css?family=News+Cycle:400,700|Pontano+Sans|Open+Sans:400,400italic,700,700italic,800|Roboto|Changa+One' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Joshua Wynns </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="gallery"> <section> <h3>General Information</h3> <p>I am currently looking for new design work, and I am available for speaking gigs and similar engagements. If you have any questions, please don't hesitate to contact me!</p> <p>Please only use phone contact for urgent inquiries. Otherwise, email is the best way to reach me</p> </section> <h3>Contact Details</h3> <ul class="contact-info"> <li class="phone"><a href="tel:555-6425">555-6425</a></li> <li class="mail"><a href="mailto:josh1132003@gmail.com">josh1132003@gmail.com</a></li> <li class="twitter"><a href="http://twitter.com/intent/tweet? screen_name=16socks>@16socks</a></li> </ul> </section> <footer> <a href="http://twitter.com/16socks"><img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <a href="http://facebook.com/16socks"><img src="img/facebook-wrap.png" alt="facebook Logo" class="social-icon"></a> <p>Ā© 2015 Joshua Wynns</p> </footer> </div> </body> </html>
3 Answers
sizwengubane
15,244 PointsHello bro you have done two mistakes
- you have not put a opening section tag just after the first closing section tag.
- you have not used the closing quotation mark on your third list item with a class of 'twitter'
The correct code should look like this
<blockquotes>
HTML <section> <h3>Contact Details</h3> <ul class="contact-info"> <li class="phone"><a href="tel:555-6425">555-6425</a></li> <li class="mail"><a href="mailto:josh1132003@gmail.com">josh1132003@gmail.com</a></li> <li class="twitter"><a href="http://twitter.com/intent/tweet?" screen_name=16socks>@16socks</a></li> </ul> </section></blockquotes> please rate my answer as the best answer if i managed to help u
Pete Cass
16,656 PointsAlso as the top your meta tag should be charset= not charset+.
Paying attention to the coloring coding is often the best place to start when debugging code. Text editors can be helpful like that. If one tag is a different color than normal then it means something has most likely been left open before it.
Joshua Wynns
8,553 PointsThanks for the help! I redid everything thinking that it will fix it, but I was short on time and rushed it a bit.
sizwengubane
15,244 Pointsdid my answer help u??