-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
136 lines (135 loc) · 5.73 KB
/
contact.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
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contact Us at Bubble Under</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
<link href="style1.css" rel="stylesheet" type="text/css" />
<link href='https://fonts.googleapis.com/css?family=Candal' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<div id="sitebranding">
<h1>BubbleUnder.com</h1>
</div>
<div id="tagline">
<p>Diving club for the south-west UK - let's make a splash!</p>
</div>
<!-- SiteSearch Rollyo -->
<form id="searchform" name="searchform" action="http://www.rollyo.com/search.html" method="get">
<div id="search">
<input type="text" name="q" value="" id="search-box" /> in
<select id="searchmenu" name="sid">
<option value="6170">Bubble Under</option>
<option value="web">The web</option>
</select>
<input type="submit" value="Search" />
</div>
</form>
<!-- SiteSearch Rollyo -->
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="events.html">Club Events</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="gallery.html">Image Gallery</a></li>
</ul>
</nav>
<div id="bodycontent">
<h2>Contact Us</h2>
<p>To let us know about a forthcoming dive event, please use the form below.</p>
<form action="" method="post" class="contact">
<fieldset>
<legend>Tell us About a Dive Event</legend>
<div>
<label for="contactname" class="fixedwidth">Contact Name</label>
<input type="text" name="contactname" id="contactname" />
</div>
<div>
<label for="telephone" class="fixedwidth">Telephone Number</label>
<input type="text" name="telephone" id="telephone" />
</div>
<div>
<label for="email" class="fixedwidth">Email Address</label>
<input type="text" name="email" id="email" />
</div>
<div>
<label for="eventname" class="fixedwidth">What's the event called?</label>
<input type="text" name="eventname" id="eventname" />
</div>
<div>
<label for="eventdate" class="fixedwidth">When's the event happening?</label>
<input type="text" name="eventdate" id="eventdate" />
</div>
<div>
<label for="region" class="fixedwidth">What region is the event in?</label>
<select name="region" id="region">
<option>South-west</option>
<option>South-east</option>
<option>Midlands</option>
<option>Central</option>
<option>London</option>
<option>East</option>
<option>North</option>
<option>Scotland</option>
<option>Northern Ireland</option>
<option>International (see details below)</option>
</select>
</div>
<div>
<p>Please provide any other details you think will be useful to us
in the text area below (it may save us calling or emailing you,
and help avoid delays).</p>
<label for="details" class="fixedwidth">More details (as much as you think
we'll need!)</label>
<textarea name="details" id="details" cols="30" rows="7"></textarea>
</div>
<div>
<p>If we need to call you back for any more info, what would be the
best time to call you on the number supplied?</p>
<input type="radio" name="timetocall" id="morning" value="Morning" />
<label for="morning">In the morning</label>
<br />
<input type="radio" name="timetocall" id="afternoon" value="Afternoon" />
<label for="afternoon">In the afternoon</label>
<br />
<input type="radio" name="timetocall" id="evening" value="Evening" />
<label for="evening">In the evening</label>
<br />
<input type="radio" name="timetocall" id="never" value="Never" checked="checked" />
<label for="never">No calls please</label>
</div>
<div>
<p>Bubble Under may share information you give us here with other
like-minded people or web sites to promote the event. Please confirm if you
are happy for us to do this.</p>
<input type="checkbox" name="publicize" id="publicize" checked="checked" />
<label for="publicize">I am happy for this event to be publicized outside of and
beyond BubbleUnder.com, where possible</label>
</div>
<div class="buttonarea">
<input type="submit" value="Send Us the Info" />
</div>
</fieldset>
</form>
<p>If you need to get in touch urgently, please call Bob Dobalina on 01793 641207. For anything else, please <a href="mailto:bob@bubbleunder.com">drop us a line by email</a>.</p>
</div>
<!-- end of bodycontent div -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12345678-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</body>
</html>