50 th time doing Neighberhood Guide: Images 1


#1

I'm soooo close to finishing this course. Help greatly appreciated. Thanks Kena777

<!DOCTYPE html>
<html>

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


  <body>
    <div class="nav">
        <div class="container">
        <div class="col-md-4">
        
          <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>

    <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="neighorhood-guides">
<div class="container">
<h2>Neighorhood Guides</h2>
<p>Not sure where to stay? We"ve created neighorhood guides for cities all around the world.</p>

<div class="row">
<div class="col-md-4">
<div class="thumbnail">

    <img src="http://goo.gl/0sX3jq" >
<div>

<div class="thumbnail">
     <img src="http://goo.gl/an2HXY" >
#</div> commented these out
#</div>

<div class="col-md-4"></div>
<div class="col-md-4"></div>

# added the 2 /div here still didn't work
</div>
</div>
</div>
</div>
    
<div class="learn-more">
  <div class="container">
     
      <div class="col-md-4">
      </div>
    </div>
  </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 class="col-md-4">
			<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 class="col-md-4>
			<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

You have that column div tag in your nav div -- I'm not sure how that would have gotten there but it is certainly unexpected -- remove that :smile:

You have a small but critical typing mistake there.

#</div> commented these out
#</div>

Don't comment those closing tags out, you need those.

# added the 2 /div here still didn't work
</div>
</div>
</div>
</div>

You need to keep just three of those closing div tags. One to close the row, one for the container and one for neighborhood-guides.


#3

You Guys are sure fast! I mad the corrections here as shown below, :smile: Am still getting the error Oops, try again. Add a second <div class="thumbnail">..</div>

<!DOCTYPE html>
<html>

    <head>
        <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css/shift,css/ rel="stylesheet">
        
        <link rel="stylesheet" href="htpp://s3.amozonaws.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>

    <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="neighborhood-guides">
<div class="container">
<h2>Neighorhood Guides</h2>
<p>Not sure where to stay? We"ve created neighorhood guides for cities all around the world.</p>

<div class="row">
<div class="col-md-4">
<div class="thumbnail">

    <img src="http://goo.gl/0sX3jq" >
<div>

<div class="thumbnail">
     <img src="http://goo.gl/an2HXY" >
    </div> 
  </div>

<div class="col-md-4"></div>
<div class="col-md-4"></div>


</div>
</div>
    
<div class="learn-more">
  <div class="container">
     
      <div class="col-md-4">
      </div>
    </div>
  </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 class="col-md-4">
			<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 class="col-md-4>
			<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>

#4

<div class="thumbnail">
    <img src="http://goo.gl/0sX3jq" >
<div>

I missed that one, the first time around. Do you see the problem there?


#5

Nope sorry ablion, I can't see what's wrong ?? This what they said to type in the lesson:

"http://goo.gl/an2HXY" for the second image.

<div class="thumbnail">
     <img src="http://goo.gl/an2HXY" >
    </div>  *** I Changed this to <div> and still got oops error***
  </div>

#6

sorry for confusing you. I changed the </div> under the img scr line to
<div> and still got the oops error.


#7

The closing tag for that thumbnail div should look like this: </div>


#8

Thank-Thank you all: Finally have seen the error of my ways (dduhhh). You guys are great! :triumph: