10.Divs + Classes - Instruction 2


#1

I'm stuck. I don't understand. Please guys explain to me.

<!DOCTYPE html>
<html>
<head>
  <title>Jetsetter Concierge Travel Planning</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Quicksand:300,700" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

  <div class="header">
    <div id="header-text">
      <h1>Travel Like Never Before</h1>
      <h2>Whether you're looking for adventure or luxury, let us help you plan your perfect getaway.</h2>
    </div>
  </div>

  <div class=partner > <!--Add a class to this div -->
    <h4>Proud Partner of Am South Airlines <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-5/htmlcss1-img_amsoair.png" id="aa-logo" width="150px"></h4>
  </div>

  
    <h3>Why You Should Choose Jetsetter Concierge Travel Planning</h3>
    <p>With over 25 years of experience in concierge, high-end travel planning, we'll provide you with the highest quality services. Every vacation is unique, custom, and tailored to your tastes.</p>

    
      <div class="prop">
        <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-5/htmlcss1-img_diamond.png" width="60px">
        <h2>Unique</h2>
        <p>We don't do standardized packages because we know everyone wants something different. Every vacation will be uniquely customized to your tastes.</p>
      </div>

      <div class="prop">
        <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-5/htmlcss1-img_diamond.png" width="60px">
        <h2>Experienced</h2>
        <p>Our quarter century of experience in travel planning combines local knowledge with international taste. You'll be amazed at what we can provide!</p>
      </div>

      
        <div class="prop"><img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-5/htmlcss1-img_diamond.png" width="60px">
        <h2>Luxury</h2>
        <p>We understand that you expect the world of your vacation - Jetsetter can provide once in a lifetime experiences at top of the line quality.</p>
  </div>
  	<div class="value-props">
  </div>
  
  
</body>
</html>

#2

What do you not understand?


#3

I'm guessing you're having the same problem I was having, but it's actually very simple. At the top of your first div, type

<div class="value-props">

and at the bottom of your third div, type

</div>

This encloses/organizes all three of your divs into a larger, containing div.


#4

Thankyou Jade!
And can you explain about instruction 3?


#5

This is the same concept. You're containing the value-props div. So above it in your code, it should look something like this. The addition is the div with the class of "main" at the top.

<div class="main">
<div class="value-props">
  <div class="header">
    <div id="header-text">

and of course you would add a closing element at the bottom.

<p>We understand that you expect the world of your vacation - Jetsetter can provide once in a lifetime experiences at top of the line quality.</p>
      </div>
  </div>
  </div>

You're welcome! Hope I didn't take too long to reply.


#7