-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
414 lines (408 loc) · 25.8 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
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='styles/reset.css' rel='stylesheet'/>
<link rel="stylesheet" href="styles/header.css">
<link rel="stylesheet" href="styles/footer.css">
<link href='styles/home.css' rel='stylesheet'/>
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:[email protected]&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<title>Home Page</title>
</head>
<body>
<div class="wrapper">
<!-- Header -->
<header class="header">
<div class="admission">
<img class="admition-image-edge" src="images/admission-first.svg" alt="">
<img src="images/admission-image.svg" alt="">
<a href="#" class="admission-content">
<span>Admission is Open, Grab your seat now</span>
<img class="pointer" src="images/pointer.svg" alt="">
</a>
<img class="admission-image-bottom" src="images/admission-bottom.svg" alt="">
<img class="admition-image-edge" src="images/admission-last.svg" alt="">
</div>
<nav class="navigation">
<div class="logo">
<img src="images/logo-image.svg" alt="" class="logo-image">
<div class="logo-text">Little Learners</div>
</div>
<label class="burger-menu">
<input type="checkbox">
</label>
<ul class="menu">
<li class="menu-item">
<a href="./index.html">Home</a>
</li>
<li class="menu-item">
<a href="./about.html" target="_blank">About Us</a>
</li>
<li class="menu-item">
<a href="#">Academics</a>
</li>
<li class="menu-item">
<a href="#">Admission</a>
</li>
<li class="menu-item">
<a href="#">Student Life</a>
</li>
<li class="menu-item contact">
<a href="./form.html" target="_blank">Contact</a>
</li>
</ul>
</nav>
</header>
<section class="banner-home">
<div class="banner-background">
<div class="banner-image">
<div class="banner-image-inside"></div>
</div>
</div>
<img class="banner-background-mobile" src="./images/full-children.png" alt="">
<div class="banner-content">
<div class="intro">
<h4 class="intro-subtitle">Welcome to Little Learners Academy</h4>
<h1 class="intro-title">Where Young Minds Blossom and <span>Dreams Take Flight.</span></h1>
<p class="intro-text">Our kinder garden school provides a nurturing and stimulating environment, fostering a
love for learning that lasts a lifetime. Join us as we embark on an exciting educational journey together!</p>
</div>
<div class="numbers">
<div class="numbers-item">
<p>+7000</p>
<span>Students Passed Out</span>
</div>
<div class="numbers-item">
<p>+37</p>
<span>Awards & Recognitions</span>
</div>
<div class="numbers-item">
<p>+15</p>
<span>Experience Educators</span>
</div>
</div>
</div>
</section>
<section class="section">
<div class="title-block">
<div class="button">Children Deserve Bright Future</div>
<div class="title">Our Benefits</div>
<div class="subtitle">With a dedicated team of experienced educators, state-of-the-art facilities, and a
comprehensive curriculum, we aim to lay a strong foundation for your child's future.</div>
</div>
<div class="section-main-block">
<div class="section-item ben-icon-1 shadow-border">
<div class="section-item-head">Holistic Learning Approach</div>
<div class="section-item-text">Our curriculum focuses on nurturing cognitive, social, emotional, and physical development,
ensuring a well-rounded education.</div>
</div>
<div class="section-item ben-icon-2 shadow-border">
<div class="section-item-head">Experienced Educators</div>
<div class="section-item-text">Our passionate and qualified teachers create a supportive and stimulating learning environment.</div>
</div>
<div class="section-item ben-icon-3 shadow-border">
<div class="section-item-head">Nurturing Environment</div>
<div class="section-item-text">We prioritize safety and provide a warm and caring atmosphere for every child.</div>
</div>
<div class="section-item ben-icon-4 shadow-border">
<div class="section-item-head">Play-Based Learning</div>
<div class="section-item-text">We believe in the power of play to foster creativity, problem-solving skills,
and imagination.</div>
</div>
<div class="section-item ben-icon-5 shadow-border">
<div class="section-item-head">Individualized Attention</div>
<div class="section-item-text">Our small class sizes enable personalized attention, catering to each child's unique needs.</div>
</div>
<div class="section-item ben-icon-6 shadow-border">
<div class="section-item-head">Parent Involvement</div>
<div class="section-item-text">We foster a strong parent-school partnership to ensure seamless communication and collaboration.</div>
</div>
</div>
</section>
<section class="section">
<div class="title-block">
<div class="button">Their Happy Words 🤗</div>
<div class="title">Our Testimonials</div>
<div class="subtitle">Our testimonials are heartfelt reflections of the nurturing environment we provide, where children
flourish both academically and emotionally.</div>
</div>
<div class="testimonials">
<div class="testimonials-item shadow-border">
<div class="photo photo-first"></div>
<div class="name">Jennifer B</div>
<div class="rate">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
<div class="comment">Little Learners Academy has been a second home for my child. The caring staff and engaging
programs have made her excited to go to school every day!</div>
</div>
<div class="testimonials-item shadow-border">
<div class="photo photo-second"></div>
<div class="name">David K</div>
<div class="rate">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
<div class="comment">Choosing Little Learners Academy for my daughter was the best decision. She has thrived in
their nurturing and stimulating environment.</div>
</div>
<div class="testimonials-item shadow-border">
<div class="photo photo-third"></div>
<div class="name">Emily L</div>
<div class="rate">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
<div class="comment">My son's social and academic growth has been remarkable since joining Little Learners Academy.
I am grateful for the supportive and dedicated teachers.</div>
</div>
</div>
</section>
<section class="section">
<div class="title-block">
<div class="button">Solutions For The Doubts</div>
<div class="title">Frequently Asked Questions</div>
<div class="subtitle">Find all the essential information you need in our FAQ section, designed to address the most
frequently asked questions and help you make informed decisions for your child's education.</div>
</div>
<div class="questions">
<div class="questions-col-1">
<div class="questions-item">
<input class="checkbox" id="expand-checkbox-1" type="checkbox"/>
<label for="expand-checkbox-1">What are the school hours at Little Learners Academy?</label>
<div class="answer">
<p>
Our school hours are from 8:00 AM to 3:00 PM, Monday to Friday. We also offer extended care options for
parents who need early drop-off or late pick-up.
</p>
</div>
</div>
<div class="questions-item">
<input class="checkbox" id="expand-checkbox-2" type="checkbox"/>
<label for="expand-checkbox-2">Is there a uniform policy for students?</label>
<div class="answer">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod aliquam a nemo accusantium illo, rem,
repellat dolorem unde reprehenderit et ipsam totam ex iure amet veniam, doloremque sapiente voluptates consectetur!</p>
</div>
</div>
<div class="questions-item">
<input class="checkbox" id="expand-checkbox-3" type="checkbox"/>
<label for="expand-checkbox-3">What extracurricular activities are available for students?</label>
<div class="answer">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. In, totam nisi praesentium tempora voluptates
voluptatem nihil! Dolorem ratione commodi ipsa praesentium amet eius temporibus aspernatur ab dolores maiores, enim quisquam.</p>
</div>
</div>
<div class="questions-item">
<input class="checkbox" id="expand-checkbox-4" type="checkbox"/>
<label for="expand-checkbox-4">What extracurricular activities are available for students?</label>
<div class="answer">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis quibusdam illo dicta praesentium laudantium
consequatur quia harum expedita, laboriosam magnam possimus quos soluta rem quis non cupiditate ullam debitis ad.</p>
</div>
</div>
</div>
<div class="questions-col-2">
<div class="questions-item">
<input class="checkbox" id="expand-checkbox-5" type="checkbox"/>
<label for="expand-checkbox-5">How do you handle food allergies and dietary restrictions?</label>
<div class="answer">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab reiciendis, aliquid vel maiores voluptatem aliquam molestias,
totam recusandae maxime sapiente tempora natus quas fugiat id exercitationem molestiae. Voluptates, atque ipsum!</p>
</div>
</div>
<div class="questions-item">
<input class="checkbox" id="expand-checkbox-6" type="checkbox"/>
<label for="expand-checkbox-6">What is the teacher-to-student ratio at Little Learners Academy?</label>
<div class="answer">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Assumenda repellendus provident cupiditate distinctio deserunt id
amet repudiandae, inventore, quas odit minima recusandae libero consequatur? Quam nam unde dolorem nihil eligendi.</p>
</div>
</div>
<div class="questions-item">
<input class="checkbox" id="expand-checkbox-7" type="checkbox"/>
<label for="expand-checkbox-7">How do you handle discipline and behavior management?</label>
<div class="answer">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Commodi ipsa quas voluptatem voluptatibus repellat provident animi
possimus nulla facere exercitationem quos, deleniti, id inventore quisquam, beatae facilis dolores nobis. Consequuntur.</p>
</div>
</div>
<div class="questions-item">
<input class="checkbox" id="expand-checkbox-8" type="checkbox"/>
<label for="expand-checkbox-8">How do I apply for admission to Little Learners Academy?</label>
<div class="answer">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa repellendus error quas, at autem, quae, dolorem natus nisi numquam
expedita sapiente dicta odio harum totam reprehenderit rem maiores. Temporibus, earum!</p>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="title-block">
<div class="button">Explore More</div>
<div class="title">Navigate through our Pages</div>
<div class="subtitle">Your gateway to discovering a wealth of valuable information about our kindergarten school, Feel free to explore and learn
more about the enriching experiences that await your child at our kindergarten school.</div>
</div>
<div class="explore">
<div class="explore-item shadow-border">
<div class="explore-title">About Us</div>
<div class="separator-container">
<div class="explore-separator"></div>
</div>
<div class="explore-text">Discover our Mission, Values, and our unwavering commitment to providing the best learning experience for your child.
Learn about our passionate educators and our engaging approach to early education.</div>
<a class="explore-button" href="#">
<span>Learn More</span>
<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.100097 7.49995C0.100097 7.00289 0.503041 6.59995 1.0001 6.59995L13.7656 6.59995L8.7763 1.8487C8.418 1.50418 8.40683 0.934446 8.75135 0.576151C9.09586 0.217857 9.6656 0.206686 10.0239 0.551199L16.6239 6.8512C16.8004 7.02088 16.9001 7.25513 16.9001 7.49995C16.9001 7.74476 16.8004 7.97902 16.6239 8.1487L10.0239 14.4487C9.6656 14.7932 9.09586 14.782 8.75135 14.4237C8.40683 14.0655 8.418 13.4957 8.7763 13.1512L13.7656 8.39995L1.0001 8.39995C0.503041 8.39995 0.100097 7.99701 0.100097 7.49995Z" fill="#262626" />
</svg>
</a>
</div>
<div class="explore-item shadow-border">
<div class="explore-title">Academics</div>
<div class="separator-container">
<div class="explore-separator"></div>
</div>
<div class="explore-text">Delve into our comprehensive academic programs designed to stimulate young minds, foster creativity, and encourage a
love for learning. Explore our well-rounded curriculum that nurtures both intellectual and social development.</div>
<a class="explore-button" href="#">
<span>Learn More</span>
<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.100097 7.49995C0.100097 7.00289 0.503041 6.59995 1.0001 6.59995L13.7656 6.59995L8.7763 1.8487C8.418 1.50418 8.40683 0.934446 8.75135 0.576151C9.09586 0.217857 9.6656 0.206686 10.0239 0.551199L16.6239 6.8512C16.8004 7.02088 16.9001 7.25513 16.9001 7.49995C16.9001 7.74476 16.8004 7.97902 16.6239 8.1487L10.0239 14.4487C9.6656 14.7932 9.09586 14.782 8.75135 14.4237C8.40683 14.0655 8.418 13.4957 8.7763 13.1512L13.7656 8.39995L1.0001 8.39995C0.503041 8.39995 0.100097 7.99701 0.100097 7.49995Z" fill="#262626" />
</svg>
</a>
</div>
<div class="explore-item shadow-border">
<div class="explore-title">Student Life</div>
<div class="separator-container">
<div class="explore-separator"></div>
</div>
<div class="explore-text">Peek into the vibrant and enriching world of Student Life at Little Learners Academy. Discover the array of
extracurricular activities, arts and crafts, sports, and social events that make our school experience truly memorable.</div>
<a class="explore-button" href="#">
<span>Learn More</span>
<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.100097 7.49995C0.100097 7.00289 0.503041 6.59995 1.0001 6.59995L13.7656 6.59995L8.7763 1.8487C8.418 1.50418 8.40683 0.934446 8.75135 0.576151C9.09586 0.217857 9.6656 0.206686 10.0239 0.551199L16.6239 6.8512C16.8004 7.02088 16.9001 7.25513 16.9001 7.49995C16.9001 7.74476 16.8004 7.97902 16.6239 8.1487L10.0239 14.4487C9.6656 14.7932 9.09586 14.782 8.75135 14.4237C8.40683 14.0655 8.418 13.4957 8.7763 13.1512L13.7656 8.39995L1.0001 8.39995C0.503041 8.39995 0.100097 7.99701 0.100097 7.49995Z" fill="#262626" />
</svg>
</a>
</div>
<div class="explore-item shadow-border">
<div class="explore-title">Admissions</div>
<div class="separator-container">
<div class="explore-separator"></div>
</div>
<div class="explore-text">Learn about our Enrollment Process and how to secure your
child's place at Little Learners Academy. Find information about our admission requirements, application deadlines, and available spaces.</div>
<a class="explore-button" href="#">
<span>Learn More</span>
<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.100097 7.49995C0.100097 7.00289 0.503041 6.59995 1.0001 6.59995L13.7656 6.59995L8.7763 1.8487C8.418 1.50418 8.40683 0.934446 8.75135 0.576151C9.09586 0.217857 9.6656 0.206686 10.0239 0.551199L16.6239 6.8512C16.8004 7.02088 16.9001 7.25513 16.9001 7.49995C16.9001 7.74476 16.8004 7.97902 16.6239 8.1487L10.0239 14.4487C9.6656 14.7932 9.09586 14.782 8.75135 14.4237C8.40683 14.0655 8.418 13.4957 8.7763 13.1512L13.7656 8.39995L1.0001 8.39995C0.503041 8.39995 0.100097 7.99701 0.100097 7.49995Z" fill="#262626" />
</svg>
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer shadow-border">
<div class="footer-section-1">
<div class="footer-contacts">
<div class="footer-logo-and-moto">
<div class="footer-logo">
<img src="images/footer-logo-image.svg" alt="" class="footer-logo-image">
<div class="footer-logo-text">Little Learners</div>
</div>
<div class="footer-motto">
We believe in the power of play to foster creativity, problem-solving skills, and imagination.
</div>
</div>
<div class="contacts-container">
<a href="mailto:[email protected]" class="contacts-item">
<img src="images/mailto.svg" alt="" class="contacts-icon">
<span>[email protected]</span>
</a>
<a href="tel:+9191813232309" class="contacts-item">
<img src="images/phone.svg" alt="" class="contacts-icon">
<span>+91 91813 23 2309</span>
</a>
<a href="#" class="contacts-item">
<img src="images/location.svg" alt="" class="contacts-icon">
<span>Somewhere in the World</span>
</a>
</div>
</div>
<div class="footer-navigation">
<div class="footer-nav-item home">
<div class="footer-nav-main">
<a href="./index.html">Home</a>
</div>
<ul class="footer-nav-add">
<li><a href="#">Features</a></li>
<li><a href="#">Our Testimonials</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</div>
<div class="footer-nav-item about-us">
<div class="footer-nav-main">
<a href="./about.html" target="_blank">About Us</a>
</div>
<ul class="footer-nav-add">
<li><a href="#">Our Mission</a></li>
<li><a href="#">Our Vission</a></li>
<li><a href="#">Awards and Recognitions</a></li>
<li><a href="#">History</a></li>
<li><a href="#">Teachers</a></li>
</ul>
</div>
<div class="footer-nav-item academics">
<div class="footer-nav-main">
<a href="#">Academics</a>
</div>
<ul class="footer-nav-add">
<li><a href="#">Special Features</a></li>
<li><a href="#">Gallery</a></li>
</ul>
</div>
<div class="footer-nav-item contact-us">
<div class="footer-nav-main">
<a href="./form.html" target="_blank">Contact Us</a>
</div>
<ul class="footer-nav-add">
<li><a href="#">Information</a></li>
<li><a href="#">Map & Direction</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-section-2">
<div class="policies-and-social-media">
<ul class="policies">
<li class="policies-item"><a href="#">Terms of Service</a></li>
<li class="policies-item"><a href="#">Privacy Policy</a></li>
<li class="policies-item"><a href="#">Cookie Policy</a></li>
</ul>
<div class="social-media">
<a href="#" class="social-media-item facebook"></a>
<a href="#" class="social-media-item twitter"></a>
<a href="#" class="social-media-item linkedin"></a>
</div>
</div>
<div class="copyright">Copyright © <span data-year-published="2023">[2023]</span> Little Learners Academy. All rights reserved.</div>
</div>
</footer>
</div>
<script src="https://kit.fontawesome.com/0776d0b625.js" crossorigin="anonymous"></script>
</body>
</html>