-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
266 lines (246 loc) · 13.7 KB
/
index.html
File metadata and controls
266 lines (246 loc) · 13.7 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
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
<!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="">
<meta name="author" content="">
<meta property="og:image" content="/static/img/banner.png"/>
<link rel="icon" href="static/img/favicon/favicon.ico">
<link rel="icon" sizes="16x16 32x32 64x64" href="/static/img/favicon/favicon.ico">
<link rel="icon" type="image/png" sizes="196x196" href="static/img/favicon/favicon-192.png">
<link rel="icon" type="image/png" sizes="160x160" href="static/img/favicon/favicon-160.png">
<link rel="icon" type="image/png" sizes="96x96" href="static/img/favicon/favicon-96.png">
<link rel="icon" type="image/png" sizes="64x64" href="static/img/favicon/favicon-64.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/img/favicon/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/img/favicon/favicon-16.png">
<link rel="apple-touch-icon" href="static/img/favicon/favicon-57.png">
<link rel="apple-touch-icon" sizes="114x114" href="static/img/favicon/favicon-114.png">
<link rel="apple-touch-icon" sizes="72x72" href="static/img/favicon/favicon-72.png">
<link rel="apple-touch-icon" sizes="144x144" href="static/img/favicon/favicon-144.png">
<link rel="apple-touch-icon" sizes="60x60" href="static/img/favicon/favicon-60.png">
<link rel="apple-touch-icon" sizes="120x120" href="static/img/favicon/favicon-120.png">
<link rel="apple-touch-icon" sizes="76x76" href="static/img/favicon/favicon-76.png">
<link rel="apple-touch-icon" sizes="152x152" href="static/img/favicon/favicon-152.png">
<link rel="apple-touch-icon" sizes="180x180" href="static/img/favicon/favicon-180.png">
<meta name="msapplication-TileColor" content="#fff">
<meta name="msapplication-TileImage" content="static/img/favicon/favicon-144.png">
<meta name="msapplication-config" content="static/img/favicon/browserconfig.xml">
<title>Teens Exploring Code</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,300' rel='stylesheet' type='text/css'>
</head>
<body style = "">
<a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:fixed;left:50px;top:0;width:10%;z-index:10000" href="https://mlh.io/seasons/na-2018/events?utm_source=na-2018&utm_medium=TrustBadge&utm_campaign=na-2018&utm_content=gray" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2018/gray.svg" alt="Major League Hacking 2017 Hackathon Season" style="width:100%"></a>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a class="smoothScroll" href="#about">About</a></li>
<li><a class="smoothScroll" href="#faq">FAQ</a></li>
<li><a class="smoothScroll" href="#people">Team</a></li>
<li><a class="smoothScroll" href="#sponsors">Sponsors</a></li>
</ul>
</div>
</div>
</nav>
<section id="banner">
<div class="event-panel" style = "text-align: center !important;">
<p class = "title-text">Teens Exploring Code</p>
<h3 style = "text-align: center !important;">
Mitchell Park Community Center<br>
3700 Middlefield Rd, Palo Alto, CA 94303
</h3>
<h3 style = "text-align: center !important; padding-bottom:20px; font-weight: bold; text-transform: uppercase;">February 17, 2018</h3>
<!-- <a class="ghost-button-transition" href="https://tec13.typeform.com/to/yZjI4o" target = "_blank">REGISTER</a>
<a class="ghost-button-transition" href="https://www.facebook.com/teensexploringcode/" target = "_blank">GET UPDATES</a> -->
<h2>Thanks for coming! Hope to see you next year!</h2>
</div>
</section>
<section class="bg-primary" style = "background-color:#332448" id="about">
<div class="container">
<div class = "row">
<div class = "col-lg-4" id="logo-web">
<img src="static/img/logowhite.png" class="logo" style="float:center;padding-bottom: 50px">
</div>
<img src="static/img/logowhite.png" class="logo" id="logo-mobile" style="float:center;padding-bottom: 50px">
<div class = "col-lg-8">
<div class = "about-info">
<p>If you have quirky ideas you want to bring to life, or if you want to collaborate on something meaningful with other inquisitive teens like you, join us for Teens Exploring Code (TEC) 2018!</p>
<p>In 15 hours of continuous excitement, we'll show you how programming can be fun, thought-provoking and powerful. With various workshops, speakers, and fun activities throughout the day, TEC provides a welcoming environment perfect for first-time coders and first-time hackathon attendees, along with those with more experience.</p>
</div>
</div>
</div>
</div>
</section>
<section class = "parallax" style = "color:white;" id = "faq">
<div class="container">
<div class="row">
<h1>Schedule</h1>
<div class="col-md-12 col-xs-12 text-center" style = "text-align: left;
padding-left: 25%;
margin-top: 20px;
padding-right: 25%;">
<p>7:30AM - Attendee Check In Starts</p>
<p>8:00AM - Opening Ceremony</p>
<p>8:15AM - Team Formation</p>
<p>9:00AM - TEC: Python (Programming Basics)</p>
<p>11:00AM - TEC: Java (Programming Basics)</p>
<p>12:00PM - Lunch</p>
<p>1:00PM - TEC: Git Workflow and Team Collaboration</p>
<p>2:00 PM - How to Suceed In the Workplace: UI/UX designer @ Facebook, Katherine Liu</p>
<p>3:00 PM - TEC: Build Your First Website</p>
<p>4:00 PM - Leangap Entrepreneurship Workshop</p>
<p>5:00PM - Leangap VR Workshop</p>
<p>6:30 PM - Dinner</p>
<p>9:00 PM - Code Freeze</p>
<p>9:30 PM - Present Projects</p>
<p>11:15 PM - Closing Ceremony/Raffle</p>
</div>
</div>
</div>
</section>
<style>
.parallax {
background: linear-gradient(rgba(60, 23, 54,.9), rgba(60, 23, 54,.9)),
url('static/img/parallax1.jpg');
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.layer {
background: rgba(248, 247, 216, 0.7);
}
</style>
<section class = "bg-primary" style = "background-color:#332448" id = "faq">
<div class="container">
<div class="row">
<h1>FAQ</h1>
<div class="col-md-6 col-xs-12 text-center">
<h3>Who can attend?</h3>
<p>Participants ages 13-19 who have agreed to the <a style="font-weight:bold;text-decoration:underline;color:white !important" href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf" target="_blank">MLH Code of Conduct</a> are welcome to attend! If you are out of this age range and wish to attend, please contact us.</p>
<h3>What’s the format of the event?</h3>
<p>You’ll join a team and work on an original project together throughout the whole day and present it at the end. We'll have fun and exciting workshops throughout the day, as indicated by the schedule. <!-- Check the <a href="#schedule">schedule</a> for more info! --></p>
<h3>How much does this cost?</h3>
<p>Nothing! TEC is free of charge, but we greatly appreciate any donations that would go towards supporting the event.</p>
<h3>How do I sign up?</h3>
<p>Apply through the registration link at the top of the page!</p>
</div>
<div class="col-md-6 col-xs-12 text-center">
<h3>What do I need to bring?</h3>
<p>Bring your laptop and your student ID or any official ID. Lunch, dinner, and refreshments are provided, but you are welcome to bring your own snacks or food as well. Bring hardware if you plan on incorporating it into your project (contact us if you’d like to rent any).</p>
<h3>What can I make?</h3>
<p>Anything you can! Web, mobile, hardware, or anything else you’re interested in.</h3>
<h3>How do teams work?</h3>
<p>Teams can be from a minimum of 2 people to a maximum of 4 people.</p>
<h3>Are there prizes?</h3>
<p>Yes! More info on prizes will be released closer to the event date. Stay tuned!</p>
</div>
</div>
</div>
</section>
<section id="people" class="parallax content-section text-center" style = "background-color: #3C2E53;">
<div class="download-section">
<div class="row">
<h3 style = "padding-bottom: 40px; color: white">Team</h3>
<div class = "col-lg-2 col-lg-offset-3">
<img style = "border-radius: 50%;height:200px" src="static/img/me.jpg">
<p style = "padding-top: 30px; padding-bottom: 30px">Emily Yu<br>Director</p>
</div>
<div class = "col-lg-2">
<img style = "border-radius: 50%;height:200px" src="static/img/kelsey.jpg">
<p style = "padding-top: 30px; padding-bottom: 30px">Kelsey Wang<br>Founder</p>
</div>
<div class = "col-lg-2">
<img style = "border-radius: 50%;height:200px" src="static/img/calvin.png">
<p style = "padding-top: 30px; padding-bottom: 30px">Calvin Yan<br>Logistics</p>
</div>
</div>
<div class="row">
<div class = "col-lg-2 col-lg-offset-3">
<img style = "border-radius: 50%;height:200px" src="static/img/akshay.png">
<p style = "padding-top: 30px; padding-bottom: 30px">Ashkay Bodla<br>Sponsorship</p>
</div>
<div class = "col-lg-2">
<img style = "border-radius: 50%;height:200px" src="static/img/isha.png">
<p style = "padding-top: 30px; padding-bottom: 30px">Isha Rajput<br>Logistics</p>
</div>
<div class = "col-lg-2">
<img style = "border-radius: 50%;height:200px" src="static/img/ashley.jpg">
<p style = "padding-top: 30px; padding-bottom: 30px">Ashley Gauba<br>Marketing</p>
</div>
</div>
</div>
</section>
<style>
#people > div > div > div > p {
color: white;
}
</style>
<footer class = "bg-primary" id="sponsors" style="padding-top:50px;padding-bottom: 50px;background-color:#332448">
<div class = "container">
<div class = "row">
<div class = "col-lg-12" style="padding-top:0px;padding-bottom: 50px">
<a class="ghost-button-transition" href="static/sponsorship_packet.pdf">SPONSORSHIP PACKAGE</a>
</div>
</div>
<div class = "row">
<style>
.col-lg-12-offset-3 > img {
width: 400px;
margin: 20px;
}
.huge-logo {
width: 75px;
}
</style>
<div class = "col-lg-12-offset-3" style="padding-top:0px;">
<img class="sponsor-logo" src = "static/sponsor/palogo.png">
<img class="sponsor-logo" src = "static/sponsor/thinkfund.png">
<img class="sponsor-logo" src = "static/sponsor/leangap-full.png">
<img class="sponsor-logo" src = "static/sponsor/localhost-inverted.png">
</div>
</div>
</div>
</div>
</footer>
<footer class="footer" style="padding-top: 10px">
<div class="container">
<div class = "row">
<div class = "col-lg-6" style="">
<a class="ghost-button-short" href="http://teensexploringcode.github.io/teens-exploring-code-2016/" style="">VISIT 2016</a>
</div>
<div class = "col-lg-6">
<div style = "text-align: right">
<a href="https://www.facebook.com/teensexploringcode/"><i class="fa fa-facebook-square" style="padding-right: 10px; padding-bottom:10px; float: center"></i></a>
<a href="mailto:teensexploringcode@gmail.com"><i class="fa fa-2x fa-envelope" style = "color:white !important; float: center; text-align: center; display:inline-block;" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</footer>
<script>
$(function myfunction(){
$(".element").typed({
strings : ["Teens Exploring Code "],
typeSpeed : 2,
backDelay : 1000,
loop : false
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
<script src="js/header.js"></script>
<script src = "typed.min.js"></script>
<script src="typed.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/smoothscroll.js"></script>
</body>
</html>