forked from roshnideyic365/Aspire_University
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (130 loc) · 5.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Aspire University</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<link rel="stylesheet" href=link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" integrity="sha384-wESLQ85D6gbsF459vf1CiZ2+rr+CsxRY0RpiF1tLlQpDnAgg6rwdsUF1+Ics2bni" crossorigin="anonymous">
<body id="top">
<header>
<!-- NAVIGATION BAR-->
<div class="topnav" id="myTopnav">
<a href="#home" class="active"><span class="logo">A</span>SPIRE</a>
<a href="#callus">ABOUT US</a>
<div class="dropdown">
<button class="dropbtn">COURSES</button>
<div class="dropdown-content">
<a href="#"></a>
<a href="#">STREAMS</a>
<a href="#">ASSESSMENT PATTERN</a>
<a href="#">FACULTY</a>
</div>
<i class="fa fa-angle-down"></i>
</div>
<a href="#library">PDF LIBRARY OF EXAMS</a>
<div class="dropdown">
<button class="dropbtn">FACILITIES</button>
<div class="dropdown-content">
<a href="#">ACTIVITIES</a>
<a href="#">AMENITIES</a>
<a href="#">NCC AND SPORTS</a>
<a href="#">HOLISTIC HEALTHCARE</a>
<a href="#">TECHNICAL CLUB</a>
</div>
<i class="fa fa-angle-down"></i>
</div>
<div class="dropdown">
<button class="dropbtn">GALLERY</button>
<div class="dropdown-content">
<a href="#">TECH FEST</a>
<a href="#">ANNUAL SPORTS</a>
<a href="#">UTOPIA</a>
<a href="#">DONATIONS</a>
</div>
<i class="fa fa-angle-down"></i>
</div>
<a href="#home" class="main">CONTACT</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
</header>
<!-- SLIDES-->
<!--INCOMPLETEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE-->
<div class="slides" id="top">
<img src="https://cdn-prodcms.jostens.com/contentAsset/image/d56f8e38-1dbf-488a-8811-2da8860b0212/fileAsset/filter/Scale,Jpeg/scale_w/576/jpeg_q/85/jpeg_p/1/d56f8e38-1dbf-488a-8811-2da8860b0212.jpg" alt="bacfacile">
</div>
<!-- WHO ARE WE-->
<div class="whoarewe">
<img class="image" src="https://collegeinfogeek.com/wp-content/uploads/2019/01/md-duran-1VqHRwxcCCw-unsplash.jpg" alt="bacfacile">
<div class="whoarewetext">
<h3>ASPIRE UNIVERSITY</h3>
<p>
Aspire University seeks to provide world class facilities and infrastructure to make students aspire for a bright career ahead. Professional faculties will aid the student with best learning experience along with detailed video lectures for better understanding and creative approach.
</p>
</div>
</div>
<!-- FEATURE-->
<ul>
<div>
<li>
<a class="box1" href="#">
<i class="fa fa-laptop fa-3x"></i>
</a>
</li>
<h4>VIDEOS FOR ALL LESSONS</h4>
<p>Huge library of HD videos of lessons, exercises and exams specially for your knowledge</p>
</div>
<div>
<li>
<a class="box2" href="#">
<i class="fa fa-book fa-3x"></i>
</a>
</li>
<h4>E-LIBRARY</h4>
<p>We provide you with a variety of e-books for in-depth understanding of the subjects for free</p>
</div>
<div>
<li>
<a class="box3" href="#">
<i class="fa fa-users fa-3x"></i>
</a>
</li>
<h4>COURSES</h4>
<p>Our courses range from undergraduate to post graduate levels with unique streams like Aerospace, Automobile and Data Science.</p>
</div>
<div><li>
<a class="box4" href="#">
<i class="fa fa-graduation-cap fa-3x"></i>
</a>
</li>
<h4>ALUMNI</h4>
<p>Listen successful stories of career development from our Aspire Alumnis and connect with them.</p>
</div>
</ul>
<!-- CONTACT-->
<div class="contact">
<div class="icon"><i class="fa fa-phone fa-3x"></i></div>
<div class="details">
<h1>CONTACT</h1>
<p>
Contact us on the e-mail below or call us for further details: 00011111
<br><br>
Email: [email protected]
</p>
</div>
</div>
<!-- FOOTER-->
<footer>
<a href="https://www.facebook.com/bacfacileCom/" target="_blank"><i class="fa fa-facebook fa-2x"></i></a>
<a href="https://twitter.com/bacfacilecom" target="_blank"><i class="fa fa-twitter fa-2x"></i></a>
<a href="https://www.instagram.com/accounts/login/" target="_blank"><i class="fa fa-instagram fa-2x"></i></a>
<a href="https://www.youtube.com/channel/UCm13TDUuCw8DMRgYh_f2Akw" target="_blank"><i class="fa fa-youtube-play fa-2x"></i></a>
</footer>
<a class="top-button" href="#top"><i class="fa fa-angle-up fa-2x"></i></a>
<script src="aspire.js"></script>
</body>
</html>