Supporting content 1 6/9
Supporting content 1
Great work! We're definitely making good progress.
Below the jumbotron, let's add a piece of supporting content. The piece will have an h3, a p, and an a, like this:
<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>
- The h3 describes the subheading, the p adds a description, and the a provides a link.
- All three elements are grouped together using a div to keep things organized.
Instructions
Under the jumbotron's closing
</div> tag, add a piece of supporting content with the following elements:- an h3 element that says "Travel"
- a p element that says "From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries."
- a p element, with an a element nested inside that says "See how to travel on Airbnb". Set the aelement's
hrefattribute to "#". - Wrap everything in a div, as in the example above
<!DOCTYPE html>
<html>
<body>
<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>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
**<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>**
<ul>
<li>Sign up</li>
<li>Log in</li>
<li>Help</li>
</ul>
<ul>
</div>
</div>
</body>
</html>
Comments
Post a Comment