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
|
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="SemiColonWeb" />
<!-- Stylesheets
============================================= -->
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|Crete+Round:400italic" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="../css/style.css" type="text/css" />
<link rel="stylesheet" href="../css/swiper.css" type="text/css" />
<link rel="stylesheet" href="../css/dark.css" type="text/css" />
<link rel="stylesheet" href="../css/font-icons.css" type="text/css" />
<link rel="stylesheet" href="../css/animate.css" type="text/css" />
<link rel="stylesheet" href="../css/magnific-popup.css" type="text/css" />
<link rel="stylesheet" href="../css/custom.css" type="text/css" />
<link rel="stylesheet" href="../css/Grid-Layout.css">
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<!-- Radio Checkbox Plugin -->
<link rel="stylesheet" href="../css/components/radio-checkbox.css" type="text/css" />
<link rel="stylesheet" href="../css/responsive.css" type="text/css" />
<link rel="stylesheet" href="../css/responsive-custom.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<!-- Document Title
============================================= -->
<title>CANA</title>
</head>
<body class="stretched side-push-panel">
<?php include 'include/side-nav.php';?>
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<!-- Header
============================================= -->
<?php include 'include/header.php';?>
<!-- #header end -->
<!-- Google Map
============================================= -->
<section id="google-map"></section>
<!-- Content
============================================= -->
<section id="content">
<div class="contacts">
<div class="container">
<div class="col-md-4">
<h4>OFFICE LOCATION</h4>
<div class="LocationDetails">
<h5>Sheung Wan Branch</h5>
<div class="LocationDetails-data">Address: 2/F, 135 Bonham Strand Trade Centre, Bonham Strand (MTR Exit A2), Sheung Wan</div>
<div class="LocationDetails-data">Tel: 2302 6500</div>
<div class="LocationDetails-data">Email: cana@canaelite.com</div>
</div>
<div class="LocationDetails">
<h5>Sheung Wan Branch</h5>
<div class="LocationDetails-data">Address: 2/F, 135 Bonham Strand Trade Centre, Bonham Strand (MTR Exit A2), Sheung Wan</div>
<div class="LocationDetails-data">Tel: 2302 6500</div>
<div class="LocationDetails-data">Email: cana@canaelite.com</div>
</div>
<div class="LocationDetails">
<h5>Opening Hours</h5>
<div class="LocationDetails-data">Monday to Friday: 10:00am - 7:00pm</div>
<div class="LocationDetails-data">Saturday, Sunday and Public Holiday:<br>10:00am - 5:00pm</div>
<div class="LocationDetails-data">* No administrative support on Sunday and Public Holiday
</div>
</div>
</div>
<div class="col-md-8">
<h4>HAVEYOU A QUESTION?</h4>
<div class="halfCol">
<label>First Name*</label>
<input type="text" placeholder="First Name" class="inputFill">
</div>
<div class="halfCol">
<label>Surname*</label>
<input type="text" placeholder="Surname Name" class="inputFill">
</div>
<div class="halfCol">
<label>Email*</label>
<input type="text" placeholder="Email" class="inputFill">
</div>
<div class="halfCol">
<label>Phone*</label>
<input type="text" placeholder="Phone" class="inputFill">
</div>
<div class="halfCol">
<label>Current School*</label>
<input type="text" placeholder="Current School" class="inputFill">
</div>
<div class="halfCol">
<label>Current Year*</label>
<input type="text" placeholder="Current Year" class="inputFill">
</div>
<div class="checkbox-container">
Why have inquiry about the following service(s)
<div class="clear"></div>
<div class="halfCol">
<input id="essay-01" class="checkbox-style" type="checkbox" name="group-1">
<label for="essay-01" class="checkbox-style-3-label">Academic Tuition and Intensive Courses</label>
</div>
<div class="halfCol">
<input id="essay-02" class="checkbox-style" type="checkbox" name="group-1">
<label for="essay-02" class="checkbox-style-3-label">Online Tuition</label>
</div>
<div class="halfCol">
<input id="essay-03" class="checkbox-style" type="checkbox" name="group-1">
<label for="essay-03" class="checkbox-style-3-label">University Admission Consultation</label>
</div>
<div class="halfCol">
<input id="essay-04" class="checkbox-style" type="checkbox" name="group-1">
<label for="essay-04" class="checkbox-style-3-label">University Sample Lectures</label>
</div>
<div class="halfCol">
<input id="essay-04" class="checkbox-style" type="checkbox" name="group-1">
<label for="essay-04" class="checkbox-style-3-label">Admission Seminars</label>
</div>
<div class="halfCol">
<input id="essay-05" class="checkbox-style" type="checkbox" name="group-1">
<label for="essay-05" class="checkbox-style-3-label">IB Study Guides and Workbooks</label>
</div>
<div class="halfCol">
<input id="essay-06" class="checkbox-style" type="checkbox" name="group-1">
<label for="essay-06" class="checkbox-style-3-label">One-Year IAL Program</label>
</div>
<div class="halfCol">
<input id="essay-07" class="checkbox-style" type="checkbox" name="group-1">
<label for="essay-07" class="checkbox-style-3-label">Other</label>
</div>
</div>
<div class="fullCol">
Please leave your message or request here<br>
<textarea></textarea>
</div>
<div class="checkbox-container">
HOW DO YOU HEAR ABOUT CANA?
<div class="clear"></div>
<div class="Col-3">
<input id="essay-01" class="checkbox-style" type="checkbox" name="group-1">
<label for="essay-01" class="checkbox-style-3-label">From Google search engine</label>
</div>
<div class="Col-3">
<input id="essay-02" class="checkbox-style" type="checkbox" name="group-1">
<label for="essay-02" class="checkbox-style-3-label">From Yahoo search engine</label>
</div>
<div class="Col-3">
<input id="essay-03" class="checkbox-style" type="checkbox" name="group-1">
<label for="essay-03" class="checkbox-style-3-label">From existing client(s) of CANA</label>
</div>
<div class="Col-3">
<input id="essay-04" class="checkbox-style" type="checkbox" name="group-1">
<label for="essay-04" class="checkbox-style-3-label">From school counsellor</label>
</div>
<div class="Col-3">
<input id="essay-05" class="checkbox-style" type="checkbox" name="group-1">
<label for="essay-05" class="checkbox-style-3-label">From our Facebook</label>
</div>
<div class="Col-3">
<input id="essay-06" class="checkbox-style" type="checkbox" name="group-1">
<label for="essay-06" class="checkbox-style-3-label">From British Council emails</label>
</div>
<div class="clear"></div>
<p class="contacts-form-P">Note: By submitting this form, you have agreed to join our mailing list to receive free learning videos, exam tips, event updates and other promotional news from us. You can manage your subscription preference in one of our newsletter emails or by contacting marketing@canaelite.com.</p>
<input type="submit" class="download-form-submit" value="Submit">
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Contact Form & Map Overlay Section End -->
<!-- Footer
============================================= -->
<?php include 'include/footer.php';?>
<!-- #footer end -->
</div>
<!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="icon-angle-up"></div>
<!-- External JavaScripts
============================================= -->
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/plugins.js"></script>
<!-- Footer Scripts
============================================= -->
<script type="text/javascript" src="../js/functions.js"></script>
<script type="text/javascript" src="../js/script.js"></script>
<script src="../js/Grid-Layout.js"></script>
</body>
</html>
|