-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
262 lines (253 loc) · 14.3 KB
/
index.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
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-compatible" content="ie=edge"/>
<!-- Bootstrap CDN -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"/>
<!-- Fontawesome CDN -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous"/>
<!-- CSS -->
<link rel="stylesheet" href="assets/css/style.css"/>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<title>School of English Galway</title>
</head>
<body>
<div class="container-fluid p-0">
<header>
<div id="contact-us-header">
<p class="contact-us-modal" data-toggle="modal" data-target="#contact-us-modal">Contact Us <i class="far fa-envelope"></i></p>
</div>
<!-- Credit: Bootstrap Navbar @ https://getbootstrap.com/docs/4.5/components/navbar/ -->
<nav class="navbar navbar-expand-lg navbar-light bg-light" id="logo">
<a class="navbar-brand" href="index.html">
<img src="assets/images/logo/school-logo.jpg" alt="School Logo"/>
</a>
<button class="navbar-toggler custom-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active menu-active">
<a class="nav-link" href="index.html">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="courses.html">Courses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="accommodation.html">Accommodation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="register.html">Register</a>
</li>
<li class="nav-item">
<a class="nav-link" href="assets/price-list/price-list.pdf" target="_blank" rel="noopener">Price List</a>
</li>
</ul>
</div>
</nav>
<!-- /End of Credit -->
</header>
<section id="hero-image">
<div id="catchphrase">
<h4>"Go West...</h4>
<h4>to learn English, make friends and have fun!"</h4>
</div>
</section>
<div class="row section-extra-large">
<section class="col-md-6 section-style section-style-left">
<div class="section-article section-article-home">
<div>
<h3><i class="fas fa-book"></i> Courses</h3>
<p>
School of English Galway offer our students two different types of English courses in the city centre of Galway. Our General English courses are for someone who wants to improve their general English skills, such as Grammar, Speaking, Listening, Writing and Reading. Our Exam preparation courses are for someone who wants to go to a university or college.
</p>
</div>
<div>
<a href="courses.html" class="btn btn-red btn-home-section">More Details</a>
</div>
</div>
</section>
<section class="col-md-6 section-style section-style-right">
<div class="section-article section-article-home">
<div>
<h3><i class="fas fa-home"></i> Accommodation</h3>
<p>
School of English Galway offer our students two different types of accommodation. Host family accommodation is for someone who wants to have some experiences of real Irish life by staying with an Irish family. Residence accommodation is for someone who wants to have your own time and meet students from other countries by sharing residence with them.
</p>
</div>
<div>
<a href="accommodation.html" class="btn btn-red btn-home-section">More Details</a>
</div>
</div>
</section>
</div>
<section class="feedback section-style d-lg-none">
<h3><i class="fas fa-comments"></i> Feedback</h3>
<!-- Credit: Bootstrap Carousel @ https://getbootstrap.com/docs/4.3/components/carousel/ -->
<div id="feedback-controls" class="carousel slide" data-ride="false" data-interval="false">
<ol class="carousel-indicators carousel-indicators-home">
<li data-target="#feedback-controls" data-slide-to="0" class="active"></li>
<li data-target="#feedback-controls" data-slide-to="1"></li>
<li data-target="#feedback-controls" data-slide-to="2"></li>
<li data-target="#feedback-controls" data-slide-to="3"></li>
<li data-target="#feedback-controls" data-slide-to="4"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active feedback-individual">
<img src="assets/images/feedback/feedback1.jpg" alt="first feedback from a female student"/>
<h6>Jessica from Germany</h6>
<p>
All the teachers and staff were very friendly and helpful. Especially my teacher, who taught me for 4 weeks, was one of the best teachers I've ever met and I cannot stop thanking him.
</p>
</div>
<div class="carousel-item feedback-individual">
<img src="assets/images/feedback/feedback2.jpg" alt="second feedback from a male student"/>
<h6>Daniel from Brazil</h6>
<p>
I took the intensive exam preparation course for nearly 2 months. It was very intense and wasn't easy at all but my teacher made me work hard and I successfully passed the exam.
</p>
</div>
<div class="carousel-item feedback-individual">
<img src="assets/images/feedback/feedback3.jpg" alt="third feedback from a female student"/>
<h6>Sena from Korea</h6>
<p>
I stayed with a host family during my stay in Galway. I was very nervous first but they welcomed me and treated me like their family. They also taught me great culture of Ireland.
</p>
</div>
<div class="carousel-item feedback-individual">
<img src="assets/images/feedback/feedback4.jpg" alt="fourth feedback from a male student"/>
<h6>Benjamin from France</h6>
<p>
School is located in the heart of Galway city where you can access to everything easily. The school had great facilities like student library, cafe, free WIFI and many more.
</p>
</div>
<div class="carousel-item feedback-individual">
<img src="assets/images/feedback/feedback5.jpg" alt="fifth feedback from a female student"/>
<h6>Maria from Italy</h6>
<p>
I loved Galway city. It is very safe and although it's not a big city, there are plenty of shops, restaurants and pubs. I made a lot of friends who I'm still in contact with.
</p>
</div>
</div>
<a class="carousel-control-prev" href="#feedback-controls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#feedback-controls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- /End of Credit -->
</section>
<section class="feedback section-style d-none d-lg-block">
<h3><i class="fas fa-comments"></i> Feedback</h3>
<div class="row">
<div class="col-lg-4 feedback-individual-lg">
<img src="assets/images/feedback/feedback1.jpg" alt="first feedback from a female student"/>
<h6>Jessica from Germany</h6>
<p>
All the teachers and staff were very friendly and helpful. Especially my teacher, who taught me for 4 weeks, was one of the best teachers I've ever met and I cannot stop thanking him.
</p>
</div>
<div class="col-lg-4 feedback-individual-lg">
<img src="assets/images/feedback/feedback2.jpg" alt="second feedback from a male student"/>
<h6>Daniel from Brazil</h6>
<p>
I took the intensive exam preparation course for nearly 2 months. It was very intense and wasn't easy at all but my teacher made me work hard and I sucessfully passed the exam.
</p>
</div>
<div class="col-lg-4 feedback-individual-lg">
<img src="assets/images/feedback/feedback3.jpg" alt="third feedback from a female student"/>
<h6>Sena from Korea</h6>
<p>
I stayed with a host family during my stay in Galway. I was very nervous first but they welcomed me and treated me like thier family. They also taught me great culture of Ireland.
</p>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="col-lg-4 feedback-individual-lg feedback-second-row">
<img src="assets/images/feedback/feedback4.jpg" alt="fourth feedback from a male student"/>
<h6>Benjamin from France</h6>
<p>
School is located in the heart of Galway city where you can access to everything easily. The school had great facilities like student libray, cafe, free WIFI and many more.
</p>
</div>
<div class="col-lg-4 feedback-individual-lg feedback-second-row">
<img src="assets/images/feedback/feedback5.jpg" alt="fifth feedback from a female student"/>
<h6>Maria from Italy</h6>
<p>
I loved Galway city. It is very safe and although it's not a big city, there are plenty of shops, restaurants and pubs. I made a lot of friends who I'm still in contact with.
</p>
</div>
</div>
</section>
<footer>
<div class="row">
<div class="col-12">
<h6><a href="index.html">School of English Galway</a></h6>
<p>17 Main Street, Galway, H91 W5X, Ireland</p>
<p><a href="tel:35391393939">Tel: +353 91 393939</a></p>
<p class="contact-us-footer" data-toggle="modal" data-target="#contact-us-modal">Contact Us <i class="far fa-envelope"></i></p>
<p><a href="https://www.google.com/maps/place/Galway/@53.283891,-9.118786,12z/data=!3m1!4b1!4m5!3m4!1s0x485b93955a2d5bff:0x32b1b440a495281!8m2!3d53.270668!4d-9.0567905" target="_blank" rel="noopener">Map <i class="far fa-compass"></i></a></p>
</div>
<div class="col-12">
<ul>
<li><a href="https://www.facebook.com/" target="_blank" rel="noopener"><i class="fab fa-facebook-square"></i></a></li>
<li><a href="https://twitter.com/" target="_blank" rel="noopener"><i class="fab fa-twitter-square"></i></a></li>
<li><a href="https://www.youtube.com/" target="_blank" rel="noopener"><i class="fab fa-youtube-square"></i></a></li>
</ul>
</div>
<p id="copyright">©School of English Galway | 2020</p>
</div>
</footer>
<!-- Credit: Bootstrap Modal @ https://getbootstrap.com/docs/4.5/components/modal/ & Bootstrap Forms @ https://getbootstrap.com/docs/4.5/components/forms/ -->
<div class="modal fade" id="contact-us-modal" tabindex="-1" role="dialog" aria-labelledby="contact-us-modal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="contact-form-heading">Contact Form</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div>
<p class="form-group">
Please complete all the sections below and one of our staff members will get back to you shortly
</p>
</div>
<form>
<div class="form-group">
<label for="text">Name</label>
<input type="text" class="form-control" id="name" aria-describedby="name" required/>
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" id="email" aria-describedby="email" required/>
<small id="emailHelp" class="form-text text-muted">
We'll never share your email with anyone else.
</small>
</div>
<div class="form-group">
<label for="confirm-email">Confirm Email</label>
<input type="email" class="form-control" id="confirm-email" aria-describedby="confirm-email" required/>
</div>
<div class="form-group">
<label for="text">Queries</label>
<textarea class="form-control" id="text" rows="3" required></textarea>
</div>
<button type="submit" class="btn btn-red btn-margin">Send</button>
</form>
</div>
</div>
</div>
<!-- /End of Credit -->
<!-- Bootstrap CDN -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</div>
</body>
</html>