-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
122 lines (122 loc) · 5.58 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
<head>
<title>BoilerCamp</title>
<link rel="icon" type="image/png" href="img/icon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="logo">
<h4>LAWSON · SEPT 26TH</h4>
<a href="//boilermake.typeform.com/to/heYCvE"><button>SIGN UP</button></a>
</div>
<div class="parallax-container">
<div data-0="transform:translate3d(0px, 0px, 0px);"
data-1000="transform:translate3d(0px, -200px, 0px);"
class="parallax p0"></div>
<div data-0="transform:translate3d(0px, 50px, 0px);"
data-1000="transform:translate3d(0px, -270px, 0px);"
class="parallax p1"></div>
<div data-0="transform:translate3d(0px, 80px, 0px);"
data-1000="transform:translate3d(0px, -380px, 0px);"
class="parallax p2"></div>
<div data-0="transform:translate3d(0px, 120px, 0px);"
data-1000="transform:translate3d(0px, -450px, 0px);"
class="parallax p3"></div>
<div data-0="transform:translate3d(0px, 140px, 0px);"
data-1000="transform:translate3d(0px, -450px, 0px);"
class="parallax p4"></div>
</div>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<div id="nav-brand" class="navbar-brand"></div>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a id="nav-about" href="#">ABOUT</a></li>
<li><a id="nav-faq" href="#">FAQ</a></li>
</ul>
</div>
</div>
</nav>
<div class="main">
<div class="section about">
<div class="content row">
<h2>ABOUT</h2>
<div class="about-content col-xs-12 col-sm-6">
<p>Hackathons have the power to change lives. But there's one
issue we have yet to solve: how to make these events accessible
to everyone, especially beginners. Most beginners are lost when they
attend their first hackathon. When you pass someone working on
some crazy robotic arm it's easy to think that you don't belong.
That sucks. This year, we are introducing a new event called
BoilerCamp. It's a day long workshop geared towards teaching you
how to make your own personal website from start to finish. We'll have
mentors, swag, food and everything else you need to begin your
hackathon career.</p>
</div>
<div class="about-img hidden-xs col-sm-6">
</div>
</div>
</div>
<div class="section faq">
<div class="content row">
<h2>FAQ</h2>
<div class="col-xs-12 col-sm-6">
<div class="card">
<h3>Who can attend BoilerCamp?</h3>
<p>BoilerCamp is for any Purdue University undergraduate student,
with little to no experience in programming. You can be in any
major— all that we ask is that you want to learn.</p>
</div>
<div class="card">
<h3>I want to attend! What should I know?</h3>
<p>Sign up <a href="//boilermake.typeform.com/to/heYCvE">here</a>. We will provide updates in the coming weeks.</p>
</div>
<div class="card">
<h3>Is this a hackathon?</h3>
<p>No, BoilerCamp is a one day program aimed at preparing you for
your first hackathon.</p>
</div>
<div class="card">
<h3>How many people get accepted?</h3>
<p>Everyone. There is no limit beyond the capacity of the venue.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="card">
<h3>What should I bring?</h3>
<p>Bring your computer, charger, phone and a notebook. We'll
take care of everything else.</p>
</div>
<div class="card">
<h3>Where is BoilerCamp?</h3>
<p>It'll be hosted in Lawson Computer Science Building</p>
</div>
<div class="card">
<h3>Do I have to attend the whole day?</h3>
<p>While it's not required we highly recommend that you stay
present throughout the entire event.</p>
</div>
<div class="card">
<h3>How much does it cost?</h3>
<p>Nothing. It's on the house.</p>
</div>
<div class="card">
<h3>Have more questions?</h3>
<p>Email us day or night at <a href="mailto:[email protected]">[email protected]</a>!</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="lib/skrollr.js"></script>
<script type="text/javascript" src="main.js"></script>
</body>