Skip to content

Instantly share code, notes, and snippets.

@sasasa671
Created August 13, 2014 23:11
Show Gist options
  • Save sasasa671/ae6d53458984ad3168ff to your computer and use it in GitHub Desktop.
Save sasasa671/ae6d53458984ad3168ff to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<style>
.nav a {
color: #5a5a5a;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 10px;
padding-right: 10px;
text-transform: uppercase;
}
.jumbotron {
height: 500px;
background-image: url('http://goo.gl/04j7Nn')}
.jumbotron h1 {
color: #fff; }
.jumbotron h1 {
font-size: 48px; }
.jumbotron h1 {
font-weight: bold; }
</style>
</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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment