-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
207 lines (174 loc) · 14.9 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="img/favicon.png">
<title>About | University of Lagos Engineering Society</title>
<!-- Compiled Stylesheet -->
<link rel="stylesheet" type="text/css" href="sass/main.css">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;700;800;900&family=Questrial&display=swap" rel="stylesheet">
<!-- Icons -->
<script src="https://kit.fontawesome.com/16160946ec.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<nav>
<img src="img/logo.png" alt="ULES Logo">
<!-- Nav Items for Desktop -->
<ul class = "flex hide-on-mobile">
<li><a href="index.html">Home</a></li>
<li class = "active"><a href="#">About</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="news.html">Ules News</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- Toggle Menu Buttons -->
<span class="toggle-button hamburger-icon">☰</span>
<span class="toggle-button close-menu-icon">×</span>
<!-- Nav Items for Mobile -->
<ul class = "grid show-on-mobile mobile-nav-menu">
<li><a href="index.html">Home</a></li>
<li class = "active"><a href="#">About</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="news.html">Ules News</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section class="hero aboutpage-hero">
<h2>University of Lagos Engineering Society (ULES)</h2>
<h1>Our Departments</h1>
</section>
<section class="intro-section">
<h1 class="section-header">
UNILAG Engineering Learning Together
<svg>
<line x1="0" y1="0" x2="60" y2="0">
</svg>
</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident, culpa unde saepe nemo ea pariatur omnis soluta aspernatur, cupiditate assumenda atque officia consectetur suscipit. Quam necessitatibus consequatur dolorem animi praesentium. Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta omnis accusamus facere doloremque, explicabo temporibus velit iusto repellat vitae! Perspiciatis quo nulla, tempora porro nostrum iste accusamus! Autem, dolorem quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero numquam quasi a maxime illo ducimus corporis veritatis rem? Doloribus vel in provident ut aut, voluptatem iure. Accusamus dolorum et animi.</p>
</section>
<section class="flex ules-at-a-glance-and-two-depts">
<section class="column left-column ules-at-a-glance">
<h1 class="section-header">
ULES AT A GLANCE
<svg>
<line x1 = "0" y1 = "0" x2 = "60" y2 = "0"></line>
</svg>
</h1>
<ul>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi odio aliquid accusamus voluptas possimus quae hic maxime</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi odio aliquid accusamus voluptas possimus quae hic maxime</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi odio aliquid accusamus voluptas possimus quae hic maxime</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi odio aliquid accusamus voluptas possimus quae hic maxime</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi odio aliquid accusamus voluptas possimus quae hic maxime</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi odio aliquid accusamus voluptas possimus quae hic maxime</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi odio aliquid accusamus voluptas possimus quae hic maxime</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi odio aliquid accusamus voluptas possimus quae hic maxime</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi odio aliquid accusamus voluptas possimus quae hic maxime</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi odio aliquid accusamus voluptas possimus quae hic maxime</li>
</ul>
<a href="#">Read More</a>
</section>
<section class="column right-column two-depts">
<section class="dept-info">
<h1 class="section-header svg-on-the-next-line">
Nigerian Society of Chemical Engineers
<svg>
<line x1 = "0" y1 = "0" x2 = "60" y2 = "0"></line>
</svg>
</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
</section>
<section class="dept-info">
<h1 class="section-header svg-on-the-next-line">
Society of Petroleum Engineers
<svg>
<line x1 = "0" y1 = "0" x2 = "60" y2 = "0"></line>
</svg>
</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
</section>
</section>
</section>
<section class="rest-of-the-depts">
<section class="dept-info">
<h1 class="section-header svg-on-the-next-line">
Nigerian Institute of Civil Engineers' Affiliate
<svg>
<line x1 = "0" y1 = "0" x2 = "60" y2 = "0"></line>
</svg>
</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
</section>
<section class="dept-info">
<h1 class="section-header svg-on-the-next-line">
The Society of Electrical and Electronics Engineering
<svg>
<line x1 = "0" y1 = "0" x2 = "60" y2 = "0"></line>
</svg>
</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
</section>
<section class="dept-info">
<h1 class="section-header svg-on-the-next-line">
The Nigerian Institute of Mechanical Engineers
<svg>
<line x1 = "0" y1 = "0" x2 = "60" y2 = "0"></line>
</svg>
</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
</section>
<section class="dept-info">
<h1 class="section-header svg-on-the-next-line">
University of Lagos Metarllugical and Materials Engineering Society
<svg>
<line x1 = "0" y1 = "0" x2 = "60" y2 = "0"></line>
</svg>
</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
</section>
<section class="dept-info">
<h1 class="section-header svg-on-the-next-line">
Nigerian Institute of Surveying and Geoinformatics
<svg>
<line x1 = "0" y1 = "0" x2 = "60" y2 = "0"></line>
</svg>
</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
</section>
<section class="dept-info">
<h1 class="section-header svg-on-the-next-line">
Association of Systems Engineering Students
<svg>
<line x1 = "0" y1 = "0" x2 = "60" y2 = "0"></line>
</svg>
</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint sed nihil accusantium adipisci sunt tenetur beatae molestiae perspiciatis. Est deleniti ipsa consequuntur et, dicta neque quasi. Suscipit praesentium exercitationem repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minima commodi nemo autem aperiam in sapiente incidunt cumque architecto pariatur, fugiat perspiciatis delectus facilis quis quidem sint, aliquid</p>
</section>
</section>
<script src = "script.js"></script>
</body>
<footer>
<hr>
<img src="img/logo.png" alt="ULES Logo">
<div class="flex social-media-icons">
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
</footer>
</html>