<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../lib/w3.css">
<body>
<nav class="w3-sidenav w3-white w3-card-2" style="width:25%">
<header class="w3-container">
<h5>Menu</h5>
</header>
<a href="tryit.asp-filename=tryw3css_ref_sidenav.html#">Link 1</a>
<a href="tryit.asp-filename=tryw3css_ref_sidenav.html#">Link 2</a>
<a href="tryit.asp-filename=tryw3css_ref_sidenav.html#">Link 3</a>
<a href="tryit.asp-filename=tryw3css_ref_sidenav.html#">Link 4</a>
<a href="tryit.asp-filename=tryw3css_ref_sidenav.html#">Link 5</a>
</nav>
<div id="main" style="margin-left:25%">
<header class="w3-container w3-teal">
<h1>My Header</h1>
</header>
<img src="img_car.jpg" alt="Car" style="width:100%">
<div class="w3-container">
<p>
A car is a wheeled, self-powered motor vehicle used for transportation.
Most definitions of the term specify that cars are designed to run primarily on roads,
to have seating for one to eight people,
to typically have four wheels. (Wikipedia)
</p>
</div>
<footer class="w3-container w3-teal">
<h5>Footer</h5>
<p>Footer information goes here</p>
</footer>
</div>
</body>
</html>