forked from dataScientist11/mavhack-site
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
344 lines (304 loc) · 17.5 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="MavHack is UT Arlington's largest student hackathon. During 24 hours, students from all over the states come together to push their boundaries and explore something new.">
<meta name="author" content="MavHack">
<title>MavHack 2016</title>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="MavHack 2015" />
<meta property="og:description" content="MavHack is UT Arlington's largest student hackathon. During 24 hours, students from all over the states come together to push their boundaries and explore something new." />
<meta property="og:url" content="http://www.mavhack.com/" />
<meta property="og:site_name" content="MavHack" />
<meta property="og:image" content="http://mavhack.com/img/logo.jpg" />
<meta name="google-site-verification" content="VrjI60aBm29kukN2HN-DybeeQOyRHHN-QAVfdvfzPXY" />
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<!-- Custom Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">
<!-- Plugin CSS -->
<link rel="stylesheet" href="css/animate.min.css" type="text/css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/creative.css?ver=1.1" type="text/css">
<link rel="stylesheet" href="style.css?ver=1.2" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- jQuery -->
<script src="js/jquery.js"></script>
</head>
<body id="page-top">
<!-- MLH Badge DO NOT REMOVE -->
<!-- <a id="mlh-trust-badge" class="mlh-badge" href="https://mlh.io/?utm_campaign=Trust%20Badge" target="_blank">
<img src="https://s3.amazonaws.com/logged-assets/trust-badge/s2016.png" alt="MLH Official - Fall 2015" style="width:100%;" >
</a> -->
<!-- Navbar -->
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-center text-center">
<li>
<a class="page-scroll active" href="#home">Home</a>
</li>
<li>
<a class="page-scroll" href="#about">About</a>
</li>
<li>
<a class="page-scroll" href="#FAQ">FAQ</a>
</li>
<li>
<a class="page-scroll" href="#thanks">Sponsors</a>
</li>
<!-- <li>
<a class="page-scroll" href="#schedule">Schedule</a>
</li>
<li>
<a class="page-scroll" href="#judges">Judges</a>
</li> -->
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Jumbotron -->
<header id="home" class="photo summer" data-stellar-background-ratio="0.5" style="overflow:hidden;background:transparent;">
<div class="header-content" style="padding-top:80px;">
<div class="header-content-inner wow flipInX" data-wow-delay=".2s">
<img src="img/logo-large.png" class="main-logo">
<hr>
<p class="text-large">April 2 & 3 2016</p>
<div>
</div>
</div>
</div>
</header>
<section style="position:relative;background-color:#fff;">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="text-center" id="about">MavHack 2016</h1>
<div class="divider"></div>
<p class="text-big text-center">
Create. Innovate. Collaborate.
<p class="text-big text-center">
A long time ago…in a university not too far away… there was a vision. A vision of an event where the nation’s brightest, most ambitious minds could come together and build a better future. And from that vision, MavHack was born.
<p class="text-big text-center">
MavHack is UTA’s premier hackathon. Register for MavHack today and join us as we help you make your wildest ideas into a reality.
</p>
</div>
</div>
</div>
</section>
<!-- FAQs/About -->
<section class="bg-primary" id="FAQ" style="position:relative;background:transparent;">
<div class="container">
<div class="row" id="star">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Frequently Asked Questions</h2>
<div class="divider"></div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
<h3>See the <a href="http://static.mlh.io/docs/mlh-code-of-conduct.pdf" target="_blank">Code of Conduct</a></h3>
<br>
</div>
<div class="container" style="padding: 5px;overflow:hidden;">
<div class="row">
<div class="col-md-12">
<div class="faq-item col-xs-12 col-sm-6 col-md-4 col-lg-4 wow fadeInLeft" data-wow-delay=".15s" data-wow-duration="1s">
<h3> <font color= "0064B1">Who can attend MavHack?</font> </h3>
<div class="text-faded">If you are currently an undergraduate or graduate student, you may attend MavHack. We welcome students from all disciplines.</div>
</div>
<div class="faq-item col-xs-12 col-sm-6 col-md-4 col-lg-4 wow fadeIn" data-wow-delay=".1s" data-wow-duration="1s">
<h3> <font color= "0064B1">Can high school students attend?</font> </h3>
<div class="text-faded">Unfortunately due to regulations, we are unable to accept students under the age of 18. We have a strong interest in sharing our knowledge and technology to young participants but there are too many risks and legal hurdles. If you're 18 or above, come by with your ID!</div>
</div>
<div class="faq-item col-xs-12 col-sm-6 col-md-4 col-lg-4 wow fadeInRight" data-wow-delay=".15s" data-wow-duration="1s">
<h3> <font color= "0064B1">What should be brought to MavHack?</font> </h3>
<div class="text-faded">Yourself, your valid university ID, a computer, chargers, or anything else you might need within the 24 hours. Please don't bring any weapons, alcohol, illegal drugs, or anything else not allowed on campus.</div>
</div>
</div>
</div>
<div class="faq-item col-xs-12 col-sm-6 col-md-4 col-lg-4 wow fadeInLeft" data-wow-delay=".25s">
<h3> <font color= "0064B1">Does MavHack allow volunteers to help run the event?</font> </h3>
<div class="text-faded">We love volunteers at MavHack. Please email us, and we will be in contact with you. Our expectation is that volunteers stay for at least half the duration of the event.</div>
</div>
<div class="faq-item col-xs-12 col-sm-6 col-md-4 col-lg-4 wow fadeIn" data-wow-delay=".2s">
<h3> <font color= "0064B1">Is a project idea needed in order to attend MavHack?</font> </h3>
<div class="text-faded">Not at all! It is perfectly fine to attend without an idea! We encourage you to chat with other students and mentors about some potential ideas you might have before you decide on what your project will be.</div>
</div>
<div class="faq-item col-xs-12 col-sm-6 col-md-4 col-lg-4 wow fadeInRight" data-wow-delay=".25s">
<h3> <font color= "0064B1">Is MavHack a good place for beginners?</font> </h3>
<div class="text-faded">Yes! We will have resources such as friendly mentors available for newer coders throughout the whole event. We strive to leave no student behind. The MavHack team is currently working on other ideas to help beginners.</div>
</div>
<div class="faq-item col-xs-12 col-sm-6 col-md-4 col-lg-4 wow fadeInLeft" data-wow-delay=".35s">
<h3> <font color= "0064B1">How large can teams be? </font> </h3>
<div class="text-faded">We ask that teams are no larger than 5 students. We really encourage all students to work in teams and not by themselves.</div>
</div>
<div class="faq-item col-xs-12 col-sm-6 col-md-4 col-lg-4 wow fadeIn" data-wow-delay=".3s">
<h3> <font color= "0064B1">How much does it cost?</font> </h3>
<div class="text-faded">It's free! MavHack provides students with food, WiFi, meals, swag, workspace, and prizes throughout the event.</div>
</div>
<div class="faq-item col-xs-12 col-sm-6 col-md-4 col-lg-4 wow fadeInRight" data-wow-delay=".35s">
<h3> <font color= "0064B1">What type of projects are expected at MavHack?</font> </h3>
<div class="text-faded">All types of hackathon projects are welcome: Mobile, hardware, web, you name it. A list of available hardware to use will be released closer to the event.</div>
</div>
<div class="faq-item col-xs-12 col-sm-6 col-md-4 col-lg-4 wow fadeInLeft" data-wow-delay=".45s">
<h3> <font color= "0064B1">Can MavHack pay for transportation?</font> </h3>
<div class="text-faded">Although transporation from a few campuses is in the works, we are sorry to say we are unable to give travel reimbursements.</div>
</div>
<div class="faq-item col-xs-12 col-sm-6 col-md-4 col-lg-4 wow fadeIn" data-wow-delay=".4s">
<h3> <font color= "0064B1">Will there be buses to MavHack?</font> </h3>
<div class="text-faded">Yes! If you go to a Texas university or college and you think there should be a bus from your city, please let us know. The sooner you let us know, the higher the chance of getting free transportation.</div>
</div>
<div class="faq-item col-xs-12 col-sm-6 col-md-4 col-lg-4 wow fadeInRight" data-wow-delay=".45s">
<h3> <font color= "0064B1">How does anyone find out more information, ask a question, or bring up a concern?</font> </h3>
<div class="text-faded"><a href="mailto:[email protected]" target="_blank">Email us</a>, <a href="https://twitter.com/MavHackUTA" target="_blank">Tweet us</a>, or <a href="https://facebook.com/MavHackUTA" target="_blank">Facebook us</a></div>
</div>
</div>
</div>
</div>
</section>
<!-- Separator -->
<section class="separator" id="separator-one" data-stellar-background-ratio="0.5" style="overflow:hidden;">
<div class="container">
<div class="row">
<div class="col-md-12">
<p class="wide-text">Meet, Drink, Eat and Hack</p>
</div>
</div>
</div>
</section>
<!-- Sponsors -->
<section id="thanks" style="background:transparent;">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="section-heading text-center">Sponsors</h2>
<div class="divider"></div>
<!-- <div class="row">
<div class="col-md-4 col-sm-4 col-xs-12 col-md-offset-4 col-sm-offset-4">
<img class="sponsor img-responsive wow bounceIn" data-wow-delay=".1s" src="img/sponsors/mlh.png">
</div>
</div> -->
<p class="bigger-text text-center"><br>TBA
.</br><br>Join the movement<br/>Contact [email protected]</p>
</div>
</div>
</div>
</section>
<section id="organizer" style="background:transparent;">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="section-heading text-center">Developers</h2>
<div class="divider"></div>
<div class="row">
<img class="col-md-3 col-sm-4 col-xs-12 col-md-offset-3 col-sm-offset-2 lug-logo wow fadeIn" data-wow-delay=".2s" src="img/lug-logo.png">
<img src="img/sponsors/FLlogo_260.png" class="col-md-3 col-sm-4 col-xs-12 lug-logo wow fadeIn" data-wow-delay=".2s">
</div>
</div>
</div>
</div>
</section>
<!-- Contact Us -->
<section id="contact" style="background-color:#fff;position:relative;">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="text-center">Contact Us</h2>
<div class="divider"></div>
<p class="text-center">Interested in sponsoring? Contact <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<p>© 2015 MavHack. Made with <span class="glyphicon glyphicon-heart" style="color:red;"></span> in Arlington.</p>
<a href="mailto:[email protected]"><span class="fa fa-envelope"></span></a>
<a href="https://www.facebook.com/MavHackUTA"><span class="fa fa-facebook"></span></a>
<a href="https://twitter.com/MavHackUTA"><span class="fa fa-twitter"></span></a>
</div>
</div>
</div>
</footer>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/wow.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/creative.js"></script>
<script src="js/stellar.js"></script>
<script src="js/jquery-starfield.min.js"></script>
<script>
var isMobile = {
Android: function() {
return navigator.userAgent.match(/Android/i);
},
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i);
},
iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},
Opera: function() {
return navigator.userAgent.match(/Opera Mini/i);
},
Windows: function() {
return navigator.userAgent.match(/IEMobile/i);
},
any: function() {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
}
};
jQuery(document).ready(function(){
if( !isMobile.any() ){
$(window).stellar({
horizontalScrolling: false,
verticalOffset: 40
});
}
});
$('body').starfield({
starDensity: 2.0,
mouseScale: 0.5,
seedMovement: true
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-65247238-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>