-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
346 lines (237 loc) · 9.37 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
<!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">
<title>JUNIOR PREP</title>
<link rel="shortcut icon" type="image/x-icon" href="images/logo1-small.png">
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<!-- bootstrap cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.1/css/bootstrap.min.css">
<!-- custom css file link -->
<link rel="stylesheet" href="assets/css/style1.css">
<style>
.home{
background:url(images/home13.jpg) no-repeat;
background-size: cover;
background-position: center;
}
</style>
</head>
<body>
<!-- header section starts -->
<header class="header sticky">
<div class="container">
<div class="row align-items-center justify-content-between">
<a href="#home" class="logo"><img style="width:40px;height:40px;" src="images/logo1-small.png" alt=""><span>JUNIOR PREP</span></a>
<nav class="nav">
<a href="#home">home</a>
<a href="#about">about</a>
<a href="#services">features</a>
<!--<a href="#reviews">Extra Features</a>
<a href="#contact">contact</a>-->
</nav>
<!--Replace the # below with login.php-->
<a href="#" class="link-btn">login</a>
<div id="menu-btn" class="fas fa-bars"></div>
</div>
</div>
</header>
<!-- header section ends -->
<!-- home section starts -->
<section class="home" id="home">
<div class="container">
<div class="row min-vh-100 align-items-center">
<div class="content text-center text-md-left">
<h3>let us brighten your knowledge</h3>
</p><p style="color: black;">“The most important part of education is proper training in the nursery.” — Plato.<br>
Join us today and become a member of our community. </p>
<!--Replace the # below with login.php-->
<a href="#" class="link-btn">login</a>
</div>
</div>
</div>
</section>
<!-- home section ends -->
<!-- about section starts -->
<section class="about" id="about">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 image">
<img src="images/about-us.jpg" class="w-100 mb-5 mb-md-0" alt="">
</div>
<div class="col-md-6 content">
<h1 class="heading">about us</h1>
<h3>A complete placement training module</h3>
<p>Being a trendsetter in the education industry, we have brought the best-in-class learning experience, unique academic approach with higher engagement and better acceptance. Our online tools provide multifarious features to the users, making their learning experience fun, accessible and innovative.</p>
</div>
</div>
</div>
</section>
<!-- about section ends -->
<!-- services section starts -->
<section class="services" id="services">
<h1 class="heading">features</h1>
<div class="box-container container">
<div class="box">
<img src="images/photo_2023-02-23_12-42-14-removebg-preview.png" alt="Features">
<h3>Video Lectures</h3>
<p>200+ video lectures on Verbal Ability, GK, Quantitative Aptitude and Reasoning Sections</p>
</div>
<div class="box">
<img src="images/photo_2023-02-23_12-26-19-removebg-preview.png" alt="">
<h3>Company Specific Mock Placement Tests</h3>
<p>LTests help you identify your strengths and weaknesses, complete Test Analytics</p>
</div>
<div class="box">
<img src="images/photo_2023-02-23_12-31-11-removebg-preview.png" alt="">
<h3>Sectional & Chapter Wise Tests</h3>
<p>Work on your weak topics with section/chapters tests that provide 360-degree learning</p>
</div>
<div class="box">
<img src="images/photo_2023-02-23_12-42-28-removebg-preview.png" alt="">
<h3>Prep Hubs</h3>
<p>In-depth preparation hubs that provide a combination of strategy tips and exhaustive concept articles</p>
</div>
<div class="box">
<img src="images/photo_2023-02-23_12-42-08-removebg-preview.png" alt="">
<h3>Alerts & Notification</h3>
<p>Stay up to date with our regular alerts and notifications for various institutes, tests, results, etc.</p>
</div>
<div class="box">
<img src="images/photo_2023-02-23_12-42-23-removebg-preview.png" alt="">
<h3>24x7 Support</h3>
<p>Get support for any doubts and queries at your finger tips.</p>
</div>
</div>
</section>
<!-- services section ends -->
<!-- process section starts -->
<section class="process">
<h1 class="heading">Extra Features</h1>
<div class="box-container container">
<div class="box">
<img src="images/photo_2023-02-23_14-03-57-removebg-preview.png" alt="">
<h3>Mock Interviews</h3>
<p>Check your excellency in interviews by participating in real-time mock interviews</p>
</div>
<div class="box">
<img src="images/photo_2023-02-23_14-04-07-removebg-preview.png" alt="">
<h3>Resume reviews</h3>
<p>Review your resume to check whether it's apt for interviews.</p>
</div>
<div class="box">
<img src="images/photo_2023-02-23_14-04-02-removebg-preview.png" alt="">
<h3>Rankings</h3>
<p>World-wide rankings to check your position among them.</p>
</div>
</div>
</section>
<!-- process section ends -->
<!-- reviews section starts
<section class="reviews" id="reviews">
<h1 class="heading"> satisfied candidates </h1>
<div class="box-container container">
<div class="box">
<img src="images/pic-1.png" alt="">
<p>Best Mock tests and very comprehensive analysis.Kudos Guys!</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3>Rohit</h3>
<span>satisfied candidate</span>
</div>
<div class="box">
<img src="images/pic-3.png" alt="">
<p>Video lectures really helped me in understanding the basic concepts.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3>Navadeep</h3>
<span>satisfied candidate</span>
</div>
<div class="box">
<img src="images/pic-2.png" alt="">
<p>Sectional tests and technical tests were a great help.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3>Jasmine</h3>
<span>satisfied candidate</span>
</div>
</div>
</section>-->
<!-- reviews section ends -->
<!-- contact section starts -->
<!--
<section class="contact" id="contact">
<h1 class="heading">make appointment</h1>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<?php
if(isset($message)){
foreach($message as $message){
echo '<p class="message">'.$message.'</p>';
}
}
?>
<span>your name :</span>
<input type="text" name="name" placeholder="enter your name" class="box" required>
<span>your email :</span>
<input type="email" name="email" placeholder="enter your email" class="box" required>
<span>your number :</span>
<input type="number" name="number" placeholder="enter your number" class="box" required>
<span>appointment date :</span>
<input type="datetime-local" name="date" class="box" required>
<input type="submit" value="make appointment" name="submit" class="link-btn">
</form>
</section>
<!-- contact section ends -->
<!-- footer section starts -->
<section class="footer" >
<div class="box-container container">
<div class="box">
<i class="fas fa-phone"></i>
<h3>phone number</h3>
<p>+123-456-7890</p>
<p>+111-222-3333</p>
</div>
<div class="box">
<i class="fas fa-map-marker-alt"></i>
<h3>our address</h3>
<p>Kerala, india</p>
</div>
<!--<div class="box">
<i class="fas fa-clock"></i>
<h3>opening hours</h3>
<p>00:07am to 10:00pm</p>
</div>-->
<div class="box">
<i class="fas fa-envelope"></i>
<h3>email address</h3>
<p>[email protected]</p>
<p>[email protected]</p>
</div>
</div >
<div class="credit"><a href="#home" class="logo"><img style="width:40px;height:40px;" src="images/logo1-small.png" alt=""><span>JUNIOR PREP</span></a>
@Copyright 2023
</div>
</section>
<!-- footer section ends -->
<!-- custom js file link -->
<script src="js/script.js"></script>
</body>
</html>