-
Notifications
You must be signed in to change notification settings - Fork 0
/
jazz.html
64 lines (63 loc) · 2.45 KB
/
jazz.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html>
<head>
<title>Jazz Calendar - Local Live Jazz Music Events</title>
<link rel="stylesheet" type="text/css" href="style/reset.css" />
<link rel="stylesheet" type="text/css" href="style/index.css" />
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
</head>
<body>
<div id="container">
<div id="main">
<header>
<img src="images/logo.gif" alt="Jazz Calendar" />
<h3 id="tagline">Local jazz info</h3>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="performances.html">Performances</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="gameandmedia.html">Media</a></li>
</ul>
</nav>
<div id="maincontent">
<h2>Welcome</h2>
<p>Jazz Calendar is the resource for local jazz performances in our community. Stop back often to learn about upcoming gigs, read reviews of past concerts, and stay in touch with the jazz scene in our area.</p>
<article class="performance">
<h3><a href="#">Artie's Quintet</a></h3>
<p>Monday 3/3
<br />Jane's Pub</p>
<a href="#"><img src="images/thumbnails/guitar.jpg" alt="guitar" /></a>
</article>
<article class="performance">
<h3><a href="#">The Blue Group</a></h3>
<p>Friday 4/10
<br />Jazz Cafe</p>
<a href="#"><img src="images/thumbnails/sax.jpg" alt="sax" /></a>
</article><article class="performance">
<h3><a href="#">Teri & the Two-Tones</a></h3>
<p>Monday 5/1
<br />The Doorstep</p>
<a href="#"><img src="images/thumbnails/harmonica.jpg" alt="harmonica" /></a>
</article>
<article class="performance">
<h3><a href="#">Musica Bella</a></h3>
<p>Saturday 5/9
<br />Jazz Cafe</p>
<a href="#"><img src="images/thumbnails/vibes.jpg" alt="vibes" /></a>
</article>
</div>
<aside id="sidebar">
<h3>Signup</h3>
<p>Become a member of Jazz Calendar now! <a href="#">Email us</a> to receive frequent notices on upcoming live shows.</p>
</aside>
<footer id="contactinfo">
<p>Jazz Calendar
<br />123 Fake Street, Sometown, USA | 555-123-4567</p>
</footer>
</div>
</div>
</body>
</html>