<!-- Sample solution to index.html -->
<!DOCTYPE html>
<html>
<body>
<div class="nav">
<div class="container">
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</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 class="container">
<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>
</body>
</html>
Quotes help make search much faster. Example: "Practice Makes Perfect"
Monday, December 8, 2014
Make a Website: HTML Wrap with a div 8/9
Make a Website: HTML Supporting content 2
<!-- Sample solution to index.html -->
<!DOCTYPE html>
<html>
<body>
<div class="nav">
<div class="container">
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</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>
<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>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<div class="nav">
<div class="container">
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</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>
<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>
</body>
</html>
Make a Website: HTML Supporting content 1
<!-- Sample solution to index.html -->
<!DOCTYPE html>
<html>
<body>
<div class="nav">
<div class="container">
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</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>
<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>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<div class="nav">
<div class="container">
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</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>
<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>
</body>
</html>
Make a Website: HTML Wrap with a div 5/9
<!-- Sample solution to index.html -->
<!DOCTYPE html>
<html>
<body>
<div class="nav">
<div class="container">
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</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>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<div class="nav">
<div class="container">
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</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>
</body>
</html>
Make a Website: HTML Large feature
<!-- Sample solution to index.html -->
<!DOCTYPE html>
<html>
<body>
<div class="nav">
<div class="container">
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</li>
</ul>
</div>
</div>
<h1>Find a place to stay</h1>
<p>Rent from people in over 34,000 cities and 192 countries.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<div class="nav">
<div class="container">
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</li>
</ul>
</div>
</div>
<h1>Find a place to stay</h1>
<p>Rent from people in over 34,000 cities and 192 countries.</p>
</body>
</html>
Make a Website: HTML Wrap with a div
<!-- Sample solution to index.html -->
<!DOCTYPE html>
<html>
<body>
<div class="nav">
<div class="container">
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</li>
</ul>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<div class="nav">
<div class="container">
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</li>
</ul>
</div>
</div>
</body>
</html>
Make a Website: HTML Navigation 2
<!-- Sample solution to index.html -->
<!DOCTYPE html>
<html>
<body>
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</li>
</ul>
</body>
</html>
Make a Website: HTML Navigation 1
<!-- Sample solution to index.html -->
<!DOCTYPE html>
<html>
<body>
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<ul>
<li>My Name</li>
<li>Browse</li>
</ul>
</body>
</html>
Subscribe to:
Posts (Atom)
This is an example of scrolling text using Javascript.