-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
177 lines (147 loc) · 10.5 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light bg-dark">
<a class="navbar-brand text-white" href="index.html" >E-World</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link text-white" href="about.html">About <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="newsfeed.html">News Feed</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="gallery.html">Gallery</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-white" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Categories
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="chemical.html">Chemical</a>
<a class="dropdown-item" href="computer.html">Computer</a>
<a class="dropdown-item" href="ee.html">Electrical and Electronics</a>
<a class="dropdown-item" href="mech.html">Mechanical</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">The DEAN</a>
</div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
<div class="row about-container">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 ab-subdivs">
<h2>Highlights Of the Week</h2>
<ul>
<li>Evening Sports</li>
<li>Pagentry/fashion</li>
<li>Exhibition</li>
<li>Repairs and Installations</li>
<li>Workshop and Seminars</li>
<li>Software Tech Presentation</li>
<li>Presentation of Awards</li>
</ul>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 ab-subdivs">
<h2>About The E-Week 2020</h2>
<img src="img/ab-img.jpg" alt="The Engineering Faculty">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum animi optio deserunt nemo, pariatur rerum molestiae corrupti libero iure aliquam rem officiis debitis eaque illo sint, odit eveniet numquam enim id sapiente voluptatibus laborum. Nostrum tempore temporibus inventore aliquid illo enim nobis aut cum voluptatibus hic laboriosam eum voluptatem, dolores delectus nesciunt sint velit a impedit natus aperiam consequatur similique dolor non? Pariatur rem ullam praesentium numquam culpa cupiditate voluptatem aperiam error minima! Beatae soluta, vitae sequi ullam quod illo harum? Repudiandae autem assumenda accusamus rem culpa iure maiores quas ullam deleniti eligendi asperiores vel tempora, veritatis ipsum, ratione alias odit, voluptate possimus ea aliquam voluptatibus incidunt libero vero at? Sunt error dolorem, veritatis excepturi sequi blanditiis sit possimus ut, sapiente, optio odit cumque assumenda? Culpa, vitae rem perferendis odit reprehenderit totam blanditiis iure quibusdam illum ullam asperiores ratione commodi placeat iusto voluptatibus sit consectetur vero ex inventore expedita sunt quod doloremque incidunt praesentium. Debitis quo earum tenetur provident, obcaecati vitae quidem quisquam quis excepturi tempora veritatis aspernatur? Voluptates qui provident dolore nobis quibusdam enim, cumque tenetur laborum exercitationem deserunt voluptate, quod sed. Distinctio maxime exercitationem repudiandae ullam accusantium iusto? Quam eligendi exercitationem ducimus placeat excepturi libero iure vero iste. Alias laborum provident enim quidem illo? Porro ipsam atque enim numquam reprehenderit, repellendus laboriosam voluptatibus animi vitae excepturi, nisi autem delectus? Voluptate, facere voluptatum incidunt quam vero unde harum illo, suscipit delectus corporis eos repellat atque, cumque eaque possimus reprehenderit! Quam, suscipit. Ut cupiditate omnis iure unde vel pariatur, repellat dolores asperiores praesentium beatae animi suscipit? Beatae ipsum, a qui asperiores maxime nisi incidunt iusto, est illum hic vitae nostrum quam dolorum impedit ratione doloremque! Provident nemo voluptatem non ipsa perferendis, excepturi impedit recusandae a voluptate soluta saepe optio similique. Eaque culpa accusantium fuga officia inventore quibusdam laborum, nesciunt fugit aperiam soluta et nulla asperiores molestias in facere debitis dolorem eligendi ea quam odio perferendis delectus amet natus. Est magnam expedita cupiditate unde asperiores quo optio, ullam pariatur, facere saepe veniam iure aliquid. Reprehenderit adipisci eveniet possimus ea earum cumque rerum culpa maxime vel? Incidunt ad mollitia eaque velit veritatis debitis minus asperiores ut qui ratione, sapiente culpa, labore dicta quas eum neque veniam fuga sit facilis repudiandae hic expedita! Sunt molestiae ducimus earum aspernatur modi aperiam cumque. Recusandae illo voluptate molestiae voluptas consectetur cumque libero id et veniam eligendi? Consectetur, numquam?</p>
</div>
</div>
<footer class="page-footer font-small indigo">
<div class="container">
<div class="row text-center d-flex justify-content-center pt-5 mb-3">
<div class="col-md-2 mb-3">
<h6 class="text-uppercase font-weight-bold">
<a href="about.html">About us</a>
</h6>
</div>
<div class="col-md-2 mb-3">
<h6 class="text-uppercase font-weight-bold">
<a href="newsfeed.html">News Feed</a>
</h6>
</div>
<div class="col-md-2 mb-3">
<h6 class="text-uppercase font-weight-bold">
<a href="gallery.html">Gallery</a>
</h6>
</div>
<div class="col-md-2 mb-3">
<h6 class="text-uppercase font-weight-bold">
<a href="#!">E-Mail Us</a>
</h6>
</div>
<div class="col-md-2 mb-3">
<h6 class="text-uppercase font-weight-bold">
<a href="#!">Contact</a>
</h6>
</div>
</div>
<hr class="rgba-white-light" style="margin: 0 15%;">
<div class="row d-flex text-center justify-content-center mb-md-0 mb-4">
<div class="col-md-8 col-12 mt-5">
<p style="line-height: 1.7rem">Sed ut perspiciatis unde omnis iste natus error sit voluptatem
accusantium doloremque laudantium, totam rem
aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur.</p>
</div>
</div>
<hr class="clearfix d-md-none rgba-white-light" style="margin: 10% 15% 5%;">
<div class="row pb-3">
<div class="col-md-12">
<div class="mb-5 flex-center">
<a class="fb-ic">
<i class="fab fa-facebook-f fa-lg white-text mr-4"> </i>
</a>
<a class="tw-ic">
<i class="fab fa-twitter fa-lg white-text mr-4"> </i>
</a>
<a class="gplus-ic">
<i class="fab fa-google-plus-g fa-lg white-text mr-4"> </i>
</a>
<a class="li-ic">
<i class="fab fa-linkedin-in fa-lg white-text mr-4"> </i>
</a>
<a class="ins-ic">
<i class="fab fa-instagram fa-lg white-text mr-4"> </i>
</a>
<a class="pin-ic">
<i class="fab fa-pinterest fa-lg white-text"> </i>
</a>
</div>
</div>
</div>
</div>
<div class="footer-copyright text-center py-3">© 2020 Copyright:
<a href="https://mdbootstrap.com/education/bootstrap/"> Anokwulu Stephen</a>
</div>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>