My contact info still have bullet points and no icons. I've reviewed the videos twice.

Question

contact.html

var x = 1;

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8>"
    <title Lonnie Clark | Student</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>Lonnie Clark</h1>
        <h2>Student</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="wrapper">
      <section>
        <h3> General Information</h3>
        <p> I can be contacted below.</p>
      </section>
        <h3>Contact Details</h3>
        <ul class="contact-info"></ul>
      <li class="phone"><a href="tel:502-321-7557"> 502-321-7557</a></li>
      <li class="mail"><a href="mailto:lonnieclark@yahoo.com">lonnieclark@yahoo.com</a></li>
      <li class="twiiter"><a href="http://twitter.com/intent/tweet? screen_name=nickrp">@nickrp</a></li>
      <section>
      </section> 
      <footer>
        <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="http://facebook.com/Lonnie.Clark.397"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2015 Lonnie Clark.</p>
      </footer>
    </div>
  </body>  
</html>

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8>"
    <title>Lonnie Clark | Student</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>Lonnie Clark</h1>
        <h2>Student</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="contact.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/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="http://facebook.com/Lonnie.Clark.397"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2015 Lonnie Clark.</p>
      </footer>
    </div>
  </body>  
</html>



Main CSS

/***************** GENERAL *****************/

body{ font-family: 'open sans', sans-serif; }

wrapper {

max-width: 940px; margin: 0 auto; padding: 0 5%; }

a { text-decoration: none; }

img { max-width: 100%; }

h3 { margin: 0 0 lem 0; }

/***************** HEADING *****************/ header { float: left; margin: 0 0 30px 0; padding 5px 0 0 0; width: 100%; }

logo {

text-align: center; margin: 0; }

h1 { font-family: 'Changa One', sans-serif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height: 0.8em; }

h2{ font-size: 0.75em; margin: -5px 0 0; font-weight: normal; }

/***************** NAVIGATION *****************/

nav { text-align: center; padding: 10px 0; margin: 20px 0 0; }

nav ul{ list-style: NONE; margin: 0 10PX; padding: 0; }

nav li { display: inline-block; }

nav a { font-weight: 800; padding: 15px 10px; }

/***************** FOOTER *****************/

footer { font-size: 0.75em; text-align: center; clear: both; padding-top: 50px; color: #ccc; }

.social-icon { width: 20px; height: 20px; margin: 0 5px; }

/***************** PAGE PORTFOLIO *****************/

gallery {

margin: 0; padding: 0; list-style: none; }

#gallery li { float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; }

gallery li a p {

margin: 0; padding: 5%; font-size: 0.75em color: #bdc3c7 }

/***************** PAGE: ABOUT *****************/

.profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; }

/***************** CONTACT *****************/

.contact-info { list-style: none; padding: 0; margin: 0; font-size: 0.9em; }

.contact-info a { display:block; min-height: 20px; background-repeat: no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; margin: 0 0 10px; }

.contact-info li.phone a { background-image: url('../img/phone.png'); }

.contact-info li.mail a { background-image: url('../img/mail.png'); }

.contact-info li.twitter a { background-image: url('../img/twitter.png'); }

/***************** COLORS *****************/

/site body/ body { background-color: #fff color: #999; }

/green header/ header { background: #6ab47b border-color: #599a68; }

nav { background: #599a68; }

/logo text/ h1, h2 { color: #666; }

/links/ a { Color: #6ab47b; }

/nav link/ nav a, nav a:visited { color: #fff; }

/selected nav link/ nav a.selected, nav a:hover { color: #32673f; }

Also, I really do not understand how to make my code show from the question you h

Answer 1 · 2015-03-24T15:24:24Z

March 24, 2015 3:24pm

Check your 'img' folder. Are your phone.png, mail.png and twitter.png files in your 'img' folder?

Welcome to the Treehouse Community

Looking to learn something new?

Elonzo Clark