-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
351 lines (244 loc) · 9.11 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
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
<!DOCTYPE html>
<html lang="eng">
<head>
<title> Edugate</title>
<meta charset="UTF-8">
<meta name= "description" content="Kinder ">
<meta name="keywords" content="free, kinder-garten,learning, primary-education, fun learning">
<meta name="viewport" content= "width=device-width, initial-scale=1.0">
<!-- Favicon-->
<link href="image/favicon.ico" rel="shortcut icon"/>
<!--Google Font-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- stylesheet-->
<link rel="stylesheet" href="css/animate.css"/>
<link rel="stylesheet" href= "css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href= "css/font-awesome.min.css"/>
<link rel="stylesheet" href= "css/flaticon.css"/>
<link rel="stylesheet" href= "css/owl.carousel.min.css"/>
<link rel="stylesheet" href="flaticon/font/flaticon.css">
<link rel="stylesheet" href="css/slick.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="css/stylo.css"/>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<!-- if It IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<! [endif]-->
</head>
<body>
<!--page loader-->
<div id="preloader">
<div class="loader-wrapper">
<span class="loader"><span class="loader-inner"></span></span>
</div>
</div>
<!--Header section-->
<header>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<a href="./index.html" class="site-logo"> <img src="./image/edugate.png" alt="logo"></a>
<ul>
<li>
<li class="current"> <a href="./index.html">Home</a></li>
<li> <a href="./services.html">Curriculum</a></li>
<li><a href="./contact.html">Contact</a></li>
<li> <a href="./about.html">About us</a></li>
</ul>
</nav>
</header>
<!--
<header class="header-section">
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<a href="./index.html" class="site-logo"> <img src="./image/edugate.png" alt="logo"></a>
<div class="nav-switch">
</div>
<div class="nav-wrap">
<ul class="main-menu">
<li> <a href="./contact.html">Contact</a></li>
<li> <a href="./about.html">About us</a></li>
<li> <a href="./services.html">Curriculum</a></li>
<li class="current"> <a href="./index.html">Home</a></li>
</ul>
</div>
</header>
-->
<!--
<header class="header-section">
<div id="branding">
<a href="./index.html" class="site-logo"> <img src="./image/edugate.png" alt="logo"></a>
</div>
<div class="nav-switch">
<i class="fa fa-bars"></i>
</div>
<nav class="nav-wrap">
<ul>
<li> <a href="./contact.html">Contact</a></li>
<li> <a href="./about.html">About us</a></li>
<li> <a href="./services.html">Curriculum</a></li>
<li class="current"> <a href="./index.html">Home</a></li>
</ul>
</nav>
</header>
-->
<!-- For show case some images -->
<section id="showcase">
<div class="image-banner">
<div class="text-banner">
<h1>Edugate Academy</h1>
<p>A modern, global school for a modern, global academic experience</p>
</div>
</div>
</section>
<!-- For news letter subscription-->
<section id="newsletter">
<div class="container">
<h1>Subscribe for the newsletter at Edugate!</h1>
<form>
<input type="email" placeholder="Enter Email...">
<button type="submit" class="button1">Subscribe</button>
</form>
</div>
</section>
<!-- Boxes-->
<section id="boxes">
<div class="container">
<div class="box">
<div class="flaticon">
<i class="flaticon-book" ></i>
</div>
<h3>Learn basic knowledge</h3>
<p>Learn basic concepts of math, reading, writing, shapes, and time</p>
</div>
<div class="box">
<div class="flaticon">
<i class="flaticon-microphone" ></i>
</div>
<h3>Sharpen talent</h3>
<p>Discover and sharpen your talent here, at Edugate</p>
</div>
<div class="box">
<div class="flaticon">
<i class="flaticon-boy" ></i>
</div>
<h3>Meet new friends</h3>
<p>Register now and make tons of new friends at Edugate!</p>
</div>
</div>
</section>
<!--Testimonial section-->
<div class= "container-testimonial">
<h2>Parents feedback</h2>
<div class="testimonial-slider owl-carousel">
<div class="testimonial-item">
<div class="testimonial-content" >
<p> mingling and observing, I noticed how the staff team handled the bunch of overwhelming excited children with such loving patience yet firm discipline. Indeed, Edugate is a brilliant choice !!</p>
<div class="author"> Joe's mom from Singapore</div>
</div>
</div>
<div class="testimonial-item">
<div class="testimonial-content" >
<p> Sent my son to Edugate since he was 2 years old. It's been a year now. He adapts very quickly and seems to like the environment there. Always excited to go to school every morning. Cheerful and caring teachers. Organizes a variety of activities which involves the active participation of the children, who seems to enjoy it very much.</p>
<div class="author"> Candice's dad from Singapore</div>
</div>
</div>
<div class="testimonial-item">
<div class="testimonial-content" >
<p> My son loves Edugate, and his happy there everyday. The environment in Edugate is always clean and safe, and every teacher is friendly and patient. Children learn so much there that they can easily pass the entrance exam for primary schools. Edugate is recommended.</p>
<div class="author"> Sugondi's mom from Jordan</div>
</div>
</div>
<div class="testimonial-item">
<div class="testimonial-content" >
<p>Edugate provides a structured and clean environment for parents to leave their kids with no worries. It helps my son learn to make friends and play well with others, his interaction (in English) and discipline has obviously improved since he joined in Jan 15. I'm happy as my son nowadays love to go school. </p>
<div class="author"> Aiman's dad from Malaysia</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Activities section-->
<section id="Activities" class="set-bg" data-setbg="">
<div class ="do-container set-bg" data-setbg="">
<div class="act-title">
<h3>Activities & Events</h3>
</div>
<div class="carousel owl-carousel">
<div class="card card-1">
<div class="act-pic">
<img src="image/act1.jpg">
</div>
<div class="description">Play with friends</div>
</div>
<div class="card card-2">
<div class="act-pic">
<img src="image/act2.jpg">
</div>
<div class="description">Family day</div>
</div>
<div class="card card-3">
<div class="act-pic">
<img src="image/act3.jpg">
</div>
<div class="description">Halloween celebration</div>
</div>
<div class="card card-4">
<div class="act-pic">
<img src="image/act4.jpg">
</div>
<div class="description">Fun contests</div>
</div>
<div class="card card-5">
<div class="act-pic">
<img src="image/act5.jpg">
</div>
<div class="description">Hari raya celebration</div>
</div>
<div class="card card-6">
<div class="act-pic">
<img src="image/act6.jpg">
</div>
<div class="description">Field trips</div>
</div>
</div>
</div>
</section>
<!------banner section------->
<section class="banner-section set-bg" data-setbg="image/banner-bg.jpg">
<div class="container">
<div class="row">
<div class="col-lg-9 text-white">
<h3>Join us now!</h3>
<p>Write anything here. Write anything here. Write anything here.Write anything here.Write anything here.Write anything here.Write anything here</p>
<div class="col-lg-3">
<div class="do-enroll-btn">
<a href="./services.html"><button>See our curriculum</button></a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<p> Edugate academy, Copyright ©2021</p>
</footer>
<!-- Java script & JQuery-->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js" ></script>
<script src="js/circle-progress.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/main1.js"></script>
</body>
</html>