-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
537 lines (495 loc) · 26.5 KB
/
index.html
File metadata and controls
537 lines (495 loc) · 26.5 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
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
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
<!DOCTYPE html>
<!--[if IE 9]><html class="ie ie9"> <![endif]-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords"
content="hawwah institute, arabic, college, women's, calicut, afzalul ulama, kerala, institution">
<meta name="description" content="HAWWAH EDUCATIONAL INSTITUTION">
<meta name="author" content="Hudaif">
<title>HAWWAH - Educational Institution</title>
<!-- Favicons-->
<link rel="shortcut icon" href="assets/icons/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" type="image/x-icon" sizes="180x180" href="assets/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/icons/android-chrome-192x192.png">
<!-- BASE CSS -->
<link href="css/base.css" rel="stylesheet">
<!-- SPECIFIC CSS -->
<link href="layerslider/css/layerslider.css" rel="stylesheet">
<link href="css/tabs.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--[if lte IE 8]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a>.</p>
<![endif]-->
<div id="preloader">
<div class="pulse"></div>
<div class="pulse-text">
<h1>In the name of Allah; The Almighty</h1>
</div>
</div> <!-- Pulse Preloader -->
<!-- Header================================================== -->
<header>
<div class="container-fluid">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-3">
<div id="logo">
<a href="index.html"><img src="assets/logo_resized.png" width="125" height="40" alt="Hawwah"
data-retina="true"></a>
</div>
</div>
<nav class="col-md-9 col-sm-9 col-xs-9">
<a class="cmn-toggle-switch cmn-toggle-switch__htx open_close" href="javascript:void(0);"><span>Menu
mobile</span></a>
<div class="main-menu">
<div id="header_menu">
<img src="assets/logo_rezised_mobile.png" width="125" height="40" alt="Atena"
data-retina="true">
</div>
<a href="#" class="open_close" id="close_in"><i class="icon_close"></i></a>
<ul>
<li><a href="index.html">Home</a></li>
<li class="submenu">
<a href="javascript:void(0);" class="show-submenu">About <i
class="icon-down-open-mini"></i></a>
<ul>
<li><a href="about.html">About us</a></li>
<li><a href="index.html#footer">Contact</a></li>
<li><a href="about.html#mission">Our Mission</a></li>
<li><a href="index.html#facilities">Facilities</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);" class="show-submenu">Academics <i
class="icon-down-open-mini"></i></a>
<ul>
<li><a href="courses.html">Course Details</a></li>
<li><a href="apply_online.html#admission">Admission</a></li>
<li><a href="courses.html#feestructure">Fee Structure</a></li>
</ul>
</li>
<li><a href="apply_online.html">Online Application Form</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div><!-- End main-menu -->
</nav>
</div>
</div><!-- container -->
</header><!-- End Header -->
<div id="full-slider-wrapper">
<div id="layerslider" style="width:100%;height:650px;">
<!-- first slide -->
<div class="ls-slide" data-ls="slidedelay: 5000; transition2d:5;">
<img src="assets/slides/slide_1.jpg" class="ls-bg" alt="Slide background">
<h3 class="ls-l slide_typo" style="top: 45%; left: 50%;"
data-ls="offsetxin:0;durationin:2000;delayin:1000;easingin:easeOutElastic;rotatexin:90;transformoriginin:50% bottom 0;offsetxout:0;rotatexout:90;transformoriginout:50% bottom 0;">
<strong>Hawwah Educational Institution</strong></h3>
<p class="ls-l slide_typo_2" style="top:52%; left:50%;"
data-ls="durationin:2000;delayin:1000;easingin:easeOutElastic;">EXPLORE YOUR PATH TO SUCCESS
</p>
<p class="ls-l" style="top:62%; left:50%;"
data-ls="durationin:2000;delayin:1300;easingin:easeOutElastic;"><a href="apply_online.html"
class="button_intro">Apply Now</a> <a href="courses.html"
class="button_intro outline">Courses</a></p>
</div>
<!-- second slide -->
<div class="ls-slide" data-ls="slidedelay: 5000; transition2d:5;">
<img src="assets/slides/slide_2.jpg" class="ls-bg" alt="Slide background">
<h3 class="ls-l slide_typo" style="top: 45%; left: 50%;"
data-ls="offsetxin:0;durationin:2000;delayin:1000;easingin:easeOutElastic;rotatexin:90;transformoriginin:50% bottom 0;offsetxout:0;rotatexout:90;transformoriginout:50% bottom 0;">
Experience <strong>World-Class</strong> learning</h3>
<p class="ls-l slide_typo_2" style="top:52%; left:50%;"
data-ls="durationin:2000;delayin:1000;easingin:easeOutElastic;">WITH EMPHASIS ON STUDIES AND
MORALITY</p>
<p class="ls-l" style="top:62%; left:50%;"
data-ls="durationin:2000;delayin:1300;easingin:easeOutElastic;"><a href="apply_online.html"
class="button_intro">Apply Now</a> <a href="courses.html"
class="button_intro outline">Courses</a></p>
</div>
<!-- third slide -->
<div class="ls-slide" data-ls="slidedelay:5000; transition2d:5;">
<img src="assets/slides/slide_3.jpg" class="ls-bg" alt="Slide background">
<h3 class="ls-l slide_typo" style="top: 45%; left: 50%;"
data-ls="offsetxin:0;durationin:2000;delayin:1000;easingin:easeOutElastic;rotatexin:90;transformoriginin:50% bottom 0;offsetxout:0;rotatexout:90;transformoriginout:50% bottom 0;">
Inculcate <strong>Islamic & Moral</strong> values</h3>
<p class="ls-l slide_typo_2" style="top:52%; left:50%;"
data-ls="durationin:2000;delayin:1000;easingin:easeOutElastic;">EXCEL IN THE HERE AND
HEREAFTER</p>
<p class="ls-l" style="top:62%; left:50%;"
data-ls="durationin:2000;delayin:1300;easingin:easeOutElastic;"><a href="apply_online.html"
class="button_intro">Apply Now</a> <a href="courses.html"
class="button_intro outline">Courses</a></p>
</div>
<!-- fourth slide -->
<div class="ls-slide" data-ls="slidedelay: 5000; transition2d:5;">
<img src="assets/slides/slide_4.jpg" class="ls-bg" alt="Slide background">
<h3 class="ls-l slide_typo" style="top: 45%; left: 50%;"
data-ls="offsetxin:0;durationin:2000;delayin:1000;easingin:easeOutElastic;rotatexin:90;transformoriginin:50% bottom 0;offsetxout:0;rotatexout:90;transformoriginout:50% bottom 0;">
Excellent <strong>Learning</strong> atmosphere</h3>
<p class="ls-l slide_typo_2" style="top:52%; left:50%;"
data-ls="durationin:2000;delayin:1000;easingin:easeOutElastic;">EQUIPPED WITH OUTSTANDING FACILITIES
</p>
<p class="ls-l" style="top:62%; left:50%;"
data-ls="durationin:2000;delayin:1300;easingin:easeOutElastic;"><a href="apply_online.html"
class="button_intro">Apply Now</a> <a href="courses.html"
class="button_intro outline">Courses</a></p>
</div>
</div>
</div><!-- End layerslider -->
<div class="container_gray_bg" id="home_feat_1">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="home_feat_1_box">
<a href="courses.html">
<img src="assets/cover_3.jpg" class="img-responsive" alt="">
<div class="short_info">
<h3>Study Programs</h3><i class="arrow_carrot-right_alt2"></i>
</div>
</a>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="home_feat_1_box">
<a href="apply_online.html">
<img src="assets/cover_1.jpg" class="img-responsive" alt="">
<div class="short_info">
<h3>Apply Now</h3><i class="arrow_carrot-right_alt2"></i>
</div>
</a>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="home_feat_1_box">
<a href="apply_online.html#admission">
<img src="assets/cover_2.jpg" class="img-responsive" alt="">
<div class="short_info">
<h3>Admission Criteria</h3><i class="arrow_carrot-right_alt2"></i>
</div>
</a>
</div>
</div>
</div><!-- End row -->
</div><!-- End container -->
</div><!-- End container_gray_bg -->
<div class="container margin_60">
<div class="main_title">
<h2>Why choose Hawwah Institute?</h2>
<p>Hawwah Institute is a destination for those students who intend to leave footprints of excellence in
their
persuasion of sublime purposes. The virtuous ambience that encompasses religious and other subject
domains distinguishes Hawwah from other institutes. Each faculty member is a mentor-cum-advisor who
assists the students in setting their goals. Hawwah college opens the doors to higher learning and
eminence. That’s why Hawwah is the best destination to dream and reinvent your future.</p>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="box_feat_home">
<i class="iconcustom-certificate"></i>
<h3>Established by Pure Hearts Educational Trust</h3>
<p>At this stage, Hawwah Institute is only a seedling of a big tree planted by Pure Hearts
Educational Trust.
The Trust intends to frame a marvellous educational complex with various disciplines of study.
The final goal is to establish an affiliated college as per the guidelines of the University.
</p>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="box_feat_home">
<i class=" iconcustom-literature"></i>
<h3>Strong Islamic and Moral Foundations</h3>
<p>Hawwah Institute aims to design the core of ethics for a future which nurtures a morally
conscious
generation. Students should excel in both the worlds; here and hereafter. With great goals in
mind, Hawwah Institute moves ahead tireless and triumphant. </p>
</div>
</div>
</div><!-- End row -->
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="box_feat_home">
<i class="pe-7s-pen"></i>
<h3>Languages and Literature</h3>
<p>The first flower of Hawwah is Arabic with Afzal-Ul-Ulama/Preliminary and BA.
In the coming years, other languages including Hindi, Sanskrit, Malayalam, Urdu, and English
will bloom on the branches of Hawwah, Insha Allah.</p>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="box_feat_home">
<i class=" iconcustom-education"></i>
<h3>Insightful Faculty Members</h3>
<p>Backed with a prominent team of faculty members well-versed in both Islamic and Academic
fields, Hawwah Institute is a place
where each faculty member is a mentor-cum-advisor who assist the students in setting their goal.
</p>
</div>
</div>
</div><!-- End row -->
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="box_feat_home">
<i class="pe-7s-map-marker"></i>
<h3>Ease of Location</h3>
<p>Hawwah Institute is situated in the outskirts of the Kozhikode City, at a distance of only 7 Kms
from the
Mananchira. Now it is in the vicinity of the proposed 40-acre Drinking water lake at Paroppady.
</p>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="box_feat_home">
<i class="iconcustom-school"></i>
<h3>Modern Facilities</h3>
<p>Equipped with a good infrastructure and an eminent faculty team, learning at Hawwah Institute can
be a
memorable experience for the students. The campus and staffs make sure that all the students
needs and necessities are fulfilled.</p>
</div>
</div>
</div><!-- End row -->
<hr class="more_margin">
<section id="facilities">
<div class="row add_bottom_60">
<div class="main_title">
<h2>Facilities Offered for the Student Community</h2>
</div>
<div class="col-md-6 col-md-offset-3">
<div id="graph">
<img src="assets/graphic.jpg" class="wow zoomIn" data-wow-delay="0.1s" alt="">
<div class="features step_1 wow flipInX" data-wow-delay="0.25s">
<h4><strong>1.</strong> Modern Education System</h4>
</div>
<div class="features step_2 wow flipInX" data-wow-delay="0.5s">
<h4><strong>2.</strong> Eminent Faculty Team</h4>
</div>
<div class="features step_3 wow flipInX" data-wow-delay="0.75s">
<h4><strong>3.</strong> Moral Education</h4>
</div>
<div class="features step_4 wow flipInX" data-wow-delay="1s">
<h4><strong>4.</strong> Campus Hostel</h4>
</div>
<div class="features step_5 wow flipInX" data-wow-delay="1.25s">
<h4><strong>5.</strong>Personality Development Training</h4>
</div>
<div class="features step_6 wow flipInX" data-wow-delay="1.5s">
<h4><strong>6.</strong> Special Training for PSC & Competitive Exams</h4>
</div>
</div>
</div>
</div><!-- End row -->
</section>
<div class="text-center"><a href="apply_online.html" class=" button_outline large">Apply Now</a>
</div>
</div><!-- End container -->
<div class="bg_content testimonials">
<div class="row">
<div class="col-md-offset-1 col-md-10">
<div class="item active">
<blockquote>
<p>
Allah will exalt in rank those of you who believe and those who have knowledge.
Allah is aware of all that you do.
</p>
</blockquote>
<small>Holy Quran, 58:11</small>
</div>
</div>
</div><!-- End row -->
</div><!-- End bg_content -->
<div class="container margin_60">
<div class="main_title">
<h2>What Hawwah Offers</h2>
<p>Various programs offered by the Institution</p>
</div>
<div id="tabs" class="tabs">
<nav>
<ul>
<li><a href="#courses" class="icon-courses"><span>Courses</span></a></li>
<li><a href="#news" class="icon-news"><span>Notification</span></a></li>
</ul>
</nav>
<div class="content">
<section id="courses">
<div class="row list_courses_tabs">
<div class="col-md-6 col-sm-6">
<h2>Higher Secondary Courses</h2>
<ul>
<li>
<div><a href="courses.html">
<figure><img src="assets/course_1_thumb.jpg" alt="" class="img-rounded">
</figure>
<h3><strong>Humanities</strong> Plus One</h3><small>View
Details</small>
</a></div>
</li>
<li>
<div><a href="courses.html#coursedetails">
<figure><img src="assets/course_2_thumb.jpg" alt="" class="img-rounded">
</figure>
<h3><strong>Commerce</strong> Plus One</h3><small>View
Details</small>
</a></div>
</li>
<li>
<div><a href="apply_online.html" class="link_normal">Apply Now</a></div>
</li>
</ul>
</div>
<div class="col-md-6 col-sm-6">
<h2>Graduate Courses</h2>
<ul>
<li>
<div><a href="courses.html#coursedetails">
<figure><img src="assets/course_3_thumb.jpg" alt="" class="img-rounded">
</figure>
<h3><strong>Afzal ul Ulama</strong> Preliminary</h3><small>View
Details</small>
</a></div>
</li>
<li>
<div><a href="courses.html#coursedetails">
<figure><img src="assets/course_4_thumb.jpg" alt="" class="img-rounded">
</figure>
<h3><strong>BA Afzal ul Ulama</strong> Degree</h3><small>View
Details</small>
</a></div>
</li>
<li>
<div><a href="courses.html" class="link_normal">View Courses</a></div>
</li>
</ul>
</div>
</div>
</section>
<section id="news">
<div class="row list_news_tabs">
<div class="col-md-4 col-sm-4" id="newstab">
<p><a href="apply_online.html"><img src="assets/admission.jpeg" alt=""
class="img-responsive"></a>
</p>
<h3><a href="apply_online.html#admission">Admission</a></h3>
<p>Admission to Afzal ul UIama courses is conducted as per the current rules of Calicut
University, and higher secondary courses are conducted as per the rules of the Board of
Examination..
</p>
<a href="apply_online.html" class="button small">Read more</a>
</div>
<div class="col-md-4 col-sm-4" id="newstab">
<p><a href="courses.html#feestructure"><img src="assets/course_2_thumb.jpg" alt=""
class="img-responsive"></a>
</p>
<h3><a href="courses.html#feestructure">Fee Structure</a></h3>
<p>View the fee structure and related details here...
</p>
<a href="courses.html#feestructure" class="button small">Read more</a>
</div>
<div class="col-md-4 col-sm-4" id="newstab">
<p><a href="about.html"><img src="assets/stage.jpeg" alt="" class="img-responsive"></a>
</p>
<h3><a href="about.html">About Hawwah Institution</a></h3>
<p>Read about Hawwah Institute </p>
</p>
<a href="about.html" class="button small">Read More</a>
</div>
</div>
<!--End row -->
</section>
</div><!-- /content -->
</div><!-- End tabs -->
</div>
<div class="bg_content magnific endline">
<div>
<h3>Hawwah Educational Institution</h3>
<p>
Explore your path to success.
</p>
</div>
</div><!-- End bg_content -->
<footer id="footer">
<div class="container">
<div class="row ">
<div class="col-md-3 col-sm-3">
<p id="logo_footer">
<img src="assets/logo_resized.png" width="250" height="80" alt="Atena" data-retina="true">
</p>
</div>
<div class="col-md-3 col-sm-3">
<h4>About</h4>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="about.html#mission">Our Mission</a></li>
<li><a href="index.html#facilities">Facilities</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-3">
<h4>Academic</h4>
<ul>
<li><a href="courses.html">Courses</a></li>
<li><a href="apply_online.html#admission">Admissions</a></li>
<li><a href="courses.html#feestructure">Fee Structure</a></li>
<li><a href="apply_online.html">Apply Online</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-3">
<h4>Contact us</h4>
<ul>
<li>HAWWAH EDUCATIONAL INSTITUTIONS
</li>
<li>Paroppadi, Malaparamba PO Calicut 9</li>
</ul>
<ul id="contacts_footer">
<li><a href="https://goo.gl/maps/VXgwaayAYbL9fHkr7">Get Location</a></li>
<li><a href="contact.html">Feedback</a></li>
<li>Phone - <a href="tel://8590 779 788">+91 8590 779 788</a></li>
<li>Email - <a href="mailto: hawwahcollege@gmail.com">hawwahcollege@gmail.com</a></li>
</ul>
</div>
</div><!-- End row -->
</div><!-- End container -->
</footer><!-- End footer -->
<div id="copy">
<div class="container" id="egg">
© Hawwah Educational Institution 2020 - All rights reserved.
</div>
</div><!-- End copy -->
<div id="snackbar">
<button id="egg-button">
Devs
</button>
</div>
<!-- Common scripts -->
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/common_scripts_min.js"></script>
<script src="js/functions.js"></script>
<script src="assets/validate.js"></script>
<!-- Specific scripts -->
<script src="layerslider/js/greensock.js"></script>
<script src="layerslider/js/layerslider.transitions.js"></script>
<script src="layerslider/js/layerslider.kreaturamedia.jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
'use strict';
$('#layerslider').layerSlider({
autoStart: true,
responsive: true,
responsiveUnder: 1280,
layersContainer: 1170,
skinsPath: 'layerslider/skins/'
// Please make sure that you didn't forget to add a comma to the line endings
// except the last line!
});
});
</script>
<script src="js/tabs.js"></script>
<script>
new CBPFWTabs(document.getElementById('tabs'));
</script>
</body>
</html>