Oops, try again. Make sure the <div class="neighborhood-guides">..</div> is after the jumbotron. How is this wrong?


#1

<!DOCTYPE html>
<html>

  <head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
    <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
    <link rel="stylesheet" href="main.css">
  </head>

  <body>
    <div class="nav">
      <div class="container">
        <ul class="pull-left">
          <li><a href="#">Name</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul class="pull-right">
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></li>
        </ul>
      </div>
    </div>

    <div class="jumbotron">
    <div class="neighborhood-guides">
      <div class="container">
        <h2>Find a place to stay.</h2>
        <p>Rent from people in over 34,000 cities and 192 countries.</p>
        <div class="row">
        <div class="col-md-4">
        </div>
        <div class="col-md-4">
        </div>
        <div class="col-md-4">
        </div>
        <p>Rent from people in over 34,000 cities and 192 countries.</p>
        <a href="#">Learn More</a>
      </div>
    </div> 
		  </div>
	    </div>
  </body>
</html>

#2

Keeping your matching open/close tags at the same indent level will help you see what you are building. Your web pages will be getting more complicated from now on so this is becoming more important to you.

This page you are making is composed of 4 major divs. The nav, jumbotron, neighborhood-guides and learn-more. At the end of exercise 4/14 you would have had the nav, jumbotron and learn-more in place and in 5/14 you are adding neighborhood-guides. It goes between jumbotron and learn-more.

Here is the overall plan that you are aiming for:

	<!DOCTYPE html>
	<html>
	  <body>
	
	    <div class="nav">
	      <div class="container">
	      ... your nav code goes in here
	      </div>
	    </div>
	
	    <div class="jumbotron">
	      <div class="container">
	      ... your jumbotron code goes in here
	      </div>
	    </div>
	    
	    <div class="neighborhood-guides">
	      <div class="container">
	      ... your neighborhood-guides code goes in here
	      </div>
	    </div>
	
	    <div class="learn-more">
	      <div class="container">
	        ... your learn-more code goes in here
	      </div>
	    </div>
	
	  </body>
	</html>

#3

Hello, please I have a similar problem and it seems I have done what you suggested but I keep getting the same error...This is the code

 <div class="jumbotron">
      <div class="container">
        <h1>Find a place to stay.</h1>
        <p>Rent from people in over 34,000 cities and 192 countries.</p>
        <a href="#">Learn More</a>
      </div>
    </div> 

     <div class="neighbourhood-guides">
       <div class="container">
        <h2>Neighborhood Guides</h2>
        <p>Not sure where to stay? We've created neighbourhood guides for cities around the world</p>
        <div class="row">
        <div class="col-md-4">
        </div>
        
        <div class="col-md-4">
        </div>
        
        <div class="col-md-4">
        </div>
        </div>
      </div>
    </div>

    <div class="learn-more">
	  <div class="container">

#4

For the class name, you must spell neighborhood using the US spelling rules.