This repository has been archived by the owner on Sep 28, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathprehacks.html
373 lines (284 loc) · 17.8 KB
/
prehacks.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
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
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
---
layout: default
title: PreHacks
---
<section class="bg-prehacks extra-spacing">
<div class="container">
<div class="row">
<div class="col-sm-6">
<h1 class="text-left" id="prehacks-title">Build Your Coding Confidence and Explore the World of STEM <i>with TechTogether</i></h1>
<!-- <h1 class="text-white text-left mt-3 prehacks-sublead-2">Virtual • February 20 - 21st, 2021</h1> -->
<h1 class="text-left prehacks-sublead-2">Join us for a day of inspiring workshops that will <br>prepare you for your first hackathon.</h1>
<h1 class="text-left prehacks-sublead-2">100% Free. <span style="font-weight: 500">Your learning journey starts here.</span></h1>
<div class="text-left mt-4">
<a class href="https://landing.mailerlite.com/webforms/landing/h0g3t4" target="_blank">
<button type="button" class="btn btn-secondary">Join Waiting List</button>
</a>
</div>
</div>
<div class="col-sm-6">
<iframe class ="hide-mobile" width="560" height="315" src="https://www.youtube.com/embed/jQzr7AxS7Vk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-6">
<h3 id="prehacks-header">An Introduction to Hackathons, Coding, and a Career in Technology.</h3>
<h6 id="prehacks-paragraph">We get it. Hackathons, coding, technology - all these things are scary as a young beginner on the outside, looking in. At PreHacks, our aim is to help high schoolers conquer these fears and ace their next hackathon. This program is designed to serve <a href="https://www.womenforpoliticalchange.org/appendix" class ="blog-link" target="_blank">people of marginalized genders</a>.</h6>
<h6 id="prehacks-paragraph">PreHacks is a <b>FREE</b> one day virtual learnathon consisting of non-stop workshops and activities led by the TechTogether team. By the end of the program, each attendee will walk away with a basic understanding of hackathons and programming fundamentals.</h6>
<h6 id="prehacks-paragraph">Last year, <b>99% of attendees said they would recommend PreHacks to a friend</b> and 81% said PreHacks increased their confidence in attending future hackathons.</h6>
<!--
<div class="text-center mt-4">
<a class href="/prehacks-schedule" target="_blank">
<button type="button" class="btn btn-primary">View Full Schedule</button>
</a>
</div> -->
</div>
<div class="col-sm-3"></div>
</div>
<!-- <div class="col-sm-6">
<img style="width:100%" src="/imgs/photos/PreHacks_Testimonial.png">
</div> -->
</div>
</section>
<section class ="bg-prehacks-navy">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h3 class="ticker">
<h3 class ="text-white"><b><i>What is the difference between a learnathon and a hackathon?</i></b></h3><br>
<p class ="text-white">As its name suggests, a <b>learnathon</b> is focused on learning and is designed to help introduce participants to the world of tech and the hacker community. At PreHacks, you’ll be immersed in an inclusive space where you can attend tons of workshops and fun activities, learn basic programming fundamentals, and get prepared to attend your next hackathon!</p>
<p class ="text-white">At a <b>hackathon</b>, you’ll have the chance to apply the skills you gained during the learnathon to build a really cool project with a team from start to finish. You’ll have the opportunity to continue developing your skills, compete for awesome prizes, and engage with the broader hacker community.</p>
</h3>
<!-- <span style="color:#bff13c"> -->
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-6">
<h3 id="prehacks-header">Program Dates</h3>
<h6 id="prehacks-paragraph">We run PreHacks right before each <a class ="blog-link" href="/events">TechTogether hackathon</a>, so you can meet friends and teammates to hang out with at the hackathon the following weekend.</h6>
<h6 id="prehacks-paragraph">Each PreHacks program is run on a Saturday from 9AM to 5PM local time.</h6>
<!-- <h6 id="prehacks-paragraph">
<ul style="list-style-type: none">
<li><strike>📅 Saturday, August 28th, 2021 (EST)</strike></li>
<li><strike>📅 Saturday, October 9th, 2021 (EST)</strike></li>
<li><strike>📅 Saturday, November 20th, 2021 (PST)</strike></li>
<li><strike>📅 Saturday, January 22nd, 2022 (EST)</strike></li>
<li>📅 Saturday, February 5th, 2022 (EST)</li>
</ul>
</h6> -->
<!-- <div class="text-left mt-3">
<a class href="https://www.eventbrite.com/e/169014182971" target="_blank">
<button type="button" class="btn btn-secondary">Register Now</button>
</a>
</div> -->
</div>
<div class="col-sm-3"></div>
</div>
</div>
</section>
<!-- Quotes section -->
<section class="bg-prehacks-blue">
<div class ="container">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<h1 class="quote-header text-center">“I loved this program so much! Thank you so much for everything it was great!”
</h1>
<h4 class="quote-person text-center">
PreHacks Seattle 2021 Attendee
</h4>
</div>
<div class="carousel-item">
<h1 class="quote-header text-center">"I definitely recommend attending PreHacks! Not only was it a learning experience, I also met a lot of awesome people! My advice would be to make sure you participate because you will make new friends and connections as well as gain confidence.”
</h1>
<h4 class="quote-person text-center">
PreHacks Seattle 2021 Attendee
</h4>
</div>
<div class="carousel-item">
<h1 class="quote-header text-center">"If you feel that you might be too busy for PreHacks, really look at the schedule because there might be something you definitely don't want to miss."
</h1>
<h4 class="quote-person text-center">
PreHacks Boston 2020 Attendee
</h4>
</div>
<div class="carousel-item">
<h1 class="quote-header text-center">"Don’t worry about anything coming into the event, just have fun!"
</h1>
<h4 class="quote-person text-center">
PreHacks Boston 2020 Attendee
</h4>
</div>
<div class="carousel-item">
<h1 class="quote-header text-center">"Everyone at PreHacks was so incredibly supportive and helpful to me, especially considering I was a beginner who had no clue what to do at hackathons and what they were. I learned so much and I can't thank you enough for that!"
</h1>
<h4 class="quote-person text-center">
PreHacks 2019 Attendee
</h4>
</div>
<div class="carousel-item">
<h1 class="quote-header text-center">"I really enjoyed the PreHacks as it familiarized me to the environment of the Hackathon. Because I attended, I feel more motivated to learn to code on my own time and come back next year with better skills."
</h1>
<h4 class="quote-person text-center">
PreHacks 2019 Attendee
</h4>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section>
<section class ="background-6">
<div class="container">
<div class="row">
<div class="col-sm-12">
</div>
</div>
</div>
</section>
<section class ="bg-prehacks-navy">
<div class="container">
<h3 id="prehacks-header-white">PreHacks Sponsors</h3>
<div class="row center">
<div class="col-md-4 vertical-center">
<a href="https://bit.ly/tt-spark" target="_blank" class ="sponsor-link">
<img class ="prehacks-logo-2" src="imgs/logos/partners/final_rsz_spark_logo_round.png">
</a>
<p class="prehacks-sponsor-text">Housed in the Faculty of Computing & Data Sciences, Spark! is the technology incubator and experiential learning lab for student led computational and data driven projects at Boston University.</p>
<a href="https://bit.ly/tt-spark" target="_blank" class ="sponsor-link">Learn more →</a>
</div>
<div class="col-md-4 vertical-center">
<a href="https://bit.ly/3nGXeji" target="_blank" class ="sponsor-link">
<img class ="prehacks-logo-2" src="imgs/logos/partners/balsamiq-logo-screen.png">
</a>
<p class="prehacks-sponsor-text">UX is an exciting, fast-growing, high-paying, impactful discipline. But where do you start? Start with Balsamiq! Balsamiq Wireframes is the perfect first UX design tool for anyone interested in getting into UX.</p>
<a href="https://bit.ly/tt-balsamiq" target="_blank" class ="sponsor-link">Learn more →</a>
</div>
<div class="col-md-4 vertical-center">
<a href="https://bit.ly/3nGXeji" target="_blank" class ="sponsor-link">
<img class ="prehacks-logo-2" src="imgs/logos/partners/bu-logo.png">
</a>
<p class="prehacks-sponsor-text">Boston University is a leading private research institution with two primary campuses in the heart of Boston and programs around the world.</p>
<a href="https://bit.ly/3nGXeji" target="_blank" class ="sponsor-link">Learn more →</a>
</div>
<div class="col-md-4 vertical-center">
<a href="https://bit.ly/tt-microsoft-careers" target="_blank" class ="sponsor-link">
<img class ="prehacks-logo-2" src="imgs/logos/partners/Microsoft-logo_rgb_wht.png">
</a>
<p class="prehacks-sponsor-text">Microsoft enables digital transformation for the era of an intelligent cloud and an intelligent edge. Its mission is to empower every person and every organization on the planet to achieve more.</p>
<a href="https://bit.ly/tt-microsoft-careers" target="_blank" class ="sponsor-link">Learn more →</a>
</div>
<div class="col-md-4 vertical-center">
<a href="https://bit.ly/tt-capital-one" target="_blank" class ="sponsor-link">
<img class ="prehacks-logo-2" src="imgs/logos/partners/C1_Core_NG_rev_R.png">
</a>
<p class="prehacks-sponsor-text">At Capital One, we’re advancing our culture of belonging—where everyone feels seen, heard, valued and free to be their authentic selves.</p>
<a href="https://bit.ly/tt-capital-one" target="_blank" class ="sponsor-link">Learn more →</a>
</div>
</div>
</div>
</section>
<!-- FAQ section -->
<section>
<div class ="container">
<div class ="row">
<div class="col-sm-12 col-md-12">
<h3 id="prehacks-header" class ="text-center mb-4">Frequently Asked Questions</h3>
</div>
</div>
<div class ="row">
<div class ="col-sm-2"></div>
<div class ="col-sm-8">
<div id="accordion">
<div class="card">
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Do I need any coding experience to attend?
</button>
</h5>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">No coding experience is required to attend. The point of PreHacks is to teach you the skills you need to build projects for hackathons and learn coding fundamentals.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Do I have to attend the entire event?
</button>
</h5>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
<div class="card-body">
You can attend as much of as little of the event as you'd like. We understand that not everyone can dedicate a full-weekend to the program.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
What do I need to attend?
</button>
</h5>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">All you need is a laptop and access to wifi. If you don't have one or both of these resources, please email us at info@techtogether.io.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingFour">
<h5 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
Is PreHacks a hackathon?
</button>
</h5>
</div>
<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion">
<div class="card-body">PreHacks is not a hackathon, but a program to help prepare you to attend future hackathons.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingFive">
<h5 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
Can I attend if I'm not in high school?
</button>
</h5>
</div>
<div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordion">
<div class="card-body">No, PreHacks is specifically for high school students only. However, we will have similar beginner-friendly workshops and activities at all of our gender-focused hackathons that you can attend.
</div>
</div>
</div>
</div>
</div>
<div class ="col-sm-2"></div>
</div>
</div>
</section>
<link rel="stylesheet" type="text/css" href="css/prehacks.css">
<script async src="//cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>
{% include stayintouch.html %}