5/14 help me pls


#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">
      <div class="row">
      <div class="col-md-4">
      </div>
        <ul>
          <li><a href="#">Name</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul>
          <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="nav">
      <div class="container">
        <ul class="pull-left">
            <ul>
                <li><a href="#">Name</a></li>
                <li><a href="#">Browse</a></li>
            </ul>
        </ul>

        <ul class="pull-right">
            <ul>
             <li><a href="#">Sign Up</a></li>
             <li><a href="#">Log In</a></li>
             <li><a href="#">Help</a></li>
            </ul>
        </ul>

      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
        <h1>Find a place to stay.</h1>   
        <a href="#">Learn More</a>
        <div class="neighborhood-guides">
        <div class="container">
         <h2> Neighborhood-guides</h2>
         <p> not sure where to stay we've created neighborhodd guides for cities all 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 class="learn-more">
	  <div class="container">
		<div>
	      <div>
			<h3>Travel</h3>
			<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
			<p><a href="#">See how to travel on Airbnb</a></p>
	      </div>
		  <div>
			<h3>Host</h3>
			<p>Renting out your unused space could pay your bills or fund your next vacation.</p>
			<p><a href="#">Learn more about hosting</a></p>
		  </div>
		  <div>
			<h3>Trust and Safety</h3>
			<p>From Verified ID to our worldwide customer support team, we've got your back.</p>
			<p><a href="#">Learn about trust at Airbnb</a></p>
		  </div>
	    </div>
	  </div>
	</div>
  </body>
</html>

#2

Hi idontlikenumbers,

You have some of your content in unexpected places! I'm not sure where to start, but your nav and jumbotron should not have any rows or columns in them.

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>

See how you get on with that, and come back and show me how you did.