-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
290 lines (269 loc) · 14.4 KB
/
index.html
File metadata and controls
290 lines (269 loc) · 14.4 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Hack Arizona</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="./images/HackAZ_2020.png">
<link rel="stylesheet" href="./stylesheets/neoHackStyles.css">
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script src="https://use.fontawesome.com/fcc0eeca8c.js"></script>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" ></script>
</head>
<body>
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark" role="navigation">
<a class="navbar-brand page-scroll" href="#page-top">
<img src="images/HackAZ_2020.png" width="30" height="30" class="d-inline-block align-top" alt="">
Hack Arizona</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link page-scroll" href="#page-top">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#faq">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Team</a>
</li>
</ul>
</div>
</nav>
<!-- MLH style has been moved to styles.css, don't forget to update this every year we're an MLH event! -->
<a id="mlh-trust-badge"
href="https://mlh.io/seasons/na-2020/events?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2020-season&utm_content=white"
target="_blank"><img
src="https://s3.amazonaws.com/logged-assets/trust-badge/2020/mlh-trust-badge-2020-white.svg"
alt="Major League Hacking 2020 Hackathon Season" style="width:100%; margin-left: 25%;"></a>
<div class="jumbotron main-jumbotron" id="page-top">
<img class="main-jumbotron-image overlay" src="images/HackAZ_2020.png" alt="hack arizona">
<div class="main-jumbotron-container">
<div id="intro" class="main-jumbotron-text-container">
<h1>Hack Arizona 6.0</h1>
<p>January 17th–19th, 2020</p>
<p>The University of Arizona</p>
<div class="main-jumbotron-text-button">
<button class="sh-button" id="hackButton" onclick="location.href='https://list.arizona.edu/sympa/subscribe/hackaz'">Pre-Register Today</button>
<button class="sh-button disabled" id="volunteerButton" onclick="">Apply to Volunteer</button>
</div>
</div>
</div>
</div>
<!-- About Us
<section id="about" class="site-section">
<div class="container">
<div class="row">
<div class="site-section-heading text-center mb-5 w-boarder mx-auto">
<h2 class="about-header">About Us</h2>
<p>
Hack Arizona is a student-run hackathon at the University of Arizona
where teams of up to four people compete to win prizes; all while attending
fun activities and lots of educational sessions. As an organization,
our mission is to promote the positive social impact technology
can have on the world by hosting an event that provides
individuals with all levels of expertise the chance to work with
and learn about new technology.
</p>
</div>
</div>
</div>
</section> -->
<!-- About -->
<section id="about" class="site-section">
<div class="container">
<header class="section-header">
<h2>About Us</h2>
<p>Hack Arizona is a student led organization fostering a world-class hacker culture
in the Southwest and hosted at the University of Arizona. Teams of up to four
people compete to win prizes; all while attending
fun activities and lots of educational sessions.</p>
</header>
<div class="row about-cols">
<div class="col-md-4 wow fadeInUp">
<div class="about-col">
<div class="img">
<img src="img/about-mission.jpg" alt="" class="img-fluid">
<div class="icon"><i class="ion-ios-speedometer-outline"></i></div>
</div>
<h3 class="title">Our Mission</h3>
<p>
positive social impact technology
can have on the world by hosting an event that provides
individuals with all levels of expertise the chance to work with
and learn about new technology.
</p>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.1s">
<div class="about-col">
<div class="img">
<img src="img/about-plan.jpg" alt="" class="img-fluid">
<div class="icon"><i class="ion-ios-list-outline"></i></div>
</div>
<h3 class="title">Our Growth</h3>
<p>
Since our first hackathon in 2015, Hack Arizona has grown to become one of
the top ten largest collegiate hackathons in the United States, hosting ~1000
students from over 25 different universities around the U.S. and Canada in 2019.
</p>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.2s">
<div class="about-col">
<div class="img">
<img src="img/about-vision.jpg" alt="" class="img-fluid">
<div class="icon"><i class="ion-ios-eye-outline"></i></div>
</div>
<h3 class="title">Our Event</h3>
<p>
Over the course of 36 hours, teams of up to four students will compete to win
prizes by building technology in fast moving and far reaching categories based
in solving for solutions for today’s dynamic world.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="faq" id="faq">
<div class="section-header">
<h2 class="faq-header">Frequently Asked Questions</h2>
</div>
<div class="section-content">
<div class="row">
<div class="faq-col">
<div>
<h3>What is a Hackathon? <span class="plus">+</span></h3>
<p class="answer">Hackathons are places where you can have many unique experiences. You
can watch
you and your team's project come to life throughout a weekend, network with sponsors
in a
much more casual environment than career fair, meet new friends and learn about the
present
tech community, and learn cool new tech that industry is thrilled to hear about!
Come up with a project, or join a team, and make the coolest invention you've come
up with yet!</p>
</div>
<div>
<h3>Who can attend the event? <span class="plus">+</span></h3>
<p class="answer">All college, university, or high school students 18 years or older are
welcome to attend.</p>
</div>
<div>
<h3>Code of Conduct? <span class="plus">+</span></h3>
<p class="answer">As a Major League Hacking member event, we require all attendees
(hackers, volunteers,
mentors, sponsors, etc) to follow Major League Hacking’s <a
href="http://static.mlh.io/docs/mlh-code-of-conduct.pdf">Code of Conduct</a>.
</p>
</div>
<div>
<h3>I don't have a team yet. Can I still partcipate? <span class="plus">+</span></h3>
<p class="answer">
Of course! Teams are by no means a prerequiste for coming
to Hack Arizona. We'll host several team formation sessions before
the hacking starts so that you can get to know your fellow attendees.
</p>
</div>
<div>
<h3>Can I get travel reimbursement? <span class="plus">+</span></h3>
<p class="answer">We unfortunately do not yet have the funds to reimburse our attendees
for their travel. We sincerely apologize, but hope you understand.
In the future when we're bigger, we hope to be able to help you out, so stay tuned!
</p>
</div>
<div>
<h3>Is Hack Arizona a free event? <span class="plus">+</span></h3>
<p class="answer">Hack Arizona is a free event, including wifi, food, drinks, prizes
and some awesome swag!</p>
</div>
</div>
<div class="faq-col">
<div>
<h3>What if I don't have a team?<span class="plus">+</span></h3>
<p class="answer">Don't have a team? That's okay, after our opening ceremony, stick
around to find some team members
who want to help you with your project—or maybe you want to help them with theirs!
We have activities planned to help
you find your dream team.</p>
</div>
<div>
<h3>What about hardware hacks? <span class="plus">+</span></h3>
<p class="answer">MLH will be generously renting out cutting edge technology to the
hackers. From Oculus Rifts to Arduinos,
the sky is the limit. If you have hardware or tools, you are more than welcome to
bring them as well.</p>
</div>
<div>
<h3>What do I need to bring? <span class="plus">+</span></h3>
<p class="answer"> You'll need to bring your student ID, laptop, phone, chargers,
toiletries, and any
sleeping items you might want. We will have a sleeping area designated and showers
will be provided!
</p>
</div>
<div>
<h3>I'm not a student. How do I get involved?<span class="plus">+</span></h3>
<p class="answer">To get the full hackathon experience we highly recommend you stay, but
we understand if you need to leave
(or if you want to sleep in a real bed for the night).</p>
</div>
<div>
<h3>My question wasn't answered here.<span class="plus">+</span></h3>
<p class="answer">Please reach out to <a href="mailto:team@hackarizona.org"
target="_blank">team@hackarizona.org</a>!</p>
</div>
</div>
</div>
</div>
</section>
<!-- footer -->
<footer class="foot">
<div class="container">
<div class="row">
<div class="col-sm">
<div class="mb-4">
<h3 class="footer-heading">Contact</h3>
<p>
1040 E 4th <br>
Tucson, AZ 85719<br>
United States <br>
<!-- <a href="mailto:team@hackarizona.org" class="pl-0 pr-3"><i
class="fa fa-envelope"></i></a> -->
<strong>Email:</strong> team@hackarizona.org<br>
</p>
</div>
</div>
<div class="col-sm">
<h3 class="footer-heading mb-4"> Follow Us</h3>
<div class="social">
<a href="https://www.facebook.com/hackarizona/" class="pl-0 pr-3"><i
class="fa fa-facebook-square"></i></a>
<a href="https://twitter.com/hack_arizona" class="pl-3 pr-3"><i
class="fa fa-twitter"></i></a>
<a href="https://www.instagram.com/hackarizona" class="pl-3 pr-3"><i
class="fa fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</footer>
<!-- Our JavaScript -->
<script src="./js/neoNavBar.js"></script>
</body>
</html>