<!-- BEGIN DOC HEADER -->
<!doctype html>
<html lang="en" class="no-js">

<!-- BEGIN HEAD -->
<head>
<title>We've Lost This One</title>

<!-- CSS: implied media="all" -->
<link rel="stylesheet" href="css/html5-style.css">
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/jquery.autocomplete.css">

<style>
.not-found
{font-size: 40px;}

span[frown]
{transform: rotate(90deg); display:inline-block; color: #000000;}
</style>

</head>

<!-- BEGIN CONTAINER -->
<div id="container">

<!-- BEGIN MAIN -->
<div id="main">

<!-- BEGIN HEADER -->
<header>
<a href="index.php"><h1>Chicago's BeatBox</h1></a>
<a href="index.php"><img src="images/header-image.png" alt="Header Image" /></a>
</header>
<!-- END HEADER -->

<details>
<summary><h1 class="not-found"><span frown>:(</span>  We couldn't find this page  <span frown>:(</span></h1></summary>
</details>

<input type="submit" class="btn" value="Submit Tip" />

<input type="submit" class="btn" value="View Incidents" />

<input type="submit" class="btn" value="Log Out" />

</div>
<!-- END MAIN -->

</div>
<!-- END CONTAINER -->