Still getting the error message to add div class neighbourhood guides


#1

Continuing the discussion from 5. Neighborhood Guides: Grid -- Please help:

Ummm, I'm stuck I think. hope my code is pretty enough, here goes

DOCTYPE html>
<html>
<head>
    <link href=
    "http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel=
    "stylesheet">
    <link href=
    "http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css"
    rel="stylesheet">
    <link href="main.css" rel="stylesheet">
    <title></title>
</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="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>Neighbourhood Guides</h2>
            <p>Not sure where to stay? We've created neighbourhood 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>
    <div class="learn-more">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <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>

and then css.

.nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding: 14px 10px;
  text-transform: uppercase;
}

.nav li {
  display: inline;
}

.jumbotron {
  background-image:url('http://goo.gl/04j7Nn');
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
}

.jumbotron .container {
  position: relative;
  top:100px;
}

.jumbotron h1 {
  color: #fff;
  font-size: 48px;  
  font-family: 'Shift', sans-serif;
  font-weight: bold;
}

.jumbotron p {
  font-size: 20px;
  color: #fff;
}

.learn-more {
  background-color: #f7f7f7;
}

.learn-more h3 {
  font-family: 'Shift', sans-serif;
  font-size: 18px;
  font-weight: bold;
}

.learn-more a {
  color: #00b0ff;
}

#2

@menziebony,

As we can be of no real help if you don't provide the HTML-code you are using....

Please re-edit your Post

  • leave one blank-line above of your code
  • select your code in the Post
  • then =click= on the </>-symbol-of-this-editor

Your code will then be in a pre-code state
and you will be able to make/present the proper indentations.

or even better use
= http://discuss.codecademy.com/t/using-backticks-to-format-your-code/3697
[extra's]
https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet


#3

ok i made the adjustments. can you see what i am missing?


#4

@menziebony,
I have loaded the file from my PC, and didn't see anything wrong
apart from the missing =images= which should be defined in the "neighbourhood guides"

I cannot seem to find the correct course.....
so that i cannot debug....