<!DOCTYPE html>
<html>
<!--
Mini-lab 15: Responsive Layout
INFO 343 Autumn 2012
Morgan Doocy
-->
<head>
<title>Mini-lab 15</title>
<link rel="stylesheet" type="text/css" href="http://courses.washington.edu/info343/minilabs/15/base.css">
</head>
<body>
<header>
<h1>Mini-lab 15</h1>
<nav>
<ul>
<li><a href="http://www.google.com/">Google</a></li>
<li><a href="http://www.apple.com/">Apple</a></li>
<li><a href="http://www.microsoft.com/">Microsoft</a></li>
</ul>
<select>
<option value="http://www.google.com/">Google</option>
<option value="http://www.apple.com/">Apple</option>
<option value="http://www.microsoft.com/">Microsoft</option>
</select>
</nav>
</header>
<section id="contents">
<ul>
<li>Small batch bushwick scenester, banksy salvia mlkshk williamsburg post-ironic.</li>
<li>Freegan gentrify aesthetic jean shorts raw denim pour-over +1</li>
<li>Wes anderson ethnic godard brooklyn mixtape carles cred.</li>
<li>Retro twee fap, cardigan etsy pitchfork farm-to-table next level vice.</li>
<li>Brunch pickled bespoke biodiesel, lomo swag street art four loko jean shorts forage.</li>
<li>Umami fixie shoreditch, single-origin coffee cred quinoa ethnic brunch lomo aesthetic</li>
</ul>
</section>
</body>
</html>