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 Make an About Page

Posted by p siddhu
p siddhu
268 Points

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
231,269 Points
Steven Parker
Steven Parker
231,269 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.

p siddhu
p siddhu
268 Points
p siddhu
p siddhu
268 Points

thank u for