-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
389 lines (365 loc) · 20.9 KB
/
index.html
File metadata and controls
389 lines (365 loc) · 20.9 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="./style.css">
<link rel="icon" type="image/x-icon" href="./Img/Main Logo.jpg">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-dark text-light">
<div class="container-fluid bg-dark text-light">
<nav class="navbar navbar-light">
<div class="container d-flex justify-content-center align-content-center">
<a class="navbar-brand text-primary" href="#">
<!-- <h5>LearningPoint</h5> -->
<img src="./Img/Main Logo.jpg" alt="">
</a>
</div>
</nav>
<div class="navbar-toggler border-light btn-outline-success" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon btn-close-white"></span>
</div>
<div class="collapse navbar-collapse bg-dark text-light" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active text-light" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Video Lectures</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-light" href="#" id="navbarDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Home Work
</a>
<ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item text-light" href="#">Gujarati</a></li>
<li><a class="dropdown-item text-light" href="#">Maths</a></li>
<li><a class="dropdown-item text-light" href="#">English</a></li>
<li><a class="dropdown-item text-light" href="#">Science</a></li>
<li><a class="dropdown-item text-light" href="#">Social Science</a></li>
<li><a class="dropdown-item text-light" href="#">Sanskrit</a></li>
<!-- <li>
<hr class="dropdown-divider">
</li> -->
</ul>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="./Aboutus.html" aria-disabled="false">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="./contactus.html" aria-disabled="false">Contact Us</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!-- Carousel Section -->
<!-- <div class="container-fluid"> -->
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./Img/carousel(1).jpg" class="d-block w-100" alt="..." style="width: 100%; height: 60vh;">
<div class="carousel-caption d-none d-md-block">
<h5>Introduction</h5>
<p>Welcome to India's Best Online Eduaction site</p>
</div>
</div>
<div class="carousel-item">
<img src="./Img/sunset-gb1c7218a1_1920.jpg" class="d-block w-100" alt="..."
style="width: 100%; height: 60vh;">
<div class="carousel-caption d-none d-md-block">
<h5>Features</h5>
<p>All Type of Study Material Are Provided In Free of Cost. Any Type of Query in Study Will be
solved by the professionals in video conferencing</p>
</div>
</div>
<div class="carousel-item">
<img src="./Img/carousel(3).jpg" class="d-block w-100" alt="..." style="width: 100%; height: 60vh;">
<div class="carousel-caption d-none d-md-block">
<h5>Just Fly In The Sky</h5>
<p>Join Our Free Classes And Fly in The Sky Without Any Competetor</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
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="#carouselExampleCaptions"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<hr>
<!--The main content-->
<div class="container-fluid row row-cols-1 row-cols-md-2 g-5 gx-2 ">
<div class="card mt-5" style="width: 19rem;">
<img src="./Img/math-g1b5261605_1920.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">SUB: Mathematics</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
<a href="#" class="btn btn-primary mt-4">Learn Now</a>
</div>
</div>
<div class="card mt-5" style="width: 19rem;">
<img src="./Img/chemistry-g65c066132_1280.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">SUB: Science & Technology</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
<a href="#" class="btn btn-primary">Learn Now</a>
</div>
</div>
<div class="card mt-5" style="width: 19rem;">
<img src="./Img/english-g7b5132a0b_1280.png" class="card-img-top" alt="..." style="height: 48%;">
<div class="card-body">
<h5 class="card-title">SUB: English</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
<a href="#" class="btn btn-primary mt-4">Learn Now</a>
</div>
</div>
<div class="card mt-5" style="width: 19rem;">
<img src="./Img/Gujarati.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">SUB: Gujarati</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
<a href="#" class="btn btn-primary mt-4">Learn Now</a>
</div>
</div>
<div class="card" style="width: 19rem;">
<img src="./Img/sanskrit logo.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">SUB: Sanskrit</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
<a href="#" class="btn btn-primary">Learn Now</a>
</div>
</div>
<div class="card" style="width: 19rem;">
<img src="./Img/social science.jpeg" class="card-img-top" alt="..." style="height: 50%;">
<div class="card-body">
<h5 class="card-title">SUB: Social Science</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
<a href="#" class="btn btn-primary">Learn Now</a>
</div>
</div>
<div class="card" style="width: 19rem;">
<img src="./Img/monitor-g877b6c7dc_1280.jpg" class="card-img-top" alt="..." style="height: 45%;">
<div class="card-body">
<h5 class="card-title">SUB: Programming Languages</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
<a href="#" class="btn btn-primary">Learn Now</a>
</div>
</div>
<div class="card" style="width: 19rem;">
<img src="./Img/deer-g6c36355e4_1280.jpg" class="card-img-top" alt="..." style="height: 50%;">
<div class="card-body">
<h5 class="card-title">SUB: Art & Craft</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
<a href="#" class="btn btn-primary">Learn Now</a>
</div>
</div>
</div>
<hr>
<!-- Join Us -->
<div class="container-fluid bg-info h-75 p-4">
<h3>Why Are You Waiting</h3>
<h1><span class="badge bg-success">Join Us Now !</span></h1>
<form class="container mt-4 needs-validation" method="post" action="./mysite.php">
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">Enter Your Name</span>
<input type="text" class="form-control" placeholder="Your Name..........Father's Name..........Surname"
name="uname" aria-describedby="basic-addon1" id="validationCustom01" required>
</div>
<div class="input-group mb-3">
<span class="input-group-text " id="basic-addon2">Enter Your Email</span>
<input type="text" class="form-control" placeholder="example@gmail.com"
name="umail" aria-describedby="basic-addon2" id="validationCustomUsername"
aria-describedby="inputGroupPrepend" required>
</div>
<div class="input-group mb-3">
<span class="input-group-text " id="basic-addon2">Enter Your Mobile NO</span>
<input type="text" class="form-control" name="umobile" placeholder="Only 10 Digits "
aria-describedby="basic-addon2" required>
</div>
<div class="input-group mb-3">
<span class="input-group-text " id="basic-addon2">Enter Your Address</span>
<input type="text" class="form-control" name="uaddress"
placeholder="Ex. B-14/1 ABC Society, Near XYZ, DEF City, JKL State- 382330 (Pincode)"
aria-describedby="basic-addon2" required>
</div>
<div class="input-group">
<span class="input-group-text">About Studies</span>
<textarea class="form-control" name="uabout"></textarea>
</div>
<div class="col-12 mt-3">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="invalidCheck" required>
<label class="form-check-label te" for="invalidCheck">
*Terms & Conditions are Applied
</label>
<div class="invalid-feedback">
You must agree before submitting.
</div>
</div>
</div>
<div class="container mt-3">
<button class="btn btn-success" type="submit">Submit form</button>
</div>
</form>
</div>
<hr>
<!-- About US -->
<div class="container-fluid p-4 ">
<h3>Know More</h3>
<h1><span class="badge bg-success">About Us !</span></h1>
</div>
<div class="container">
<nav id="navbar-example" class="navbar navbar-light bg-warning px-3">
<a class="navbar-brand fs-3 fw-bold text-dark " href="#">About KnowBase</a>
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link text-dark" href="#scrollspyHeading1">What is KnowBase</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="#scrollspyHeading2">Why To Join Us ?</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark bg-warning" href="#scrollspyHeading3">Features Of KnowBase</a>
</li>
</ul>
</nav>
<div data-bs-spy="scroll" data-bs-target="#navbar-example" data-bs-offset="0" class="scrollspy-example "
tabindex="0">
<h4 id="scrollspyHeading1" class="text-success mt-3">What Is Our Main Motive & About ?</h4>
<p>Walcome To The <span class="text-success">@KnowBase-Basic Knowledge</span> Website where Your child
Can Learn Basic things for his/her Brighter Future . Here we will Teach All type of Subject Which
Will help him/her to improve his Knowledge so he/she can know more about their capabilities &
carrier. Thank You for Joining Us.</p>
<h4 id="scrollspyHeading2"><span class="text-success">Why To Join Us?</span></h4>
<p><i class="fa-solid fa-share"></i> The resources offered to you for learning online will depend on the
institution where you take your
online program. Some online learning programs may require you to order physical textbooks in advance
by
in the mail, but these are generally being phased out in favor of eBooks and online-only methods of
delivery. </p>
<p><i class="fa-solid fa-share"></i> For those institutions that have made the transition to using 100%
online resources, students can expect
to study using a combination of cutting-edge technological resources with no need to travel to
attend
lectures, exams or in-person discussion sessions!</p>
<p><i class="fa-solid fa-share"></i> Taking an online learning program, you'll be an officially
registered student at your institution and
have access to the same resources as an on-campus student, like your institution's digital library,
learning management system (like Blackboard), student union membership and more! An online degree is
similar to taking a degree program on campus, but you have the freedom to direct your own study
schedule.</p>
<p><i class="fa-solid fa-share"></i> Your school and your course instructor will determine the format
for each individual course and will
select delivery methods that are best suited to your course or program. What a Biology major needs
to
learn successfully online will differ from what an Art History major needs! </p>
<h4 id="scrollspyHeading3"><span class="text-success">Features Of Us</span></h4>
<h4>eBooks, textbooks & journals</h4>
<p><i class="fa-solid fa-share"></i> These written materials are essential resources in almost every course
you'll take when learning online.</p>
<p><i class="fa-solid fa-share"></i> Using the reading list for each course, or on the advice of your course
instructor, you'll need to dedicate
the amount of time you need to reading and understanding the topics in the literature. The main
advantage of
using this medium (particularly eBooks) is the fact that they are completely portable, allowing you to
study
on the go from your computer, phone or tablet.</p>
<h4>Recorded lectures</h4>
<p><i class="fa-solid fa-share"></i> An essential way of absorbing a large amount of information in a
relatively short amount of time, lectures
are a staple of online and campus-based learning. With online learning, you can attend lectures from
your
bedroom! </p>
<h4>Interactive sessions</h4>
<p><i class="fa-solid fa-share"></i> The greatest challenge an online education provider faces is how to
replicate the face-to-face interaction
and in-person discussions that on-campus institutions can easily provide.</p>
<p><i class="fa-solid fa-share"></i> The solution? Online degree programs often use a combination of
discussion forums and interactive
question-and-answer sessions to give you the interaction with other students and instructors you need.
</p>
</div>
</div>
<div class="Footer container-fluid mt-5">
<p>This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.</p>
<p>copyright@sherepvt.ltd</p>
</div>
<!-- Js and bootstrap link with html -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
crossorigin="anonymous"></script>
<script>var myCarousel = document.querySelector('#myCarousel')
var carousel = new bootstrap.Carousel(myCarousel, {
interval: 1000,
wrap: false,
pause: false
})
var scrollSpy = new bootstrap.ScrollSpy(document.body, {
target: '#navbar-example'
})
var dataSpyList = [].slice.call(document.querySelectorAll('[data-bs-spy="scroll"]'))
dataSpyList.forEach(function (dataSpyEl) {
bootstrap.ScrollSpy.getInstance(dataSpyEl)
.refresh()
})
var firstScrollSpyEl = document.querySelector('[data-bs-spy="scroll"]')
firstScrollSpyEl.addEventListener('activate.bs.scrollspy', function () {
// do something...
})
var scrollSpyContentEl = document.getElementById('content')
var scrollSpy = bootstrap.ScrollSpy.getOrCreateInstance(scrollSpyContentEl) // Returns a Bootstrap scrollspy instance
var dataSpyList = [].slice.call(document.querySelectorAll('[data-bs-spy="scroll"]'))
dataSpyList.forEach(function (dataSpyEl) {
bootstrap.ScrollSpy.getInstance(dataSpyEl)
.refresh()
})
</script>
</body>
</html>