-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (146 loc) · 6.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>HackFairview 2016</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<link rel="stylesheet" href="index.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="landing">
<div id="maintitle">
<div class="textarea">
<div class="titletext">HackFairview</div>
<div class="subtext">Fairview High School, Boulder, Colorado</div>
<div class="subtext">April 16 - 17, 2016</div>
</div>
<a href="soon.html">Apply</a>
<a href="soon.html">Sponsor</a>
</div>
<a href="https://mlh.io/seasons/s2016/events?utm_source=s2016&utm_medium=TrustBadge&utm_campaign=s2016" target="_blank"><img src="mlh-banner.png" /></a>
</div>
<div id="secondary">
<div class="title">What is HackFairview?</div>
<div class="description">
HackFairview is the only 24 hour high school hackathon in the Rocky Mountain region. It is hosted at
Fairview High School in Boulder, Colorado. Over 200 students will come together to build whatever
they want, hardware or software. Students will use collaborative effort and their thoughtful creativity
to innovate, learn, and have fun.
</div>
</div>
<div id="schedule">
<div class="title">Schedule</div>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="cell titlecell">Saturday</div>
<div class="cell">
<div class="time">10:00 AM</div>
<div class="desc">Check-in</div>
</div>
<div class="cell">
<div class="time">11:00 AM</div>
<div class="desc">Opening Ceremony</div>
</div>
<div class="cell">
<div class="time">12:00 PM</div>
<div class="desc">Hacking Starts</div>
</div>
<div class="cell">
<div class="time">1:00 PM</div>
<div class="desc">Lunch</div>
</div>
<div class="cell">
<div class="time">6:00 PM</div>
<div class="desc">Dinner</div>
</div>
</div>
<div class="col-md-6">
<div class="cell titlecell">Sunday</div>
<div class="cell">
<div class="time">12:00 AM</div>
<div class="desc">Midnight Snack</div>
</div>
<div class="cell">
<div class="time">7:00 AM</div>
<div class="desc">Breakfast</div>
</div>
<div class="cell">
<div class="time">12:00 PM</div>
<div class="desc">Hacking Ends</div>
</div>
<div class="cell">
<div class="time">12:00 PM</div>
<div class="desc">Lunch</div>
</div>
<div class="cell">
<div class="time">12:00 PM</div>
<div class="desc">Judging Starts</div>
</div>
<div class="cell">
<div class="time">2:00 PM</div>
<div class="desc">Closing Ceremony</div>
</div>
</div>
</div>
</div>
</div>
<div id="secondary">
<div class="title">FAQ</div>
<div class="container">
<div class="row">
<div class="col-md-4 card">
<div class="question">What is a hackathon?</div>
<div class="answer">In this context, the word "hack" means to create. A hackathon
is an event where developers, designers, and tech-enthusiasts come together to make something with technology.
Hackathon are also about learning, meeting new people, and having fun.</div>
</div>
<div class="col-md-4 card">
<div class="question">Who can attend?</div>
<div class="answer">Anyone who is currently attending high school.</div>
</div>
<div class="col-md-4 card">
<div class="question">Does this cost money?</div>
<div class="answer">Nope! Admission is free and it includes food, drinks, and tons of swag!</div>
</div>
</div>
<div class="row">
<div class="col-md-4 card">
<div class="question">How much coding experience do I need?</div>
<div class="answer">None. Hackathons are meant to be events to learn and be exposed to the hacker community.</div>
</div>
<div class="col-md-4 card">
<div class="question">What should I bring?</div>
<div class="answer">Bring some sort of photo ID (student IDs are fine), a laptop, a charger, and a sleeping bag if
you plan to sleep.</div>
</div>
<div class="col-md-4 card">
<div class="question">How do I find a team?</div>
<div class="answer">There will be a team-forming event at the hackathon itself. You are welcome to just team up
with friends; however, it is often more fun to hack with new people.</div>
</div>
</div>
<div class="row">
<div class="col-md-4 card">
<div class="question">Is there a code of conduct?</div>
<div class="answer">Yes, be nice and courteous to others. The <a target="_blank" href="http://static.mlh.io/docs/mlh-code-of-conduct.pdf">
MLH Code of Conduct</a> applies to this event.</div>
</div>
<div class="col-md-4 card">
<div class="question">I have more questions!</div>
<div class="answer">That wasn't a question. Just kidding, feel free to email us. at <a href="mailto:[email protected]">[email protected]</a></div>
</div>
</div>
</div>
</div>
<div id="sponsor">
<div class="title">Sponsors</div>
More coming soon!
<div class="title">Partners</div>
<img src="img/mlh-logo.png" width="200" />
</div>
</body>
</html>