-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
166 lines (154 loc) · 7.88 KB
/
Copy pathindex.html
File metadata and controls
166 lines (154 loc) · 7.88 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
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<link rel="shortcut icon" type="img/" href="img/favicon.ico"/>
<title>UF Hackathoners</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<link rel="icon" href="images/favicon.ico">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-115921716-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-115921716-1');
</script>
</head>
<body class="landing">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">UF Hackathoners</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="whoAreWe.html">Who are we?</a></li>
<li><a href="events.html">Upcoming Events</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="resources.html">Resources</a></li>
<li><a href="contactUs.html">Contact Us</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>UF Hackathoners</h2>
<p>University of Florida <br> Computer & Information Science & Engineering</p>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>What's a Hackathon?</h2>
<p>A hackathon is an event where individuals from across the country gather together to brainstorm, problem-solve, and transform original ideas into a real product. Hackathons are coding competitions that last anywhere from 24 to 36 hours - and sometimes even longer. Almost every weekend, there is at least one hackathon being held in some college or university in the United States. People from different technical and nontechnical backgrounds come together to code a unique solution to a problem from scratch. There only two limits: time and yourself.</p>
</header>
<ul class="icons major">
<li><span class="icon fa-laptop major style1"><span class="label">Lorem</span></span></li>
<li><span class="icon fa-code major style2"><span class="label">Ipsum</span></span></li>
<li><span class="icon fa-plane major style3"><span class="label">Dolor</span></span></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/pic01.jpg" alt="" /></div><div class="content">
<h2>Focus</h2>
<p>Hackathons are a wonderful place to connect with brilliant individuals to create innovative products. This encouraging culture inspires hackers to perform their best under pressure.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/pic03.jpg" alt="" /></div><div class="content">
<h2>Learning</h2>
<p>University of Florida students continue to win numerous hackathons time after time. We compete with dozens of universities and successfully bring home the medal while proudly representing UF. We've won 1st place, 2nd place, 3rd place, and multiple sponsor prizes.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/pic02.jpg" alt="" /></div><div class="content">
<h2>Bonding</h2>
<p>Hackathons allow people to form lasting relationships, whether they are from the local area or from universities across the US. It fosters strong network connections with students, volunteers, and company sponsors.</p>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>Frequently Asked Questions</h2>
<p>If you have any additional questions feel free to contact us. </p>
</header>
<ul class="features">
<li class="icon fa-question-circle">
<h3>How much experience <br> do I need?</h3>
<p>You are not required to have any former programming experience prior to attending any hackathon; but it is highly recommended. Fortunately, hackathons are also the ideal place to learn new emerging technologies and to gain experience.</p>
</li>
<li class="icon fa-suitcase">
<h3>What do I need to bring?</h3>
<p>Most, if not all, hackathons are around a weekend long. The only things you will need to bring are your laptop and charger, cellphone and charger, personal hygiene products, sleeping bag, pillow, and a couple of changes of clothes.</p>
</li>
<li class="icon fa-plane">
<h3>How do we get there?</h3>
<p>Some hackathons offer travel reimbursement and some other hackathons send a bus to UF. <br>Worst case scenario we will we will always coordinate with members willing to carpool other members to hackathons. If you have any questions or concerns, contact us.</p>
</li>
<li class="icon fa-users">
<h3>What if I don't have a team?</h3>
<p>You don't need to create a team beforehand. You can meet people from different states or schools on the day of the event. Keeping your options open might allow you to find teammates that better complement your strengths and weaknesses. Additionally, you don't have to work in a team- you can work on your own if you choose to do so.</p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>ListServ & Calendar</h2>
<p>Stay up to date with everything UF Hackathoners related - from General Body Meetings to application deadlines - by signing up for our listserv and joining our Google Calendar.</p>
</header>
<ul class="actions vertical">
<li><a href="https://goo.gl/forms/aBbopgxMu8l5uCQr2" target="_blank" class="button fit special">ListServ</a></li>
<li><a href="https://goo.gl/forms/Qjityur4vRQE8ZMq2" target="_blank" class="button fit special">SMS Alerts</a></li>
<li><a href="https://goo.gl/forms/EmxyfsNbYAmR2uPO2" target="_blank" class="button fit special">Calendar</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://www.facebook.com/groups/1499711090349840/" target= "_blank" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
</ul>
<ul class="copyright">
<li>© UF Hackathoners</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>