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 Creating HTML Content Add Social Media Links

Posted by Rick O'Connell
Rick O'Connell
2,505 Points

Creating a link to social media in footer

I am suppose to create a link to my facebook & twitter profile for this task; however, it keeps giving me the "Bummer! Did you put a link around Twitter". I'm not sure what i am missing!

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</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">Contact</a></li>
        </ul>
      </nav>
    </header>
    <section>
      <ul>
        <li>
          <img src="img/numbers-01.jpg" alt="">
        </li>
        <li>
          <img src="img/numbers-02.jpg" alt="">
        </li>
        <li>
          <img src="img/numbers-06.jpg" alt="">
        </li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
      <img src= "img/facebook-wrap.png" alt="facebook logo">
      <img src= "img/twitter-wrap.png" alt="twitter logo">
      <a href= "http://www.facebook.com/rick.oconnell2"> <img src="img/facebook-wrap.png" alt="Facebook Logo"> </a>
      <a href = "http://www.twitter.com"> <img src= "img/twitter-wrap.png" alt="twitter logo"> </a>

    </footer>
  </body>
</html>

2 Answers

iuliana sagaidak
iuliana sagaidak
4,797 Points
iuliana sagaidak
iuliana sagaidak
4,797 Points

everything ok, you just need to take off two previous <img srs> lines, because you have them already in the next two lines with <a href>

Rick O'Connell
Rick O'Connell
2,505 Points

Iuliana,

Thank you for the help!!!!!

Cameron S
Cameron S
20,537 Points
Cameron S
Cameron S
20,537 Points

Hi Rick, expanding on Iuliana's answer, within your <footer> tags, the first two lines <img src> tags are not linked to your facebook or twitter accounts through the anchor tags. However, the next two lines are exactly right. Below is an example: 

<footer>
      <p>&copy; 2013 Nick Pettit.</p>
      <a href="http://www.facebook.com/rick.oconnell2"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
      <a href ="http://www.twitter.com"><img src="img/twitter-wrap.png" alt="twitter logo"></a>
</footer>
Rick O'Connell
Rick O'Connell
2,505 Points

Cameron,

Thanks for further clarifying! I have a long way to go but the help is appreciated