-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
427 lines (396 loc) · 20.5 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
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ganit - The Assurance</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<!-- Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- Custom CSS -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Navbar -->
<div id="pc-view" class="navbar">
<div class="logo">
<img src="logo.png" height="60px" width="130px">
</div>
<div class="menu">
<li><a >Home</a></li>
<li><a >About Us</a></li>
<li class="dropdown-services">
<a href="/">Courses</a>
<ul class="dropdown-content">
<li><a href="/">Class 1-8</a></li>
<li><a href="/">Class 9-10</a></li>
<li><a href="/">Class 11-12</a></li>
<li><a href="/">NEET</a></li>
<li><a href="/">JEE</a></li>
</ul>
</li>
<li><a href="alumni.html">Alumni</a></li>
<li><a href="faculty.html">Faculty</a></li>
<li><a >Contact Us</a></li>
</div>
</div>
<!-- Mobile Navbar Toggle Button -->
<nav id="mobile-view">
<div class="navbar">
<div class="menu-toggler">
<h2 onclick="showSidebar()"><i class="fa-solid fa-bars"></i></h2>
</div>
<div class="logo_mobile">
<img src="logo.png" height="60px" width="130px">
</div>
</div>
<ul class="sidebar">
<li id="exit" onclick="hideSidebar()"><a href="#"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></a></li>
<li><a href="index.html">Home</a></li>
<li><a href="alumni.html">Alumni</a></li>
<li><a href="faculty.html">Faculty</a></li>
</ul>
</nav>
<div class="wrapper-main">
<!-- Carousel -->
<div class="carousel-container">
<!-- Carousel Content -->
<div id="carouselExampleRide" class="carousel slide" data-bs-ride="true">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="Ad3.png" class="d-block w-100" alt="Ad 1" style="border-radius: 6px;">
</div>
<div class="carousel-item">
<img src="Ad1.jpg" class="d-block w-100" alt="Ad 2" style="border-radius: 6px;">
</div>
<div class="carousel-item">
<img src="Ad2.jpg" class="d-block w-100" alt="Ad 3" style="border-radius: 6px;">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleRide" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleRide" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<!-- Header -->
<div class="header">
<!-- Header Content -->
<div class="header-element">
<div class="content">
<h1><span>Get Better</span><br/>Education</h1>
<p>
Welcome to Ganit - The Assurance, your premier coaching institute. With experienced faculty and a personalized curriculum, we guarantee academic excellence. Join us on a journey of learning and achievement.
</p>
</div>
<div class="myvideo">
<!-- <video id="myVideo" src="video.mp4" alt="video" width="360px" height="380px" autoplay >
Your browser does not support the video tag.
</video> -->
<iframe width="460" height="315" src="https://www.youtube.com/embed/YvKFY9hfzYY?si=AIp5Yn1W6_i4miC8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</div>
<!-- Container 1 -->
<div class="container-1">
<!-- Container 1 Content -->
<div class="container-1-child">
<div class="choose-left">
<h3 style="margin-bottom: 25px;font-size: 2rem; font-weight: 700; color: rgb(0, 16, 37);">Why Students Choose Us ?</h3>
</div>
<div class="choose-right">
<div class="service-card">
<div class="card-top">
<i class="fa-solid fa-users"></i>
</div>
<div class="card-bottom">
<h2>Interactive Learning Environment</h2>
</div>
</div>
<div class="service-card">
<div class="card-top">
<i class="fa-regular fa-address-book"></i>
</div>
<div class="card-bottom">
<h2>Regular Assessments</h2>
</div>
</div>
<div class="service-card">
<div class="card-top">
<i class="fa-solid fa-layer-group"></i>
</div>
<div class="card-bottom">
<h2> Comprehensive Study Material</h2>
</div>
</div>
<div class="service-card">
<div class="card-top">
<i class="fa-solid fa-check"></i>
</div>
<div class="card-bottom">
<h2>Progress Tracking and Reporting</h2>
</div>
</div>
</div>
</div>
</div>
<!-- Short Story -->
<section id="our_story">
<!-- Short Story Content -->
<div class="our-story-img">
<img src="1.jpg" />
</div>
<div class="our-stroy-text">
<h2>Short Story About Our Institute.</h2>
<p>Meet Manoj Sir, a seasoned educator with 20+ years' experience and an M.Sc in Applied Mathematics from Calcutta University. Founder of GANiT The Assistance Institute, he specializes in mentoring students for WBJEE, JEE MAINS, and JEE ADVANCED (IIT), ensuring their success. With expertise in teaching Mathematics at the 10+2 level, Manoj Sir ensures students grasp complex concepts effortlessly. His personalized approach guides each student towards excellence, resulting in remarkable results in competitive exams. Join GANiT for academic excellence with Manoj Sir leading the way.</p>
<div class="story-numbers-container">
<div class="story-numbers-box s-n-box1">
<strong>1500+</strong>
<span>Happy Students</span>
</div>
<div class="story-numbers-box s-n-box2">
<strong>40+</strong>
<span>Expert Faculty</span>
</div>
<div class="story-numbers-box s-n-box3">
<strong>50+</strong>
<span>Courses</span>
</div>
<div class="story-numbers-box s-n-box4">
<strong>106+</strong>
<span>Placed Students</span>
</div>
</div>
</div>
</section>
<!-- Customer Section -->
<div class="customer">
<div class="customer-bg"></div>
<div class="customer-card">
<i class="fa-solid fa-rectangle-list"></i>
<h2>3000+</h2>
<h3 style="color: #ff5500;">Practice Papers</h3>
</div>
<div class="customer-card">
<i class="fa-solid fa-layer-group"></i>
<h2>1600+</h2>
<h3 style="color: #ff5500;">Mock Tests</h3>
</div>
</div>
<!-- Resources Container -->
<div class="resources-container">
<!-- Resources Content -->
<div class="resources-text">
<h2>Study Materials</h2>
<p>A diverse array of learning materials awaits to enrich and elevate your educational journey.</p>
</div>
<div class="resources-content">
<a href="#">
<div id="reource-1" class="reource">
<div class="resource-text">
<h2>Notes</h2>
<p>Discover Ganit's extensive study materials designed to break down complex concepts into easily digestible content, facilitating a deeper understanding of challenging topics.</p>
</div>
<div class="resource-image">
<img src="3.png"/>
</div>
</div>
</a>
<a href="#">
<div id="reource-2" class="reource">
<div class="resource-text">
<h2>Reference Books</h2>
<p>Our experts have created thorough study materials that break down complicated concepts into easily understandable content</p>
</div>
<div class="resource-image">
<img src="4.png"/>
</div>
</div>
</a>
</div>
</div>
<!-- Contact Us Section -->
<div class="customer">
<!-- Contact Card -->
<div id="contact" class="customer-bg"></div>
<div id="wp" class="customer-card">
<i class="fa-regular fa-address-card"></i>
<h2>Call or Whatsapp Us at</h2>
<h3 style="color: #ff5500;">(+91) 9345678954</h3>
<a href="#"><button class="contact-btn">Contact Us</button></a>
</div>
</div>
<!-- Results Section -->
<div class="results">
<!-- Results Content -->
<h2>Academic Excellence Results</h2>
<div class="students-list">
<div class="student-image">
<img src="image\1.jpg">
</div>
<div class="student-image">
<img src="image\2.jpg">
</div>
</div>
</div>
<!-- FAQ Section -->
<div class="faq-container">
<!-- FAQ Content -->
<h2>Frequently Asked Questions</h2>
<details>
<summary>How can I pay for coaching services at Ganit - The Assurance?</summary>
<p>We accept various payment methods including credit/debit cards, online payment gateways, and cash. You can choose the payment method that is most convenient for you during the checkout process.</p>
</details>
<details>
<summary>Can I cancel or reschedule my coaching session?</summary>
<p>Yes, you can cancel or reschedule your coaching session by contacting our support team or using our online appointment management system. Please make sure to notify us at least 24 hours in advance to avoid any cancellation fees.</p>
</details>
<details>
<summary>Do you offer scholarships or financial aid?</summary>
<p>Yes, we offer scholarships and financial aid to eligible students. Please check our website or contact our admissions office for more information on scholarship opportunities and application procedures.</p>
</details>
<details>
<summary>What subjects do you provide coaching for?</summary>
<p>We provide coaching for a wide range of subjects including mathematics, science, English, and more. Our experienced faculty ensures comprehensive coverage of syllabi and personalized attention to students' needs.</p>
</details>
<details>
<summary>How do I enroll for coaching classes at Ganit - The Assurance?</summary>
<p>To enroll for coaching classes, simply visit our website and fill out the enrollment form. Alternatively, you can visit our center and speak to our admissions team for assistance with the enrollment process.</p>
</details>
<details>
<summary>Is my personal information secure?</summary>
<p>Yes, we prioritize the security of your personal information. Our platform utilizes advanced encryption technology to safeguard your data and ensure confidentiality.</p>
</details>
</div>
<div class="contact-container">
<section class="contact-section">
<div class="get-in-touch">
<h2>Get UP and Join US Today!</h2>
</div>
<p>Now it'syour turn to be the strong on your own. So now contact us!</p>
<div class="form-of">
<div class="clip-art">
<img src="https://cdni.iconscout.com/illustration/premium/thumb/contact-us-5795988-4849052.png" alt="image">
</div>
<div class="action-wala">
<form action="[email protected]" method="post" enctype="text/plain">
<div class="form-group">
<i class="fa-solid fa-address-card"></i>
<label for="name">Name:</label>
<input type="text" id="name" name="name" placeholder="Enter your name" class="namee" required>
</div>
<div class="form-group">
<i class="fa-solid fa-envelope"></i>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Enter your email" class="emaill" required>
</div>
<div class="form-group">
<i class="fa-solid fa-message"></i>
<label for="message">Message:</label>
<textarea id="message" name="message" placeholder="Enter your message" class="messagee" required></textarea>
</div>
<button type="submit" class="submit-f"><i class="fa-solid fa-paper-plane"></i> Submit</button>
</form>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer>
<div id="maps-container" class="footer-container">
<iframe id="maps" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3675.71751610925!2d88.42334187420924!3d22.886891279269058!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f897513671008b%3A0x58aa867b75fb2112!2sGanit%2C%20The%20Assurance!5e0!3m2!1sen!2sin!4v1711338856262!5m2!1sen!2sin" width="600" height="350" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="footer-container">
<!--*comoany-box*-->
<div class="footer-company-box">
<!--logo-->
<a href="#" class="logo"><span>Ganit- </span>The Assurance</a>
<!--details-->
<p>Empowering minds through accessible and innovative educational solutions, Ganit - The Assurance is your trusted partner in academic excellence.</p>
<!--social-box-->
<div class="footer-social">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-youtube"></i></a>
</div>
</div>
<!--*link-box-->
<div class="footer-link-box">
<strong>Quick Links</strong>
<ul>
<li><a href="">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Services</a></li>
</ul>
</div>
<!--*link-box-->
<div class="footer-link-box">
<strong>Company</strong>
<ul>
<li><a href="#">Our Product's</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Disclaimer</a></li>
<li><a href="#">Trem's and Condition's</a></li>
</ul>
</div>
</div>
<div class="visitor">
<!-- Footer Content -->
<p>Total No of Visitors</p>
<a href='http://www.freevisitorcounters.com'>Free counter</a> <script type='text/javascript' src='https://www.freevisitorcounters.com/auth.php?id=c97430bbb78dbda1c9c5211cb19d5b7963736171'></script>
<script type="text/javascript" src="https://www.freevisitorcounters.com/en/home/counter/1163452/t/5"></script>
</div>
</footer>
<!-- JavaScript -->
<script src="script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script async data-id="3957517345" id="chatling-embed-script" type="text/javascript" src="https://chatling.ai/js/embed.js"></script>
<script>
const count1 = document.getElementsByClassName(".count");
countvisits();
function countvisits(){
fetch("")
.then((res)=>res.json())
.then((res)=>{
count1.innerHTML = res.value;
});
}
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Get the navigation links
const aboutLink = document.querySelector('.menu li:nth-child(2) a');
const contactLink = document.querySelector('.menu li:nth-child(6) a');
aboutLink.addEventListener('click', function (event) {
// Scroll to the about us section
document.querySelector('#our_story').scrollIntoView({
behavior: 'smooth'
});
// Prevent default link behavior
event.preventDefault();
});
contactLink.addEventListener('click', function (event) {
// Scroll to the contact section
document.querySelector('#contact').scrollIntoView({
behavior: 'smooth'
});
// Prevent default link behavior
event.preventDefault();
});
})
</script>
</body>
</html>