-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathcontact.html
247 lines (214 loc) · 11.2 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if lt IE 7]> <html class="no-js ie ie6 oldie" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie ie7 oldie" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie ie8 oldie" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie ie9 newie" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 10]> <html class="no-js ie ie10 newie" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if (gte IE 10)><!--> <html class="no-js" xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<!-- IE optimized -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- Mobile viewport optimized -->
<meta name="viewport" content="width=980,maximum-scale=1.0" />
<!-- Title -->
<title>Sacred Spaces Singleton - Contact</title>
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" />
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png" />
<!-- CSS:FONTS -->
<link type="text/css" rel="stylesheet" media="screen" href="_lib/font/museo-sans-rounded-webfont/font.css" /><!-- museo-sans-rounded -->
<link type="text/css" rel="stylesheet" media="screen" href="http://fonts.googleapis.com/css?family=Raleway:500|Gentium+Book+Basic:400italic" /><!-- google font -->
<!-- CSS:ICONS -->
<link type="text/css" rel="stylesheet" media="screen" href="_lib/icon/icon.css" />
<!--[if IE 7 ]><link type="text/css" rel="stylesheet" media="screen" href="_lib/icon/icon.ie7.css" /><![endif]-->
<!-- CSS:CORE -->
<link type="text/css" rel="stylesheet" media="screen" href="_lib/css/normalize.css" /><!-- normalize -->
<link type="text/css" rel="stylesheet" media="screen" href="_lib/css/common.css" /><!-- main -->
<link type="text/css" rel="stylesheet" media="screen" href="_lib/css/custom/content-viewport.css" /><!-- content-viewport -->
<link type="text/css" rel="stylesheet" media="print" href="_lib/css/print.css" /><!-- print -->
<!-- CSS:LIBS -->
<link type="text/css" rel="stylesheet" media="screen" href="_lib/js/custom-form-elements/form.css" /><!-- custom-form-elements -->
<link type="text/css" rel="stylesheet" media="screen" href="_lib/js/select-box/jquery.selectBox.fw.css" /><!-- select-box -->
<link type="text/css" rel="stylesheet" media="screen" href="_lib/js/jqui/jquery-ui-1.10.1.datepicker.css" /><!-- datepicker -->
<!-- CSS:CUSTOM -->
<style type="text/css">
/*insert code here*/
</style>
<!-- JS:VENDOR -->
<script type="text/javascript" src="_lib/js/modernizr.all.js"></script><!-- modernizr -->
<script type="text/javascript" src="_lib/js/jquery-1.7.2.js"></script><!-- jQuery -->
<!-- JS:LIBS -->
<script type="text/javascript" src="_lib/js/jquery.hoverIntent.js"></script><!-- hoverIntent -->
<script type="text/javascript" src="_lib/js/jquery.mobile.touch.js"></script><!-- touch gestures -->
<script type="text/javascript" src="_lib/js/jquery.cycle.js"></script><!-- Cycle -->
<script type="text/javascript" src="_lib/js/custom-form-elements/custom-form-elements.js"></script><!-- custom-form-elements -->
<script type="text/javascript" src="_lib/js/select-box/jquery.selectBox.js"></script><!-- select-box -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script><!-- Google Maps API -->
<!--[if lt IE 9]><script type="text/javascript" src="_lib/js/css3pie/PIE.js"></script><![endif]--><!-- css3PIE -->
<!-- JS:FW -->
<script type="text/javascript" src="_lib/js/fw.utils.js"></script><!-- utils -->
<script type="text/javascript" src="_lib/js/fw.widgets.js"></script><!-- widgets -->
<script type="text/javascript" src="_lib/js/fw.media.js"></script><!-- media -->
<script type="text/javascript" src="_lib/js/common.js"></script><!-- main -->
<!-- JS:CUSTOM -->
<script type="text/javascript">
/*insert code here*/
</script>
</head>
<!-- BODY -->
<body id="contact">
<!-- DEBUG -->
<div id="debugInfo" class="nfp debug" data-on="" data-width=""></div>
<!-- CONTAINER -->
<div id="container">
<!-- HEADER -->
<div id="header">
<div class="padder">
<!-- BRAND -->
<div class="brand">
<a href="index.html">
<img src="_lib/img/img-brand.png" width="260" height="60" alt="Sacred Spaces Singleton" />
</a>
</div><!-- /BRAND -->
<!-- NAV -->
<div id="nav" class="nfp">
<div id="navItems"><!--
--><a id="nav1" class="navItem css3pie" href="about.html"><span class="label">About</span></a><!--
--><span class="sep"><span class="bg"></span></span><!--
--><a id="nav2" class="navItem css3pie" href="tours.html"><span class="label">Tours</span></a><!--
--><span class="sep"><span class="bg"></span></span><!--
--><a id="nav3" class="navItem css3pie" href="weddings.html"><span class="label">Weddings</span></a><!--
--><span class="sep"><span class="bg"></span></span><!--
--><a id="nav4" class="navItem css3pie" href="facilities.html"><span class="label">Facilities</span></a><!--
--><span class="sep"><span class="bg"></span></span><!--
--><a id="nav5" class="navItem css3pie" href="concerts.html"><span class="label">Concerts</span></a><!--
--><span class="sep"><span class="bg"></span></span><!--
--><a id="nav6" class="navItem css3pie" href="support.html"><span class="label">Support</span></a><!--
--><span class="sep"><span class="bg"></span></span><!--
--><a id="nav7" class="navItem css3pie selected" href="contact.html"><span class="label">Contact</span></a><!--
--></div>
</div><!-- /NAV -->
</div>
</div><!-- /HEADER -->
<!-- BANNER -->
<div id="banner" class="nfp">
<img class="bannerImg" src="_lib/img/img-banner-contact.jpg" width="1536" height="435" border="0" alt="" />
<h1 class="headingBox">
<span class="padder">
<span class="label">Contact</span>
</span>
</h1>
</div><!-- /BANNER -->
<!-- INFO -->
<div id="information" class="block blockGold">
<div class="padder clearfix">
<!-- ASIDE -->
<div class="aside">
<div class="contentViewport">
<h1><span class="leaderText">Sacred Spaces Contact</span> Information</h1>
<div class="divider dividerDiamond"><div class="line"> </div></div>
<p class="leaderText">For all enquiries regarding Weddings, Tours, Photos, Hiring of Sacred Spaces, Volunteering or for general enquiries please phone or email the Sacred Spaces Secretary.</p>
</div>
</div><!-- /ASIDE -->
<!-- MAIN -->
<div class="main clearfix">
<!-- COL2A -->
<div class="col col2 col2a">
<div class="contentViewport">
<p><b class="title">Phone</b><br />The Secretary (02) 6572 2398</p>
<p><b class="title">Email</b><br /><a href="mailto:[email protected]" target="_blank"><span class="txtNormal">[email protected]</span></a></p>
<p><b class="title">Office Hours</b><br />Monday & Tuesday 9am to 12 Noon<br />Wednesday & Thursday 9am to 1-30pm</p>
<p><b class="title">Location</b><br />Sacred Spaces - The Convent of Mercy,<br />30 Queen Street, Singleton NSW Australia, in the heart of the Hunter Valley</p>
</div>
</div><!-- /COL2A -->
<!-- COL2B -->
<div class="col col2 col2b">
<div class="contentViewport acenter">
<p class="leaderText">Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum.</p>
<p><a class="btnBubble css3pie mgnRgt0" href="#"><span class="label">Enquire now</span></a></p>
</div>
</div><!-- /COL2B -->
</div><!-- /MAIN -->
</div>
</div><!--/INFO -->
<!-- MAP -->
<div id="map">
<!-- maps injected here -->
</div><!--/MAP -->
<!-- ENQUIRY -->
<div id="enquiry" class="block blockDark">
<div class="padder">
<div class="frame clearfix">
<!-- ASIDE -->
<div class="aside">
<div class="contentViewport">
<h1><span class="leaderText">General</span> Enquiry</h1>
<div class="divider dividerDiamond"><div class="line"> </div></div>
<p>Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci.</p>
<p>Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi.</p>
</div>
</div><!-- /ASIDE -->
<!-- MAIN -->
<div class="main">
<!-- COLFULL -->
<div class="col colFull">
<!-- FORM -->
<form id="enquiryForm" class="formView clearfix" action="">
<h2>Personal Information</h2>
<fieldset class="col2 fleft cleft">
<label for="fmFirstName">First Name*</label>
<input class="text" type="text" id="fmFirstName" name="firstName" />
</fieldset>
<fieldset class="col2 fright cright">
<label for="fmSurname">Surname*</label>
<input class="text" type="text" id="fmSurname" name="surname" />
</fieldset>
<fieldset class="col2 fleft cleft">
<label for="fmPhone">Phone*</label>
<input class="text" type="text" id="fmPhone" name="phone" />
</fieldset>
<fieldset class="col2 fright cright">
<label for="fmEmail">Email</label>
<input class="text" type="text" id="fmEmail" name="email" />
</fieldset>
<div class="padBtm20 clearer"></div>
<h2>Enquiry Details</h2>
<fieldset>
<label for="fmCategory"><span class="h3">I'm interested in the following*</span></label>
<select class="selectBox" id="fmCategory" name="category">
<option value="1">Sacred Spaces Facilities</option>
<option value="2">Tour with morning tea</option>
<option value="3">Tour with lunch</option>
<option value="4">Tour with afternoon tea</option>
<option value="5">Full tour</option>
</select>
</fieldset>
<fieldset class="mgnTop30">
<p><span class="h3">Please describe your event, wedding etc*</span><br />(Eg What type of event you are holding, catering requirements etc)</p>
<textarea id="fmNotes" name="notes" rows="5" cols="60"></textarea>
</fieldset>
<p class="ins ">*Required</p>
<a class="btnBubble css3pie" id="btnSubmit" href="javascript:$('#enquiryForm').submit();"><span class="label">Submit enquiry</span></a>
</form><!-- /FORM -->
</div><!-- /COLFULL -->
</div><!-- /MAIN -->
</div>
</div>
</div><!--/ENQUIRY -->
<!-- FOOTER -->
<div id="footer" class="clearfix nfp">
<!-- FOOTERLINKS -->
<div id="footerLinks" class="listLinks clearfix"><!--
--><span class="first-child">© Sisters of Mercy</span><!--
--><span class="sep">|</span><!--
--><span><a href="#">Terms of Use</a></span><!--
--><span id="btnFW"><a class="ir pngBg" href="http://www.fraynework.com.au" target="_blank"><strong>fraynework</strong> <em>enabled</em></a></span><!--
--></div><!-- /FOOTERLINKS -->
</div><!-- /FOOTER -->
</div><!-- /CONTAINER -->
</body>
</html>