8. I'm getting the common error


#1

Hey guys, I'm getting the common error but to my understanding my code is correct. See for yourself.

main.css

.nav a {
      color: #5a5a5a;
      font-size:14px;
      font-weight:bold;
      padding-top:14px;
      padding-bottom:14px;
      padding-left:10px;
      padding-right:10px;
      text-transform:uppercase;
     }
     
     .jumbotron {
         background-image:url('https://goo.gl/04j7Nn');
         height:500px;
     }
     
     .jumbotron h1 {
         <div class="jumbotron">
         color:#fff;
         font-size: 48px;
         font-weight: bold;
         </div>
     }
     
     .jumbotron p {
         color:#fff;
         font-size:20px;
     }
     
         .learn-more {
             background-color= #f7f7f7
         }
         
         .learn-more h3 {
            <div class="learn-more">
            font-family:'Shift', sans-serif;
            font-size: 18px;
            font-weight: bold;
         </div>
         }

And for good measures, my html.

index.html

<!DOCTYPE html>
<html>
  <head>
    <link href="main.css" rel="stylesheet">
 <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
  </head>
 
  <body>
  
  
   <div class="nav">
     <div class="container">
      
        <ul>
          <li><a href="#">Airbnb logo</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="jumbotron">
      <div class="container">
        <h1>Find a place to stay.</h1>
        <p>Rent from people in over 34,000 cities and 192 countries.</p>
      </div>
    </div> 

    <div class="learn-more">
	  <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>
			<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>

So, where is the error? Thanks

Edit: I don't know why a part of my codes are missing, even though I copied and pasted the whole structure?!?


8/10 Error
#2

This will explain how to post HTML code that you can read in a browser: http://discuss.codecademy.com/t/using-backticks-to-format-your-code/3697

There are several places in your CSS file where you have mistakenly added HTML code. Your *main.css** file is for CSS code only.

Examples of HTML code that I can see in your CSS file:

<div class="jumbotron">
</div>
<div class="learn-more">