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 How to Make a Website Adding Pages to a Website Make an About Page

how to sol

<img src="img/sudhakar.jpg" alt="Photograph of sudhakar"class"profile-photo">

about.html
 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Sudhakar | 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>Sudhakar</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="Contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <div id="wrapper">
      <section>
        <img src="img/sudhakar.jpg" alt="Photograph of sudhakar"class"profile-photo">
        <h3>About</h3>
        <p>Hi, i'm sudhakar! This is my design portfolio where I share all of my favroite work.When I'm not desinging things, I enjoy going to out side for photo shots and editing the photos and  drinking good coffee, and much more</p>
        <p>If you'd like to follow me on Twitter, My user is <a href=""></a>@siddhu127.</p>
        </section>
      <footer>
        <a href="http://twitter.com/p.siddhu127"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="http://facebook.com/p.prabhaprabha"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2016Sudhakar.</p>
      </footer>
    </div>
  </body>
</html>
css/main.css
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}

h1, h2 {
  color: #fff;
}

nav a {
  color: #fff;
}

nav a:hover {
  color: #32673f;
}

h1 {
  font-family: Changa One, sans-serif;
  font-size: 1.75em;
  font-weight: normal;
}

img {
  max-width: 100%;
}

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

nav ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

nav li {
  display: inline-block;
}

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

2 Answers

Steven Parker
Steven Parker
215,958 Points

You didn't say what step of the challenge you are on, but I see a few issues:

  • you forgot the equal sign (=) after class in the img tag
  • the challenge asks you to use "img/gratt.png" as the picture, but you have "img/sudhakar.jpg"
  • the challenge asks for a paragraph after the picture, but you have an h3 tag between the img and the p tags

Also, just in general you should not modify any provided code unless the task asks you to.

thank u for