javajam11-music.html

<!DOCTYPE html>
<html lang="en">
<head>
<title>JavaJam Coffee House Music</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="javajam.css" rel="stylesheet">
<link href="favicon.ico" rel="icon">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
</head>

<body>
<div id="wrapper">
<header><img src="javalogo.gif" alt="JavaJam Coffee House" height="117" width="619"></header>

<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="menu.html">Menu</a></li>
<li><a href="music.html">Music</a></li>
<li><a href="jobs.html">Jobs</a></li>
</ul>
</nav>

<main>
<p>The first Friday night each month at JavaJam is a special night. Join us from 8pm to 11pm for some music you won&rsquo;t want to miss!</p>
<h2>January</h2>
<p class="details">
<a href="melanie.jpg"><img src="melaniethumb.jpg" height="80" width="80" alt="Melanie Morris" class="floatleft"></a>
Melanie Morris entertains with her melodic folk style.
Check out the podcast! CDs are now available.
<audio controls>
    <source src="melanie.ogg" type="audio/ogg">
    <source src="melanie.mp3" type="audio/mpeg">
It appears that your browser does not support the audio element. Please click <a href="melanie.mp3" target="_blank">here</a> to listen.
</audio>
</p>
<h2>February</h2>
<p class="details">
<a href="greg.jpg"><img src="gregthumb.jpg" height="80" width="80" alt="Tahoe Greg" class="floatleft"></a>
Tahoe Greg&rsquo;s back from his tour. New songs. New stories. CDs are now available.
<audio controls>
    <source src="greg.ogg" type="audio/ogg">
    <source src="greg.mp3" type="audio/mpeg">
It appears that your browser does not support the audio element. Please click <a href="greg.mp3" target="_blank">here</a> to listen.
</audio>
</p>
</main>

<footer>Copyright &copy; 2013 JavaJam Coffee House<br>
<a href="mailto:[email protected]">[email protected]</a>
</footer>

</div>
</body>
</html>