forked from cofitiggs/Taylor-McNeil.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
410 lines (312 loc) · 26 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name = "viewport" content="width=device-width, initial-scale=1">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- Social Media Icons-->
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<link href="https://fonts.googleapis.com/css?family=Crimson+Text|Unica+One" rel="stylesheet">
<title>PantherHackers</title>
</head>
<body>
<header>
<!-- The Nav Bar-->
<nav class="navbar navbar-expand-md fixed-top">
<a class="navbar-brand " style="color: white" href="about.html">PantherHackers</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon">
<i class="fa fa-navicon"style="color: white" ></i></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ml-auto text">
<li class="nav-item">
<a class="nav-link" href="events.html">Events</a>
</li>
<!-- Drop down portion of the nav bar-->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Interest Groups
</a>
<div class="inner">
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="ios.html">IOS Development</a>
<a class="dropdown-item" href="pantheress.html">Pantheress</a>
<a class="dropdown-item" href="robotics.html">Robotics</a>
<a class="dropdown-item" href="cybersecurity.html">CyberSecurity</a>
<a class="dropdown-item" href="ctci.html">CTCI</a>
<a class="dropdown-item" href="https://ecodrop.tech/">Ecodrop</a>
</div>
</div>
</li>
<!--
<li class="nav-item">
<a class="nav-link" href="resources.html">Resources</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="#" data-toggle="modal" data-target="#ContactUsModal">Contact</a>
</li>
</ul>
</div>
</nav>
<!-- Modals for Nav Bar (Contact)-->
<div class="modal fade " tabindex="-1" role="dialog" id=ContactUsModal>
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title">Want to Chat?</h1>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Our pages are still under construction. If you need to chat, hit us up on our socials or email us: [email protected]</p>
</div>
<div class="modal-footer justify-content-between">
<a href="https://twitter.com/pantherhackers?lang=en" class="fa fa-twitter fa-2x "></a>
<a href="https://join.slack.com/t/pantherhackers/shared_invite/enQtNTgzMzU2MDI2MzczLTFhZjgxNWY5MTI2NWYzMTVmOTJiMTBlODIxNWJmODdiOWY1NTBhYWQwZmFiMWE0NWRlZDEyMDM2MmEwYzQwOTQ" class="fa fa-slack fa-2x"></a>
<a href="https://www.instagram.com/pantherhackers/" class="fa fa-instagram fa-2x"></a>
<a href ="https://www.linkedin.com/company/12177373" class="fa fa-linkedin fa-2x"></a>
<a href="https://www.facebook.com/PantherHackers/" class="fa fa-facebook fa-2x"></a>
</div>
</div>
</div>
</div>
</header>
<div class="container-fluid" id="header_container">
<div class="container-fluid">
<div class="row row align-items-center text-center" id="UpperPortion">
<div class="col-lg-7">
<img src="images/PH-Hero.PNG" class="img-fluid">
</div>
<div class="col-lg-5 d-flex ">
<div class="container">
<br class="d-none d-lg-block">
<br class="d-none d-lg-block">
<div class ="row right ">
<div class="col-lg-12 animated lightSpeedIn delay-1s">
<h1>Welcome</h1>
<hr>
<p>
We are PantherHackers, a student-lead technology club at Georgia State University. We provide a technological playground for students interested in technology and innovation. We host a variety of events, workshops, hackathons, and weekly interest group meetings. PantherHackers is committed to advancing student learning and promoting inter-club unity at Georgia State.
</p>
<p>
This semester PantherHackers is focusing on: Robotics, CyberSecurity, Women in Technology, Coding Interview Prep, IOS Development, Ecologocial Startups, and planning our Hackathon.
</p>
</div>
</div>
<br>
<br>
<div class ="row right">
<div class="col-lg-12 animated lightSpeedIn delay-1s">
<h1 class="PantherHackersTitle">Under Construction</h1>
<hr>
<p> Thanks for checking us out! School is just starting and we are still ironing out dates and times for events and meetings. Information about the CETL hardware grant will be rolling out soon. Keep checking back for more information.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
</div>
</div>
<br>
<div class="container-fluid" id="background_about_us_container">
<div class="container" id="about_us_container">
<div class="row">
<div class="col-md-12">
<h1 class="text-center">Our History</h1>
<hr>
</div>
</div>
<div class="row row align-items-center">
<div class="col-md-6 second">
<br>
<p>
PantherHackers started at a Mircosoft hackathon held in July 2015. Several Georgia State students were invited to this hackathon. The original founders came together to form and team and compete; while they did not win, they decided to try to bring that hackathon experience back to Georgia State. After realizing that nothing like that experience existed, the original founders decided to create a formal club to try and address the gap. During the first year, PantherHackers focused on reaching out to more students and participating in other hackathons around the region. PantherHackers began to make a name for themselves when they began winning hackathons. In 2015, PantherHackers hosted it's first hackathon CEOHacks. This would start a tradition of PantherHackers hosting boutique-style hackathons. Smaller hackathons that are geared toward introducing students to hackathons and preparing them for larger hackathon events.
</p>
</div>
<div class="col-md-6 first">
<img src="images/Caro0.JPG" class="img-fluid" id="images">
</div>
</div>
<br>
<br>
<div class="row row align-items-center">
<div class="col-md-6 third">
<br>
<img src="images/Caro2.JPG " class="img-fluid" id="images">
</div>
<div class="col-md-6 fourth">
<br class="d-md-none">
<p>
During 2016-2019, PantherHackers would go on to grow to over 400 members and host several hackathons including a joint hackathon with TechSquare Labs and a youth hackathon with CEHD. In addition to hackathons, PantherHackers would expand into game jams participating in the Global Game Jam in Jan 2017.
A partnership with LaunchGSU and StateFarm would develop during this time. PantherHackers would go on to volunteer and assist with starting HackGSU, the largest bi-annual hackathon at Georgia State. PantherHackers would go through many revamps and revisions during this time.
Currently, PantherHackers is focusing on expanding its offerings to students interested in technology and helping students learn and create more outside the classroom.
</p>
</div>
</div>
<br>
<br>
</div>
</div>
<div class="container-fluid" id="background_our_core_values">
<div class="container" id="our_core_values">
<div class="col-md-12">
<h1 class="text-center">Our Core Values</h1>
<hr>
<div class="text-muted text-center">
<p>
<br>
PantherHackers provides different things for every student. For some, PantherHackers is a social group to meet like-minded individuals. For others, PantherHackers is a learning environment, a place for them to go to practice and gain new skills; and to others, PantherHackers just gives out pizza. Regardless of how PantherHackers serves, it's members we have three core values: hacking, making, and learning.
</p>
</div>
</div>
<div class="row">
<div class="row justify-content-md-center" id="Icons_container">
<div class="col-lg-4 icons text-center">
<span class="fa-stack fa-4x">
<i class="fa fa-desktop fa-stack-1x" style="color: #C8845D"></i>
</span>
<h4 class="text-center">Hacking</h4>
<p class="text-center text-muted">It's in the name, PantherHackers loves hacking. Whether it's in a defensive way using white-hat techniques or hacking together homework solutions; Pantherhackers is about trying new things and finding a solution that works and then breaking that solution.
</p>
</div>
<div class="col-lg-4 icons text-center">
<span class="fa-stack fa-4x">
<i class="fa fa-wrench fa-stack-1x" style="color: #C8845D"></i>
</span>
<h4 class="text-center">Making</h4>
<p class="text-center text-muted">We do more than just break things, a large portion of our time is spent making things. We make robots, drones, software, prosthetics, games, etc. We are always on the lookout for new projects and ideas.
</p>
</div>
<div class="col-lg-4 icons text-center">
<span class="fa-stack fa-4x">
<i class="fa fa-book fa-stack-1x" style="color: #C8845D" ></i>
</span>
<h4 class="text-center">Learning</h4>
<p class="text-center text-muted">We are a student organization; therefore, learning is integral to our mission. We focus on learning by doing. Our members gain new skills through our interest groups, projects, workshops, and hackathons.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid" id="background_our_team">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-center">Our Team</h1>
<hr>
<div class="text-muted text-center">
<p>
PantherHackers is always evolving and growing. As the interests of the members change, students are brought in, and the team grows. On the other hand, students graduate and move on to better opportunities. Our team is always in flux, and that's how we like it.
</p>
</div>
<br>
</div>
<!--Team Introductions-->
<div class="col-xl-3 col-sm-6 mb-5 text-center" id="team-image">
<div class="bg-white rounded shadow-sm py-5 px-4"><img src="images/favacon.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Taylor McNeil</h5><span class="small text-uppercase text-muted">Cheif Executive Officer & CTCI Instructor</span>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-5 text-center">
<div class="bg-white rounded shadow-sm py-5 px-4"><img src="images/favacon.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Ryan Walden</h5><span class="small text-uppercase text-muted">Chief Technical Officer & Robotics Instructor</span>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-5 text-center">
<div class="bg-white rounded shadow-sm py-5 px-4"><img src="images/favacon.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Fabian Kim</h5><span class="small text-uppercase text-muted">Chief Operations Officer & Hackathon Coordinater</span>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-5 text-center">
<div class="bg-white rounded shadow-sm py-5 px-4"><img src="images/favacon.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Devang Patel</h5><span class="small text-uppercase text-muted">Chief Financial Officer</span> <br> <br>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-5 text-center">
<div class="bg-white rounded shadow-sm py-5 px-4"><img src="images/favacon.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Serena Johnson</h5><span class="small text-uppercase text-muted">Chief Marketing Officer</span>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-5 text-center">
<div class="bg-white rounded shadow-sm py-5 px-4"><img src="images/favacon.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Nate Thompson</h5><span class="small text-uppercase text-muted">IOS Instuctor</span>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-5 text-center">
<div class="bg-white rounded shadow-sm py-5 px-4"><img src="images/favacon.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Mia Stroud</h5><span class="small text-uppercase text-muted">CyberSecurity Instructor</span>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-5 text-center">
<div class="bg-white rounded shadow-sm py-5 px-4"><img src="images/favacon.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
<h5 class="mb-0">Sana Rehmani</h5><span class="small text-uppercase text-muted">Pantheress Instructor</span>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-linkedin"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
<footer class="footer">
<div class="container">
<p>© PantherHackers | Socials:
<a href="https://twitter.com/pantherhackers?lang=en" class="fa fa-twitter " style="color:white;"></a>
<a href="https://join.slack.com/t/pantherhackers/shared_invite/enQtNTgzMzU2MDI2MzczLTFhZjgxNWY5MTI2NWYzMTVmOTJiMTBlODIxNWJmODdiOWY1NTBhYWQwZmFiMWE0NWRlZDEyMDM2MmEwYzQwOTQ" class="fa fa-slack" style="color:white;"></a>
<a href="https://www.instagram.com/pantherhackers/" class="fa fa-instagram " style="color:white;"></a>
<a href ="https://www.linkedin.com/company/12177373" class="fa fa-linkedin " style="color:white;"></a>
<a href="https://www.facebook.com/PantherHackers/" class="fa fa-facebook " style="color:white;"></a></p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>