This repository has been archived by the owner on May 5, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_REMOTE_6425.html
169 lines (146 loc) · 9.08 KB
/
index_REMOTE_6425.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
<!DOCTYPE html>
<!--
The main page for Hacklahoma.
index.html
HacklahomaWebsite
Created by Tyler Walker on 2017-06-01.
Copyright 2017 Tyler Walker and Hacklahoma. All rights reserved.
TODO: Fix positioning issues (navbar, info button, footer)
TODO: Fix fonts on safari
-->
<html>
<head>
<!-- Charset attribute for the webpage. -->
<meta charset="UTF-8" />
<!-- Title of page. -->
<title>HACKLAHOMA</title>
<!-- Description for search engines. -->
<meta name="description" content="" /> <!-- TODO: CONTENT DESC HERE -->
<!-- Link the page to the style sheet. -->
<link rel="stylesheet" href="styles/main.css" />
<!-- Install JQuery from Microsoft CDN. -->
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script>
</head>
<body onload="determineContentPaneLocation(); determineFooterLocation()">
<div id="header">
<!-- Displays the logo on the screen. -->
<img src="images/official_logo.png" class="logo" />
<!-- Displays Hacklahoma under the logo. -->
<img src="images/title.png" class="logo" width="750" height="148"/>
<!-- The dates that Hacklahoma takes place. -->
<p class="dates">March 3rd - 4th, 2018</p>
<!-- The location that Hacklahoma takes place. -->
<p class=location>The University of Oklahoma</p>
<!-- Button to sign up for more information. -->
<button class="infoButton"><span>Interested? </span></button> <!-- TODO: Set up information page. -->
<!-- The nav bar. -->
<nav id="navBar" class="absolute">
<a href="#about" id="aboutLink">About</a>
<a href="#faq" id="faqLink">FAQ</a>
<a href="#agenda" id="agendaLink">Agenda</a>
<a href="#sponsors" id="sponsorsLink">Sponsors</a>
<a href="#judges" id="judgesLink">Judges</a>
</nav>
</div>
<!-- The content pane of the main page. -->
<div id="contentPane">
<!-- TODO: Populate content. -->
<!-- The About section. -->
<div id="about">
<h1 class="anchor" style="text-align: center;">About</h1>
<div id="explain">
<h1>What is Hacklahoma?</h1>
<h2>Hacklahoma is a <span class="avenirMedium">hackathon</span> soon to happen at the University of Oklahoma.</h2>
<h1>... well what is a Hackathon?</h1>
<h2>
A hackathon is best described as an <span class="avenirMedium">invention marathon</span>. Anyone who has an interest
in technology can attend a hackathon to <span class="avenirMedium">learn, build, and share</span> their creations over
the course of a weekend in a relaxed and welcoming atomosphere. <span class="avenirMedium">You don't have to be a
programmer</span> and you certainly <span class="avenirMedium">don't have to be majoring in computer science</span>. - MLH<br>
<ul>
<li>Hacking as in "life hack," <span class="avenirMedium">not the exploitation kind</span></li>
<li><span class="avenirMedium">A career fair with a twist</span>; mentors and engineers from companies, talks, etc. (bring your resume!)</li>
<li>For <span class="avenirMedium">beginners</span> and <span class="avenirMedium">pros</span></li>
<li>Very good <span class="avenirMedium">real-life experience</span></li>
<li>Great way to <span class="avenirMedium">network</span></li>
<li>Meet people from <span class="avenirMedium">all around the nation</span></li>
<li><span class="avenirMedium">Resume builder</span>, especially for companies like Google, Microsoft, etc.</li>
<li>Companies like <span class="avenirMedium">GroupMe</span> (now owned by Microsoft) <span class="avenirMedium">started at Hackathons</span></li>
</ul>
</h2>
</div>
<div id="missionStatement">
<h1>Mission Statement</h1>
<h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec dui aliquam, ornare ligula gravida, scelerisque nunc. Nam condimentum bibendum sapien.
Etiam et viverra nulla. Phasellus porttitor augue interdum, mattis nisi ac, finibus magna. Nullam non mattis ex, et feugiat lorem. Curabitur quis massa non elit
ultrices fermentum eget nec nisi. Nulla nisl tortor, tempus vel viverra sit amet, aliquam eu nibh. Suspendisse justo eros, laoreet maximus aliquet vitae, viverra
sed nisl. Donec finibus turpis ut pellentesque tempus. Curabitur maximus blandit dolor, vitae mollis augue molestie nec. Phasellus volutpat posuere tellus non convallis.
Aenean vitae mollis velit. Sed luctus nisl a risus lacinia, eget aliquam leo gravida. Fusce erat velit, aliquet eu odio et, viverra mollis tortor. Sed vitae vulputate turpis.
</h2>
</div>
</div>
<!-- The FAQ section. -->
<div id="faq">
<h1 class="anchor" style="text-align: center;">FAQ</h1>
<h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec dui aliquam, ornare ligula gravida, scelerisque nunc. Nam condimentum bibendum sapien.
Etiam et viverra nulla. Phasellus porttitor augue interdum, mattis nisi ac, finibus magna. Nullam non mattis ex, et feugiat lorem. Curabitur quis massa non elit
ultrices fermentum eget nec nisi. Nulla nisl tortor, tempus vel viverra sit amet, aliquam eu nibh. Suspendisse justo eros, laoreet maximus aliquet vitae, viverra
sed nisl. Donec finibus turpis ut pellentesque tempus. Curabitur maximus blandit dolor, vitae mollis augue molestie nec. Phasellus volutpat posuere tellus non convallis.
Aenean vitae mollis velit. Sed luctus nisl a risus lacinia, eget aliquam leo gravida. Fusce erat velit, aliquet eu odio et, viverra mollis tortor. Sed vitae vulputate turpis.
</h2>
</div>
<!-- The Agenda section. -->
<div id="agenda">
<h1 class="anchor" style="text-align: center;">Agenda</h1>
<h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec dui aliquam, ornare ligula gravida, scelerisque nunc. Nam condimentum bibendum sapien.
Etiam et viverra nulla. Phasellus porttitor augue interdum, mattis nisi ac, finibus magna. Nullam non mattis ex, et feugiat lorem. Curabitur quis massa non elit
ultrices fermentum eget nec nisi. Nulla nisl tortor, tempus vel viverra sit amet, aliquam eu nibh. Suspendisse justo eros, laoreet maximus aliquet vitae, viverra
sed nisl. Donec finibus turpis ut pellentesque tempus. Curabitur maximus blandit dolor, vitae mollis augue molestie nec. Phasellus volutpat posuere tellus non convallis.
Aenean vitae mollis velit. Sed luctus nisl a risus lacinia, eget aliquam leo gravida. Fusce erat velit, aliquet eu odio et, viverra mollis tortor. Sed vitae vulputate turpis.
</h2>
</div>
<!-- The Sponsors section. -->
<div id="sponsors">
<h1 class="anchor" style="text-align: center">Sponsors</h1>
<h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec dui aliquam, ornare ligula gravida, scelerisque nunc. Nam condimentum bibendum sapien.
Etiam et viverra nulla. Phasellus porttitor augue interdum, mattis nisi ac, finibus magna. Nullam non mattis ex, et feugiat lorem. Curabitur quis massa non elit
</h2>
<div class="sponsorsLogos">
<h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec dui aliquam, ornare ligula gravida, scelerisque nunc. Nam condimentum bibendum sapien.
Etiam et viverra nulla. Phasellus porttitor augue interdum, mattis nisi ac, finibus magna. Nullam non mattis ex, et feugiat lorem. Curabitur quis massa non elit
</h2>
</div>
</div>
<!-- The Judges section. -->
<div id="judges">
<h1 class="anchor" style="text-align: center;">Judges</h1>
<h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec dui aliquam, ornare ligula gravida, scelerisque nunc. Nam condimentum bibendum sapien.
Etiam et viverra nulla. Phasellus porttitor augue interdum, mattis nisi ac, finibus magna. Nullam non mattis ex, et feugiat lorem. Curabitur quis massa non elit
ultrices fermentum eget nec nisi. Nulla nisl tortor, tempus vel viverra sit amet, aliquam eu nibh. Suspendisse justo eros, laoreet maximus aliquet vitae, viverra
sed nisl. Donec finibus turpis ut pellentesque tempus. Curabitur maximus blandit dolor, vitae mollis augue molestie nec. Phasellus volutpat posuere tellus non convallis.
Aenean vitae mollis velit. Sed luctus nisl a risus lacinia, eget aliquam leo gravida. Fusce erat velit, aliquet eu odio et, viverra mollis tortor. Sed vitae vulputate turpis.
</h2>
</div>
</div>
<!-- The footer of the main page. -->
<div id="footer">
<!-- <img src="images/ou.png" class="ouLogo" />
<img src="images/mlh.png" class="mlhLogo" /> -->
<img src="images/gear.png" class="gear" />
<p style="font-size: 22px;">team@hacklahoma.org</p>
<div class="socialMedia">
<a href="https://www.facebook.com/Hacklahoma/"> <img src="images/facebook.jpg" /> </a>
<a href="https://twitter.com/hacklahoma"> <img src="images/twitter.jpg" /> </a>
<a href="https://www.instagram.com/hacklahoma/"> <img src="images/instagram.jpg" /> </a>
</div>
</div>
<!-- Link this page to the scripts that will run on the site. -->
<script src="scripts/scripts.js"></script>
</body>
</html>