-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
181 lines (163 loc) · 8.47 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
<title>The Institute of Education</title>
<link rel="shortcut icon" href="./img/logo.jpg" type="image/x-icon">
</head>
<body>
<header id="header">
<nav class="navbar">
<div class="navbar-container container">
<input type="checkbox">
<div class="hamburger-lines">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
<ul class="menu-items">
<li><a href="#header">Home</a></li>
<li><a href="#courses">Courses</a></li>
<li><a href="#tutors">Tutors</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#footer">Connect with us</a></li>
</ul>
<img src="./img/logo.jpg" alt="" class="logo">
</div>
</nav>
<div class="showcase">
<h2 class="text-blue">High Quality Video Tutorials</h2>
<p class="text-white">We teach every concept from scratch and make sure you understand everything well.</p>
<a href="#courses" class="btn btn-primary">Explore Courses</a>
<div class="registration">
<h3>Class 10th (Mathematics)</h3>
<p><a href="https://docs.google.com/forms/d/1M0GdrL3hyWyHBrRiuO5EoQYxcprvIMX4OY4UflVzTCo/" target="_blank">Register Now</a></p>
</div>
</div>
</header>
<section id="courses">
<div class="container">
<h1 class="heading">Our Courses</h1>
<div class="courses-wrapper">
<a href="https://www.youtube.com/watch?v=lyJh4Z3q_lg&list=PLV-GHo2QP5IiEwHJTB9Y8jiUEiGdXjrsc" class="course-link" target="_blank">
<div class="course-item">
<div class="img-wrapper">
<img src="./img/quantitative-bg.jpg" alt="">
</div>
<h1 class="text-blue">Complete Quantitative Aptitude Course in Hindi</h1>
<p class="desc text-grey">In this complete course you will learn every concepts of Quantitative Aptitude with suitable examples.</p>
<i class="fas fa-chalkboard-teacher fa-3x text-darkblue"></i>
<p class="author text-darkblue">Instructor : Kaushal Kumar Soni</p>
</div>
</a>
<a href="#" class="course-link">
<div class="course-item">
<div class="img-wrapper">
<img src="./img/reasoning-bg.jpg" alt="">
</div>
<h1 class="text-blue">Complete Reasoning Aptitude Course in Hindi(Coming Soon)</h1>
<p class="desc text-grey">In this complete course you will learn every concepts of Reasoning with suitable examples.</p>
<i class="fas fa-chalkboard-teacher fa-3x text-darkblue"></i>
<p class="author text-darkblue">Instructor : Kaushal Kumar Soni</p>
</div>
</a>
<a href="https://www.youtube.com/watch?v=w32ILSGMAC0&list=PLV-GHo2QP5IixOWQ2CX9HnY7WA_HDRaFQ" class="course-link" target="_blank">
<div class="course-item">
<div class="img-wrapper">
<img src="./img/corona.png" alt="">
</div>
<h1 class="text-blue">Complete Playlist on Corona Virus in Hindi</h1>
<p class="desc text-grey">In this complete playlist you will know all about Corona Virus, where and how it originated, what are the different precautions that must be taken in order to be safe form this virus.</p>
<i class="fas fa-chalkboard-teacher fa-3x text-darkblue"></i>
<p class="author text-darkblue">Instructor : Kaushal Kumar Soni & Manish Kumar Soni</p>
</div>
</a>
</div>
</div>
</section>
<section id="tutors">
<h2 class="tutors-title">Our Excellent Tutors</h2>
<div class="tutors-container container">
<div class="tutors-box">
<div class="tutor-details">
<div class="tutor-photo">
<img src="./img/manish.jpg" alt="">
</div>
<p class="tutor-name">Manish Kumar Soni</p>
<p>M.Sc(Physics)</p>
</div>
</div>
<div class="tutors-box">
<div class="tutor-details">
<div class="tutor-photo">
<img src="./img/kaushal.jpg" alt="">
</div>
<p class="tutor-name">Kaushal Kumar Soni</p>
<p>B.Tech(ECE)</p>
</div>
</div>
<div class="tutors-box">
<div class="tutor-details">
<div class="tutor-photo">
<img src="./img/rahul.jpg" alt="">
</div>
<p class="tutor-name">Rahul Kumar Soni</p>
<p>B.Tech(CSE)</p>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="contact-container container">
<div class="contact-image">
<img src="./img/contact.jpg" alt="">
</div>
<div class="form-container">
<h2>Contact Us</h2>
<input type="text" name="" id="" placeholder="Name">
<input type="email" name="" id="" placeholder="E-mail">
<textarea name="" id="" cols="30" rows="10" placeholder="Type Your Message Here"></textarea>
<a href="#" class="btn btn-primary">Submit</a>
</div>
</div>
</section>
<footer id="footer">
<div class="social-media-links">
<a href="https://t.me/theinstituteofeducation_official" target="_blank"><i class="fab fa-telegram fa-4x"></i></a>
<a href="https://www.facebook.com/The-Institute-of-Education-357359892081585" target="_blank"><i class="fab fa-facebook fa-4x"></i></a>
<a href="https://www.instagram.com/theinstituteofeducation.bharat/" target="_blank"><i class="fab fa-instagram fa-4x"></i></a>
<a href="https://www.linkedin.com/in/the-institute-of-education-8b9a93206" target="_blank"><i class="fab fa-linkedin fa-4x"></i></a>
<a href="https://twitter.com/the_inst_of_edu?s=09" target="_blank"><i class="fab fa-twitter fa-4x"></i></a>
</div>
<p>The Institute of Education © 2021, All Rights Reserved</p>
</footer>
<!-- ########## for smooth scrolling ########## -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
// Add smooth scrolling to all links
$("a").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
});
</script>
</body>
</html>