-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
258 lines (209 loc) · 10.7 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
<!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">
<title>LASU Devs</title>
<!-- CSS FILES -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- MANIFEST FILE -->
<link rel="manifest" href="manifest.json">
<!-- Add to home screen for Safari on iOS -->
<meta name="google-site-verification" content="LQnP4DM-kNgY0MIypcf6q7BUYDG406IYyqFdsc2h0lE" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="LASU Devs">
<link rel="apple-touch-icon" href="images/icons/152.png">
<meta name="msapplication-TileImage" content="images/icons/144.png">
<meta name="msapplication-TileColor" content="#2F3BA2">
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#2F3BA2">
<!-- Open Graph data -->
<meta property="og:site_name" content="LASU Devs" />
<meta property="og:url" content="https://lasudevs.firebaseapp.com" />
<meta property="og:title" content="LASU Devs" />
<meta property="og:description" content="We are a team of compassionate developers and technology enthusiasts in Lagos State University."
/>
<meta property="og:type" content="website" />
<!-- Social sharing meta -->
<meta name="twitter:site" content="@LASUDevs" />
<meta name="twitter:url" content="https://lasudevs.firebaseapp.com" />
<meta name="twitter:title" content="LASU Devs" />
<meta name="twitter:description" content="We are a team of compassionate developers and technology enthusiasts in Lagos State University."
/>
<meta name="twitter:card" content="summary_large_image" />
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="LASU Devs - Building for the Future" />
<meta itemprop="description" content="We are a team of compassionate developers and technology enthusiasts in LASU." />
<!-- Fonts from google-->
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark fixed-top navbar--primary">
<div class="container">
<div class="navbar--brand brand">
<a href="" class="brand__logo">
<img src="images/lasudevs-logo.png" alt="LASU Devs logo">
</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-nav" aria-controls="main-nav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="main-nav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" href="https://goo.gl/forms/oDJoVanVDtlNcaFJ2">
Become a member
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="team.html">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="meetups.html">Meetups</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">Photo Gallery</a>
</li>
</ul>
</div>
</div>
</nav>
<main>
<section class="intro-div">
<div class="container text-center">
<div id="particle-js"></div>
<div id="overlay">
<h1 class="heading">
< LASU Devs />
</h1>
<p>
<span class="typing"></span>
</p>
</div>
</section>
<section id="header">
<div class="container">
<div class="row">
<div class="col-md-4">
<img class="img-responsive" src="images/group_picture.jpg" alt="LASU Devs community group picture">
</div>
<div class="col-md-8 welcome_text">
<p>
<b>LASU Devs</b> is a community created to create and develop an ecosystem that will both help,
inspire, train, support and improve young talented programmers at
<a class="no_deco" href="http://lasu.edu.ng/" target="_blank">Lagos State University</a>.
</p>
<p>
This initiative is as a result of the current trend of the world, we believe IT is needed in almost all field in the world
and the application of knowledge of IT into your field of studies would make it 'waw'.
</p>
</div>
</div>
</div>
</section>
<section id="team">
<div class="container">
<h3 class="text-center">Some of our amazing personalities</h3>
<div class="team-row row">
<div class="col-md-3">
<div class="team-card">
<img class="team-img" alt="Iyanda Taofeek" class="img-thumbnail" src="images/team/taofeek.jpg">
<div class="text-center">
<h5 class="card-text">Iyanda Taofeek</h5>
<h6>Linked Code</h6>
</div>
</div>
</div>
<div class="col-md-3">
<div class="team-card">
<img class="team-img" alt="Abdur-Rahman Haneef Lekki" class="img-thumbnail" src="images/team/haneefah.jpg">
<div class="text-center">
<h5 class="card-text">Abdur-Rahman Haneefah Lekki</h5>
<h6>Hanzzy</h6>
</div>
</div>
</div>
<div class="col-md-3">
<div class="team-card">
<img class="team-img" alt="Abdulmatin Sanni" class="img-thumbnail" src="images/team/abdulmatin.jpeg">
<div class="text-center">
<h5 class="card-text">Abdulmatin Sanni</h5>
<h6>TomJava</h6>
</div>
</div>
</div>
<div class="col-md-3">
<div class="team-card">
<img class="team-img" alt="Tairu Oluwafemi" class="img-thumbnail" src="images/team/codeblooded.jpg">
<div class="text-center">
<h5 class="card-text">Tairu Oluwafemi Emmanuel</h5>
<h6>code_blooded</h6>
</div>
</div>
</div>
</div>
<div class="row">
<a class="btn btn-lg btn-outline-primary more_persona" href="team.html">See more personalities</a>
</div>
</div>
</section>
<section id="action">
<h3>Do you want to join the community?</h3>
<a class="btn btn-lg btn-outline-primary" target="_blank" href="https://goo.gl/forms/oDJoVanVDtlNcaFJ2">
Become a member
</a>
<a class="btn btn-lg btn-outline-primary" href="meetups.html">Attend our next meetup</a>
</section>
</main>
<footer class="footer">
<div class="container text-center">
<div class="row social_row">
<div class="row">
<a href="https://github.com/LASUDevs" target="_blank">
<i class="fa fa-2x fa-github"></i>
</a>
<a href="https://twitter.com/LASUDevs" target="_blank">
<i class="fa fa-2x fa-twitter"></i>
</a>
<a href="https://www.instagram.com/lasudevelopers/" target="_blank">
<i class="fa fa-2x fa-instagram"></i>
</a>
</div>
</div>
<span>
Made with
<span class="love">♥</span> by
<a href="https://twitter.com/_emmarex_" target="_blank">code_blooded</a> and
<a href="https://twitter.com/abdulmatinsanni" target="_blank">TomJava</a>
</span>
</div>
</footer>
</body>
<script src="js/app.js" async></script>
<script src="js/jquery-slim.min.js"></script>
<script src="js/typed.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
window.onload = function (e) {
var typed = new Typed('.typing', {
strings: [
"LASU Devs ... building for the future",
"We are a team of compassionate developers and enthusiasts in LASU",
"We are LASU, We are proud."
],
typeSpeed: 30
});
};
</script>
</html>