-
Notifications
You must be signed in to change notification settings - Fork 0
/
sponsor.html
381 lines (348 loc) · 23.1 KB
/
sponsor.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
374
375
376
377
378
379
380
381
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Bitcamp | Sponsor Prospectus</title>
<!-- Begin Favicons/Theme -->
<link rel="apple-touch-icon" sizes="180x180" href="./bitcamp-brand/favicons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="./bitcamp-brand/favicons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="./bitcamp-brand/favicons/favicon-16x16.png" />
<link rel="manifest" href="./bitcamp-brand/favicons/site.webmanifest" />
<link rel="mask-icon" href="./bitcamp-brand/favicons/safari-pinned-tab.svg" color="#ff6f3f" />
<link rel="shortcut icon" href="./bitcamp-brand/favicons/favicon.ico" />
<meta name="msapplication-TileColor" content="#ff6f3f" />
<meta name="msapplication-config" content="./bitcamp-brand/favicons/browserconfig.xml" />
<meta name="theme-color" content="#ffffff" />
<!-- End Favicons/Theme -->
<!-- Begin CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link href="./bitcamp-brand/bitcamp.css" rel="stylesheet" />
<link href="./assets/css/sponsorship.css" rel="stylesheet" />
<!-- End CSS -->
</head>
<!-- Make sure to use Bootstrap for the Grid to make your lives easier! Here's the documentation on Bootstrap Grid -->
<body>
<div class="container">
<main class="row justify-content-center">
<section class="col-lg-7">
<section class="SupportSection">
<a href="./index.html" class="home-link">
<img src="assets/img/go-back.svg" alt="Go Back">
<span>Home</span>
</a>
<h1><strong class="SupportTitle"> help support </strong> Bitcamp 2021! </h1>
<p>Hello Potential Sponsors!</p>
<p>This year, Bitcamp will be hosted virtually from April 9th to 11th, 2021! This enables Bitcamp to go
global
and bring even more creative and driven minds together. Student developers, designers, and thinkers of
varying
technical ability and experience will congregate online and spend 36 hours cultivating websites, apps, and
hardware projects that strive to better their communities. Hackers and their teams also develop a
multi-disciplinary mindset. Not just focusing on the coding aspects of their projects, they are challenged
to
learn new skills including projects and user-friendly design. Bitcamp presents an excellent opportunity
for
recruitment and tech mentorship.</p>
<p>We’d love for you to review the various tiers of sponsorship below. Additionally, Bitcamp is a 501(c)(3)
non-profit organization, meaning that any and all contributions are fully tax-deductible.</p>
<p>Please let us know if you are interested in being part of Bitcamp or have any questions regarding
sponsorship. You can reach us at <a class="SponsorEmail" href="mailto:[email protected]">
[email protected]</a>. We hope to see you at the campfire!</p>
<p>Thank you,<br>
The Bitcamp Team</p>
</section>
<hr class="divider">
<h2>Sponsorship Prospectus</h2>
<section class="Rtable js-RtableTabs">
<div class="Tablist" role="tablist">
<button class="Tab Starter" role="tab" aria-selected="true">Starter</button>
<button class="Tab API" role="tab" aria-selected="false">API</button>
<button class="Tab Recruiter" role="tab" aria-selected="false">Recruiter</button>
<button class="Tab Partner" role="tab" aria-selected="false">Partner</button>
</div>
<div class="Rtable-grid">
<div class="Rtable-cell Rtable-cell-blank Rtable-cell--head"></div>
<div class="Rtable-cell Rtable-cell--head Rtable-cell-Starter">Starter</div>
<div class="Rtable-cell Rtable-cell--head Rtable-cell-API">API</div>
<div class="Rtable-cell Rtable-cell--head Rtable-cell-Recruiter">Recruiter</div>
<div class="Rtable-cell Rtable-cell--head Rtable-cell-Partner">Partner</div>
<div class="Rtable-cell Rtable-category-cell Rtable-category-cell-full first-row">Contribution</div>
<div class="Rtable-cell Rtable-cell-Starter first-row">$1,500</div>
<div class="Rtable-cell Rtable-cell-API first-row">$3,000</div>
<div class="Rtable-cell Rtable-cell-Recruiter first-row">$6,000</div>
<div class="Rtable-cell Rtable-cell-Partner first-row">$10,000</div>
<div class="Rtable-cell Rtable-category-cell title-row">General</div>
<div class="Rtable-cell Rtable-cell-Starter title-row"></div>
<div class="Rtable-cell Rtable-cell-API title-row"></div>
<div class="Rtable-cell Rtable-cell-Recruiter title-row"></div>
<div class="Rtable-cell Rtable-cell-Partner title-row"></div>
<div class="Rtable-cell Rtable-category-cell">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover"
data-bs-content="Sponsors will be able to have mentors at the event. Mentors are a great way to represent companies or organizations at Bitcamp and help our hackers face-to-face (over web conference) with any questions they might have about their projects."
title="Mentors Present">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>
Mentors Present
</div>
<div class="Rtable-cell Rtable-cell-Starter">
<img src="assets/img/check-black.svg" alt="Checkmark"></div>
<div class="Rtable-cell Rtable-cell-API">
<img src="assets/img/check-black.svg" alt="Checkmark"></div>
<div class="Rtable-cell Rtable-cell-Recruiter">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-cell-Partner">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-category-cell">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover"
data-bs-content="Sponsors will get speaking time at the opening ceremony on our main livestream to discuss their company, their prize category, and anything else that they would like!"
title="Opening Session Remarks">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>
Opening Session Remarks</div>
<div class="Rtable-cell Rtable-cell-Starter"></div>
<div class="Rtable-cell Rtable-cell-API">1 min</div>
<div class="Rtable-cell Rtable-cell-Recruiter">3 min</div>
<div class="Rtable-cell Rtable-cell-Partner">5 min</div>
<div class="Rtable-cell Rtable-category-cell">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover"
data-bs-content="Sponsors will receive time for a side event. A side event is a great way for sponsors to interact with our hackers and can be on any topic of choice. Past workshops have covered a range of topics from cybersecurity to web development to machine learning. These will be done over our web conference platform open to our virtual attendees with live Q&A features. This will be recorded and posted on the Bitcamp youtube channel."
title="Sponsored Side Event">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>
<p>Sponsored Side Event<small><br>(Add-on available for
$1,000)</small>
</div>
<div class="Rtable-cell Rtable-cell-Starter">+$1000<br>45 min</div>
<div class="Rtable-cell Rtable-cell-API">+$1000<br>45 min</div>
<div class="Rtable-cell Rtable-cell-Recruiter">Included,<br>45 min</div>
<div class="Rtable-cell Rtable-cell-Partner">Included,<br>90 min</div>
<div class="Rtable-cell Rtable-category-cell">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover"
data-bs-content="Sponsors will be able to host a prize category for hackers and award them a prize. This prize category can be something general, such as “Best Security Hack” or “Best Hack for Diversity and Inclusion”, or something branded, such as “Best Use of [insert company]’s API”. Our hackers will have the option of submitting their hacks/projects to the prize category, and sponsors will be able to judge projects, select winners, and distribute their own prizes accordingly during the virtual closing ceremonies."
title="Award a Prize">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>
<p>Award a Prize<small><br>(Add-on available for
$250)</small>
</div>
<div class="Rtable-cell Rtable-cell-Starter"></div>
<div class="Rtable-cell Rtable-cell-API"></div>
<div class="Rtable-cell Rtable-cell-Recruiter">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-cell-Partner">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-category-cell Rtable-category-cell-bottom">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover" data-bs-content="
Sponsors will have the opportunity to have a closing ceremony presentation." title="Keynote">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>
Keynote</div>
<div class="Rtable-cell Rtable-cell-Starter"></div>
<div class="Rtable-cell Rtable-cell-API"></div>
<div class="Rtable-cell Rtable-cell-Recruiter"></div>
<div class="Rtable-cell Rtable-cell-Partner">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-category-cell title-row">
Recruiting</div>
<div class="Rtable-cell Rtable-cell-Starter title-row"></div>
<div class="Rtable-cell Rtable-cell-API title-row"></div>
<div class="Rtable-cell Rtable-cell-Recruiter title-row"></div>
<div class="Rtable-cell Rtable-cell-Partner title-row"></div>
<div class="Rtable-cell Rtable-category-cell">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover"
data-bs-content="Sponsors will have their own virtual booth in the virtual Sponsorship hall of our virtual platform during the event itself. The booth is a static web page that acts as a “home base” from which sponsors can make their initial interaction with all of our hackers, distribute marketing materials, and make their presence felt at Bitcamp!"
title="Reserved Virtual Booth">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>
Reserved Virtual Booth</div>
<div class="Rtable-cell Rtable-cell-Starter">
<img src="assets/img/check-black.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-cell-API">
<img src="assets/img/check-black.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-cell-Recruiter">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-cell-Partner">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-category-cell">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover"
data-bs-content="Sponsors will be provided a list of all of our registrants’ names and emails following the event."
title="Access to Hacker Contact Info">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>
Access to Hacker Contact Info</div>
<div class="Rtable-cell Rtable-cell-Starter"></div>
<div class="Rtable-cell Rtable-cell-API">
<img src="assets/img/check-black.svg" alt="Checkmark"></div>
<div class="Rtable-cell Rtable-cell-Recruiter">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-cell-Partner">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-category-cell">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover"
data-bs-content="Sponsors will be provided a database of all of our registrants’ resumes following the event."
title="Access to Hacker Resumes">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>
Access to Hacker Resumes</div>
<div class="Rtable-cell Rtable-cell-Starter"></div>
<div class="Rtable-cell Rtable-cell-API"></div>
<div class="Rtable-cell Rtable-cell-Recruiter">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-cell-Partner">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-category-cell">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover"
data-bs-content="Along with the virtual booth page, sponsors will be provided a video conference room where recruiters can interact with and advertise job opportunities at your company to all of our hackers. Sponsors may bring as many representatives as they would like. Companies without this perk will not be allowed to advertise job and internship opportunities on their booth page."
title="Recruiting at Virtual Booth">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>
Recruiting at Virtual Booth</div>
<div class="Rtable-cell Rtable-cell-Starter"></div>
<div class="Rtable-cell Rtable-cell-API"></div>
<div class="Rtable-cell Rtable-cell-Recruiter">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-cell-Partner">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-category-cell Rtable-category-cell-bottom">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover"
data-bs-content="Around 2-3 days before the event itself, partner-tier sponsors will be allowed to email all of our registrants to encourage participants to keep an eye out for their company’s booth and activities during the event. The message would be sent by the Bitcamp Team on behalf of the organization, but we will leave the content of the email up to the sponsor!"
title="Pre-Event Email to all Participants">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>
Pre-Event Email to all Participants
</div>
<div class="Rtable-cell Rtable-cell-Starter"></div>
<div class="Rtable-cell Rtable-cell-API"></div>
<div class="Rtable-cell Rtable-cell-Recruiter"></div>
<div class="Rtable-cell Rtable-cell-Partner">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-category-cell title-row">
Marketing</div>
<div class="Rtable-cell Rtable-cell-Starter title-row"></div>
<div class="Rtable-cell Rtable-cell-API title-row"></div>
<div class="Rtable-cell Rtable-cell-Recruiter title-row"></div>
<div class="Rtable-cell Rtable-cell-Partner title-row"></div>
<div class="Rtable-cell Rtable-category-cell">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover"
data-bs-content="Sponsors will have their logos (ordered and scaled by sponsorship tier) on our website and landing page which will be the virtual “home-base” for our attendees."
title="Logo on Website">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>
Logo on Website</div>
<div class="Rtable-cell Rtable-cell-Starter">
<img src="assets/img/check-black.svg" alt="Checkmark"></div>
<div class="Rtable-cell Rtable-cell-API">
<img src="assets/img/check-black.svg" alt="Checkmark"></div>
<div class="Rtable-cell Rtable-cell-Recruiter">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-cell-Partner">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-category-cell">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover"
data-bs-content="Sponsors will be able to distribute marketing materials to our hackers in their virtual booth. This can include any type of virtual material like promo codes as swag or informational materials, videos, and job opportunities."
title="Distribute Marketing Materials & Merch">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>
Distribute Marketing<br>Materials & Merch</div>
<div class="Rtable-cell Rtable-cell-Starter"></div>
<div class="Rtable-cell Rtable-cell-API">
<img src="assets/img/check-black.svg" alt="Checkmark"></div>
<div class="Rtable-cell Rtable-cell-Recruiter">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-cell-Partner">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-category-cell">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover"
data-bs-content="Sponsors will be able to advertise their booth and opportunities and make their presence known to our participants in a pre-recorded message on our main livestream! The length of the message will be based on the sponsorship tier."
title="Message on Livestream">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>Message on Livestream</div>
<div class="Rtable-cell Rtable-cell-Starter"></div>
<div class="Rtable-cell Rtable-cell-API">30 sec</div>
<div class="Rtable-cell Rtable-cell-Recruiter">1 min</div>
<div class="Rtable-cell Rtable-cell-Partner">2 min</div>
<div class="Rtable-cell Rtable-category-cell">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover"
data-bs-content="Sponsors will be promoted on Bitcamp social media accounts through a customized message of choice at some point leading up to the day of the event. We will post about the company or organization on all forms of social media selected (Twitter, LinkedIn, Instagram, etc)."
title="Social Media Shoutout">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>
<p>Social Media Shoutout<small><br>(Add-on available for
$500)</small>
</div>
<div class="Rtable-cell Rtable-cell-Starter"></div>
<div class="Rtable-cell Rtable-cell-API"></div>
<div class="Rtable-cell Rtable-cell-Recruiter">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-cell-Partner">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-category-cell Rtable-category-cell-bottom last-row">
<a tabindex="0" class="btn btn-link question-btn" role="button" data-bs-toggle="popover"
data-bs-content="Partner-tier sponsors will be given special recognition in our marketing materials as a co-host. We look forward to working with partner-tier sponsors to help coordinate and accommodate their marketing needs."
title="Co-hosted by">
<img src="assets/img/question-mark-yellow.svg" alt="Question Mark">
</a>
"Co-hosted by"</div>
<div class="Rtable-cell Rtable-cell-Starter last-row"></div>
<div class="Rtable-cell Rtable-cell-API last-row"></div>
<div class="Rtable-cell Rtable-cell-Recruiter last-row"></div>
<div class="Rtable-cell Rtable-cell-Partner">
<img src="assets/img/check-white.svg" alt="Checkmark">
</div>
<div class="Rtable-cell Rtable-cell--foot Rtable-cell-blank"></div>
<div class="Rtable-cell Rtable-cell--foot Rtable-cell-Starter"></div>
<div class="Rtable-cell Rtable-cell--foot Rtable-cell-API"></div>
<div class="Rtable-cell Rtable-cell--foot Rtable-cell-Recruiter"></div>
<div class="Rtable-cell Rtable-cell--foot Rtable-cell-Partner"></div>
</div>
</section>
<section class="ConnectSection">
<hr class="divider">
<h2>Connect</h2>
<div>
<img src="assets/img/globe.svg" alt="Bitcamp Homepage">
<a href="https://bit.camp">https://bit.camp</a>
</div>
<div>
<img src="assets/img/email.svg" alt="Email">
<a class="SponsorEmail" href="mailto:[email protected]">[email protected]</a>
</div>
</section>
</div>
</main>
</div>
<!-- Begin JS Scripts -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous">
</script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script>
<script src="./scripts/table.js"></script>
<script src="./scripts/pop.js"></script>
<!-- End JS Scripts-->
</body>
</html>