-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
389 lines (372 loc) · 16.7 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
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" type="png" href="images/icon/favicon.png">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>refdocs.io</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- Navigation Bar -->
<header id="header">
<nav>
<div class="logo"><img src="images/icon/logo.png" alt="logo"></div>
<ul>
<li><a class="active" href="">Home</a></li>
<li><a href="#portfolio_section">Portfolio</a></li>
<li><a href="#team_section">Team</a></li>
<li><a href="#services_section">Services</a></li>
<li><a href="aboutus/about_web.html">About Us</a></li>
<li><a href="contactus/contactus.html">Contact Us</a></li>
<li><a href="gallery/gallery.html">Gallery</a></li>
</ul>
<div class="srch" ><a href="search/search.html"><button class="btn55" >SEARCH</button></a></div>
<a class="get-started" href="login.html">Get Started</a>
<img src="images/icon/menu.png" class="menu" onclick="sideMenu(0)"
alt="menu">
</nav>
<div class="head-container">
<div class="quote">
<p>The beautiful thing about learning is that nobody can take it away from
you</p>
<h5>Education is the process of facilitating learning, or the acquisition
of knowledge, skills, values, beliefs, and habits. Educational methods
include teaching, training, storytelling, discussion and directed
research!</h5>
</div>
<div class="svg-image">
<img src="images/extra/svg1.jpg" alt="svg">
</div>
</div>
<div class="side-menu" id="side-menu" style="visibility: hidden;">
<div class="close" onclick="sideMenu(1)"><img src="images/icon/close.png"
alt=""></div>
<div class="user">
</div>
<ul>
<li><a class="active" href="" onclick="sideMenu(1)">Home</a></li>
<li><a href="#portfolio_section" onclick="sideMenu(1)">Portfolio</a></li>
<li><a href="#team_section" onclick="sideMenu(1)">Team</a></li>
<li><a href="#services_section" onclick="sideMenu(1)">Services</a></li>
<li><a href="aboutus/about_web.html" onclick="sideMenu(1)">About Us</a></li>
<li><a href="contactus/contactus.html" onclick="sideMenu(1)">Contact Us</a></li>
<li><a href="gallery/gallery.html" onclick="sideMenu(1)">Gallery</a></li>
</ul>
</div>
</header>
<!-- Some Popular Subjects -->
<div class="title">
<center><span>Popular Subjects on refdocs.io</span></center>
</div>
<br><br>
<div class="cour">
<div class="cbox">
<div class="det"><a href="subjects/computer_courses.html"><img
src="images/courses/computer.png">Computer Courses</a></div>
<div class="det det-last"><a href="login.html"><img
src="images/courses/projects.png">Machine Learning</a></div>
</div>
</div>
<!-- ABOUT -->
<div class="diffSection" id="about_section">
<center><p style="font-size: 50px; padding: 150px">About</p></center>
<div class="about-content">
<div class="side-image">
<img class="sideImage" src="images/extra/e3.jpg">
</div>
<div class="side-text">
<h2>What you think about us ?</h2>
<p>Education is the process of facilitating learning, or the acquisition of
knowledge, skills, values, beliefs, and habits. Educational methods
include teaching, training, storytelling, discussion and directed
research.<br> Educational website can include websites that have games,
videos or topic related resources that act as tools to enhance learning
and supplement classroom teaching. These websites help make the process of
learning entertaining and attractive to the student, especially in today's
age. <br>Using HTML(HyperText Markup Language), CSS(Cascading Style
Sheet), JavaScript, we can make learning more easier and in a interesting
way.</p>
</div>
</div>
</div>
<!-- PORTFOLIO -->
<div class="diffSection" id="portfolio_section">
<center><p style="font-size: 50px; padding: 150px; padding-bottom: 40px;">Portfolio</p></center>
<!-- <div class="content">
<p>
“Education is the passport to the future, for tomorrow belongs to those who
prepare for it today.” “Your attitude, not your aptitude, will determine
your altitude.” “If you think education is expensive, try ignorance.” “The
only person who is educated is the one who has learned how to learn …and
change.”
</p>
</div> -->
</div>
<div class="extra">
<p>We're increasing this data every year</p>
<div class="smbox">
<span><center><div class="data">154</div><div class="det">Enrolled Students</div></center></span>
<span><center><div class="data">62</div><div class="det">Total Courses</div></center></span>
<span><center><div class="data">56</div><div class="det">Placed Students</div></center></span>
<span><center><div class="data">27</div><div class="det">Total Projects</div></center></span>
</div>
</div>
<!-- TEAM -->
<div class="diffSection" id="team_section">
<center><p style="font-size: 50px; padding-top: 150px; padding-bottom:
60px;">We're the Creators</p></center>
<div class="totalcard">
<div class="card">
<center><img src="images/creator/PKJ.jpeg"></center>
<center><div class="card-title">Praveen Kumar Jaiswal</div>
<div id="detail">
<p>“ You can teach a student a lesson for a day; but if you can teach him
to learn by creating curiosity, he will continue the learning process as
long as he lives “</p>
<div class="duty"></div>
<a href="https://www.linkedin.com/in/praveen-jaiswal-atlabinc/"
target="_blank"><button class="btn-praveen">Follow +</button></a>
</div>
</center>
</div>
<div class="card">
<center><img src="images/creator/dev1.jpeg"></center>
<center><div class="card-title">Dev Chandna</div>
<div id="detail">
<p>“ Real education should consist of drawing the goodness and the best
out of our own students. What better books can there be than the book of
humanity “</p>
<div class="duty"></div>
<a href="https://www.linkedin.com/"
target="_blank"><button class="btn-dev">Follow +</button></a>
</div>
</center>
</div>
<div class="card">
<center><img src="images/creator/ak1.jpg"></center>
<center><div class="card-title">N Karthik Akshaj</div>
<div id="detail">
<p>“ The beautiful thing about learning is that no one can take it away
from you.The only real failure in life is one not learned from “</p>
<div class="duty"></div>
<a href="https://www.linkedin.com/"
target="_blank"><button class="btn-akshaj">Follow +</button></a>
</div>
</center>
</div><div class="card">
<center><img src="images/creator/N.jpeg"></center>
<center><div class="card-title">Nimesh Dutt</div>
<div id="detail">
<p>“ Learning never exhausts the mind.Education is what survives when
what has been learned has been forgotten. “</p>
<div class="duty"></div>
<a href="https://www.linkedin.com/"
target="_blank"><button class="btn-nimesh">Follow +</button></a>
</div>
</center>
</div><div class="card">
<center><img src="images/creator/KS.jpeg"></center>
<center><div class="card-title">Krishna Sumit</div>
<div id="detail">
<p>“ All of the top achievers I know are life-long learners. Looking for
new skills, insights, and ideas. If they’re not learning, they’re not
growing and not moving toward excellence. “</p>
<div class="duty"></div>
<a href="https://www.linkedin.com/"
target="_blank"><button class="btn-krishna">Follow +</button></a>
</div>
</center>
</div><div class="card">
<center><img src="images/creator/M.jpeg"></center>
<center><div class="card-title">Manish Rawat</div>
<div id="detail">
<p>“ Education is the best friend. An educated person is respected
everywhere. Education beats the beauty and the youth.Learning is never
done without errors and defeat. “</p>
<div class="duty"></div>
<a href="https://www.linkedin.com/"
target="_blank"><button class="btn-manish">Follow +</button></a>
</div>
</center>
</div>
</div>
</div>
<!-- SERVICES -->
<div class="service-swipe">
<div class="diffSection" id="services_section">
<center><p style="font-size: 50px; padding: 150px; padding-bottom: 40px;
color: #fff;">Services</p></center>
</div>
<a href="subjects/computer_courses.html"><div class="s-card"><img src="images/icon/online-tutorials.png"><p>Online
Video Lectures (HTML and CSS)</p></div></a>
<a href="subjects/computer_courses.html"><div class="s-card"><img src="images/icon/online-tutorials.png"><p>Online
Video Lectures (Java Script)</p></div></a>
<a href="subjects/computer_courses.html"><div class="s-card"><img src="images/icon/online-tutorials.png"><p>Online
Video Lectures (Bootstrap)</p></div></a>
<a href="subjects/computer_courses.html"><div class="s-card"><img
src="images/icon/computer-courses.png"><p>Free Online Computer Courses</p></div></a>
<a href="#"><div class="s-card"><img src="images/icon/p3.png"><p>Performance
and Ranking Report</p></div></a>
<a href="#contactus_section"><div class="s-card"><img
src="images/icon/discussion.png"><p>Discussion with Our Tutors & Mentors</p></div></a>
<a href="#contactus_section"><div class="s-card"><img
src="images/icon/help.png"><p>24x7 Online Support</p></div></a>
</div>
<!-- Reviews by Students -->
<!-- <div id="makeitfull">
<a href="#review_section"><img src="images/icon/makeitfull.png"></a>
</div> -->
<div class="review">
<div class="diffSection" id="review_section">
<center><p style="font-size: 40px; padding: 150px; padding-bottom: 40px;
color: #2E3D49;">What the Students Say About Us?</p></center>
</div>
<div class="rev-container">
<div class="rev-card">
<div class="identity">
<img src="images/creator/humanNotExist1.jpg"><p>Mohit Raghav</p>
<h6>Java</h6>
<div class="rating"><img src="images/icon/star.png"><img
src="images/icon/star.png"><img src="images/icon/star.png"><img
src="images/icon/star.png"><img src="images/icon/star.png"></div>
</div>
<div class="rev-cont">
<p id="title">Review:</p>
<p id="content">
I did Java Fundamental course with Rishab Sir. It was a great experience.
The brain teasers and assignments, actually the whole lot of content was
really good. Some problems were challenging yet interesting. Was
explained very well where ever I stuck...
</p>
</div>
</div>
<div class="rev-card">
<div class="identity">
<img src="images/creator/humanNotExist2.jpg"><p>Harshit Chordiya</p>
<h6>C/C++</h6>
<div class="rating"><img src="images/icon/star.png"><img
src="images/icon/star.png"><img src="images/icon/star.png"><img
src="images/icon/star.png"><img src="images/icon/star.png"></div>
</div>
<div class="rev-cont">
<p id="title">Review:</p>
<p id="content">
When I was watching "Dear Zindagi", I could relate Sharukh Khan to Arnav
Bhaiya. The way Sharukh Khan was giving life lessons to Alia Bhatt, in
the same way Arnav Bhaiya will give coding life lessons which will guide
you throughout your code life...
</p>
</div>
</div>
<div class="rev-card">
<div class="identity">
<img src="images/creator/humanNotExist3.jpg"><p>Prashant Shaw</p>
<h6>Javascript</h6>
<div class="rating"><img src="images/icon/star.png"><img
src="images/icon/star.png"><img src="images/icon/star.png"><img
src="images/icon/star.png"><img src="images/icon/star.png"></div>
</div>
<div class="rev-cont">
<p id="title">Review:</p>
<p id="content">
refdocs.io was an amazing experience for me. I belong to electronics
department and had a little experience in coding but I think it has
helped me think things through in a much more analytical manner. Coding
is important no matter which branch you are in. It gives you a better
understanding about how to approach a problem...
</p>
</div>
</div>
<div class="rev-card">
<div class="identity">
<img src="images/creator/humanNotExist4.jpg"><p>Monark Jain</p>
<h6>Python</h6>
<div class="rating"><img src="images/icon/star.png"><img
src="images/icon/star.png"><img src="images/icon/star.png"><img
src="images/icon/star.png"><img src="images/icon/star.png"></div>
</div>
<div class="rev-cont">
<p id="title">Review:</p>
<p id="content">
This was my first complete course at coding blocks. I attended the Python
course in Winter 2020 and loved it which made me join the full course.
Shubham bhaiya and Ayush Bhaiya(TA) have good knowledge about the field
and were very helpful in making us understand the concepts. I would
certainly recommend this to anyone...
</p>
</div>
</div>
</div>
</div>
<!-- CONTACT US -->
<div class="diffSection" id="contactus_section">
<center><p style="font-size: 50px; padding: 100px">Contact Us</p></center>
<div class="csec"></div>
<div class="back-contact">
<div class="cc">
<form action="mailto:[email protected]" method="post"
enctype="text/plain">
<label>First Name <span class="imp">*</span></label><label
style="margin-left: 185px">Last Name <span class="imp">*</span></label><br>
<center>
<input type="text" name="" style="margin-right: 10px; width: 175px"
required="required"><input type="text" name="lname" style="width: 175px"
required="required"><br>
</center>
<label>Email <span class="imp">*</span></label><br>
<input type="email" name="mail" style="width: 100%" required="required"><br>
<label>Message <span class="imp">*</span></label><br>
<input type="text" name="message" style="width: 100%" required="required"><br>
<label>Additional Details</label><br>
<textarea name="additional"></textarea><br>
<button type="submit" id="csubmit">Send Message</button>
</form>
</div>
</div>
</div>
<!-- Sliding Information -->
<marquee style="background: linear-gradient(to right, #FA4B37, #DF2771);
margin-top: 50px;" direction="left" onmouseover="this.stop()"
onmouseout="this.start()" scrollamount="10"><div class="marqu">“Education is
the passport to the future, for tomorrow belongs to those who prepare for it
today.” “Your attitude, not your aptitude, will determine your altitude.”
“If you think education is expensive, try ignorance.” “The only person who
is educated is the one who has learned how to learn …and change.”</div></marquee>
<!-- FOOTER -->
<footer>
<div class="footer-container">
<div class="left-col">
<img src="images/icon/logo - Copy.png" style="width: 200px;">
<div class="logo"></div>
<div class="social-media">
<a href="#"><img src="images/icon\fb.png"></a>
<a href="#"><img src="images/icon\insta.png"></a>
<a href="#"><img src="images/icon\tt.png"></a>
<a href="#"><img src="images/icon\ytube.png"></a>
<a href="#"><img src="images/icon\linkedin.png"></a>
</div><br><br>
<p class="rights-text">Copyright © 2023 Created By Team KAMP IV , <br>
All Rights Reserved.</p>
<br><p><img src="images/icon/location.png"> Indian Institute Of Information
Technology , Lucknow <br>Ahmamau,Lucknow - 226002</p><br>
<p><img src="images/icon/phone.png"> +91-1234-567-890<br><img
src="images/icon/mail.png"> [email protected]</p>
</div>
<div class="right-col">
<h1 style="color: #fff">Our Newsletter</h1>
<div class="border"></div><br>
<p>Enter Your Email to get our News and updates.</p>
<form class="newsletter-form">
<input class="txtb" type="email" placeholder="Enter Your Email">
<input class="btn" type="submit" value="Submit">
</form>
</div>
</div>
</footer>
<script type="text/javascript" src="script.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
</body>
</html>