What is wrong ? 8


#1

<!DOCTYPE
<html>
<div class="nav">
<div class="container">
<div>
<ul>
<li>Your Name</li>
...
</u>
<ul>
<li>Sign Up</li>
...
</ul>
</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."
</div>
<div>
<h3>Travel</h3>
<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
<p>
<a herf=https://www.#.com/>See how to travel on Airbnb</a>
</p>
</div>
<div>
<h3>Subheading</h3>
<p>Desciption text.</p>
<p>
<a herf=https://www.#.com/>See how to travel on Airbnb</a>
</p>
</div>
<div class="learn-more">
  <div class="container">
    <div>
      <h3>Travel</h3>
      ...
    </div>

    <div>
      <h3>Host</h3>
      ...
    </div>

    <div>
      <h3>Trust and Safety</h3>
      ...
    </div>
  </div>
</div>
<html>
  <h1>wellcome to geo</h1>
  <p>Rent from people in over 34,000 cities and 192 countries."</p>
	<ul>
	  <li>home</li>
	  <li>Brows</li>
	</ul>
	<ul>
	<li>Sign Up</li>
	<li>Sign in</li>
	<li>Help</li>
  </body>
</html>

#2

You have things just a little bit mixed up there. You may want to try looking back over a couple of the previous exercises to make sure that you get things in the expected order.

Keeping your matching open/close tags at the same indent level will help you see what you are building.

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="learn-more">
      <div class="container">
        ... your learn-more code goes in here
      </div>
    </div>

  </body>
</html>

:green_heart: How to post code in this forum.


#3

Being new at this, what is the programming that needs to input? (...your learn-more code goes in here)

I keep getting this error -

Oops, try again. Place the supporting content in the <div class="container">..</div>.


#4

In exercises 6 and 7 you wrote all of the content that should go where I have said "your learn-more code goes here".


#5

I don't understand. are you suppose to make your own code or......? how exactly is this suppose to look?

    <div class="learn-more> 
      <div class="container"> <div>lost</div>
        </div>
          <h3>travel</h3>
          
        </div>
          
        <div>
          <h3>Host</h3>
             
        </div>
            
        <div>
          <h3>Trust and Safety</h3>
              
            </div>
        </div>
    </div>  
</body>
</html>

#6

In exercises 6 and 7, you wrote your Travel, Host and Trust code. For example, you must have something like this in your index.html page:

<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>

That is your Travel content. You should also have two more similar divs that contain your Host and your Trust content.

In this next bit of code, those three divs are the "... your learn-more code goes in here" part.

    <div class="learn-more">
      <div class="container">
        ... your learn-more code goes in here
      </div>
    </div>

#7

A post was split to a new topic: 8. Place the supporting content in the

..