-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.htm
117 lines (117 loc) · 5.58 KB
/
contact.htm
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<!-- Title Changed from "Essance Project Band - Contact and Reservation" on 2/8 by Jason -->
<title>Contact & Reserve the Essance Project Band</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en-us" />
<link rel="stylesheet" href="MODessance.css" type="text/css" media="screen" />
<!--[if lt IE 7]>
<script src="scripts/ie7-core.js" type="text/javascript"></script>
<script src="scripts/ie7-css2-selectors.js" type="text/javascript"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="container">
<!-- navigation list added on 2/8 by Jason -->
<ul id="navigation">
<li><a href="home.htm" rel="home">Home</a></li>
<li><a href="about.htm">About</a></li>
<li><a href="music.htm">Music</a></li>
<li><a href="gallery.htm">Photos</a></li>
<li><a class="location" href="contact.htm">Contact</a></li>
</ul>
<!-- end navigation list addition -->
<div id="right">
<div class="vcard">
<h1>Contact Information</h1>
<div class="org">
<span class="orgname">Essance Project Band</span>
</div>
<address class="adr">
<!-- IS THERE A MAILING ADDRESS? -->
<!--<div class="street-address"></div><div class="extended-address"></div>-->
<span class="locality">Chicago</span>,
<abbr class="region" title="Illinois">IL</abbr>
<span class="postal-code">60643</span>
<acronym class="country-name" title="United States of America">USA</acronym>
</address>
<address class="adr">
<span class="tel">
<span class="value">+1-773-928-4406</span>
<span class="types">(<abbr class="type" title="WORK">w</abbr>)</span>
</span>
</address>
<address class="adr">
<span class="email" title="PREF">musicjazz425[at]aol[dot]com</span>
</address>
</div>
<!-- availability list added on 2/8 by Jason -->
<h1>Availability</h1>
<dl id="availability">
<dt>Available for</dt>
<dd>Weddings</dd>
<dd>Private Parties</dd>
<dd>Corporate Functions</dd>
<dd>Festivals</dd>
<dd>Community Events</dd>
<dd>Conventions</dd>
<dd>Birthday Parties</dd>
<dd>Dinner Dances</dd>
<dd>Banquets</dd>
<dd>Christmas Parties</dd>
<dd>Graduations</dd>
<dd>College Events</dd>
<br />
<dt>Pay Range</dt>
<dd>Quote given upon request for services</dd>
</dl>
</div><!--right-->
<!-- end availability list addon -->
<!-- WHICH FIELDS ARE REQUIRED? -->
<div id="content">
<form action="self" method="post">
<h1>Request to Hire the Band</h1>
<fieldset>
<legend >Your Contact Information:</legend>
<div><label for="name" >Name:</label><input id="name" name="name" type="text" /></div>
<div><label for="phone1">Work Phone:</label><input id="phone1" name="phone1" type="text" /></div>
<div><label for="phone2">Home Phone:</label><input id="phone2" name="phone2" type="text" /></div>
<div><label for="phone3">Cell Phone:</label><input id="phone3" name="phone3" type="text" /></div>
<div><label for="email">Email:</label><input id="email" name="email" type="text" /></div>
</fieldset>
<fieldset class="referrer">
<legend>How did you hear about Essance Project Band?</legend>
<div><label for="client">Referred by a client:</label><input id="client" name="refer" type="radio" /></div>
<div><label for="musician">Refered by a band or musician:</label><input id="musician" name="refer" type="radio" /></div>
<div><label for="venue">Referred by venue, planner, etc.:</label><input id="venue" name="refer" type="radio" /></div>
<div><label for="other">Other:</label><input id="other" name="refer" type="text" /></div>
</fieldset>
<fieldset class="genre">
<legend >Specific Musical Genre(s) Requested:</legend>
<div><label for="jazz">Jazz:</label><input id="jazz" name="music" type="checkbox" /></div>
<div><label for="rb">R & B:</label><input id="rb" name="music" type="checkbox" /></div>
<div><label for="oldies">Oldies:</label><input id="oldies" name="music" type="checkbox" /></div>
<div><label for="motown">Motown:</label><input id="motown" name="music" type="checkbox" /></div>
<div><label for="pop">Pop:</label><input id="pop" name="music" type="checkbox" /></div>
</fieldset>
<fieldset class="something">
<legend>Event Information:</legend>
<div><label for="event">Event Type:</label><input id="event" name="event" type="text" /></div>
<div><label for="date">Date:</label><input id="date" name="date" type="text" /></div>
<div><label for="time">Time:</label><input id="time" name="time" type="text" /></div>
<div><label for="location">Location:</label><input id="location" name="location" type="text" /></div>
<div><label for="budget">Budget:</label><input id="budget" name="budget" type="text" /></div>
<div><label for="misc">Other Comments:</label><textarea id="misc" name="misc" rows="2" cols="25"></textarea></div>
</fieldset>
<fieldset>
<input id="submit" name="submit" value="Submit" type="submit" />
</fieldset>
</form>
</div><!--content-->
</div><!--container-->
</div><!--wrapper-->
<div id="footer"><div class="wrap"><br /><a href="http://www.3amproductions.net">another 3am production</a></div></div><!--footer-->
</body>
</html>