-
Notifications
You must be signed in to change notification settings - Fork 0
/
sponsor.html
144 lines (116 loc) · 8.53 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
<!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="author" content="Mihir Garimella">
<title>FCHacks — Sponsorship Information</title>
<!-- WrapBootstrap Theme -->
<link href="css/theme.min.css" rel="stylesheet">
<link href="css/components.min.css" rel="stylesheet">
<link href="css/hackathon.css" rel="stylesheet">
<!-- Fonts -->
<link href="fonts/outlined-icon-set/outlined.css" rel="stylesheet">
<script src="https://use.typekit.net/jlq5iyl.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="sponsor-page">
<nav class="navbar navbar-fixed-top navbar-fixed-top-transparent primary-navbar">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<img src="img/fchacks/new-logo.png" id="logo" class="img-responsive"/>
</a>
</div>
</div><!-- .container -->
</nav>
<section class="first feature feature-8">
<div class="container">
<div class="row">
<div class="feature-block col-sm-2 col-md-2 col-lg-2">
</div> <!-- .feature-block -->
<div class="feature-block col-sm-8 col-md-8 col-lg-8">
<h3 class="sub-heading">Highlights of the first FCHacks (5 minutes — we promise it's worth your time!)</h3>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/fhvIEjX3kPg"></iframe>
</div>
</div> <!-- .feature-block -->
<div class="feature-block col-sm-2 col-md-2 col-lg-2">
</div> <!-- .feature-block -->
</div> <!-- .row -->
<div class="first row">
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<h3 class="sub-heading">What is FCHacks?</h3>
<p>FCHacks is a hackathon, scheduled for March 2, 2019 at Fox Chapel Area High School, for high schoolers in the Pittsburgh area. A hackathon is a competition during which students who are interested in exploring computer science or engineering team up and build projects (apps, games, robots, or whatever they're excited about) from scratch. Hackathons are a great way to show students—especially those who might not have had much exposure to science or engineering in the past—how fun and useful these fields can be. Today's hackathon participants will be tomorrow's makers, dreamers, and inventors.
</div> <!-- .feature-block -->
<div class="feature-block col-sm-8 col-md-8 col-lg-8">
<h3 class="sub-heading">What makes FCHacks special?</h3>
<p>FCHacks is different from the the typical hackathon for a few reasons:</p>
<ul>
<li><p>It's specifically meant for high school students. Most hackathons are geared towards college students and explicitly prohibit high schoolers from attending. However, by college, most students have made up their minds about what they're interested in. High school is the perfect time to let student discover firsthand how exciting computer science and engineering can be; FCHacks is the first high school hackathon in the Pittsburgh region.</p>
<li><p>We're specifically focused on making FCHacks accessible to beginners. We're planning an intensive, all-day workshops for beginners teaching them how to code something from scratch with no prior programming knowledge—we want students to be able to come in without having written a single line of code before and leave with a project they built from scratch. We'll also provide a special prize for beginners, and laptors for students who don't have their own. Accessibility is our primary goal.</p>
<li><p>It's run entirely by a team of high school students. This will help us make the event engaging—we <em>are</em> our target audience—and also make FCHacks a great learning experience for the student organizers and volunteers.</p>
</ul>
</div> <!-- .feature-block -->
</div> <!-- .row -->
<div class="row">
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<h3 class="sub-heading">Why should I sponsor?</h3>
<p>Sponsoring FCHacks is a great way to give back to the community—you'd be able to play a major role in giving local students, across different ages, skill levels, and genders, that initial "spark" that gets them hooked on computer science, engineering, or design. If you choose to send mentors or to sponsor a track prize (e.g., "Best Healthcare Hack" or "Best Mobile Hack"), you'd be able to directly help students learn the skills of the future. Your sponsorship will also help ensure that the event is completely free for students, so cost isn’t a barrier to attend.</p><p>In addition, sponsorship is a great way to promote your brand—we'd put your logo in our press releases and on our website and t-shirts, and we'd also publicly thank you during the event. FCHacks ia great way to connect with budding engineers and scientists across Pittsburgh.</p>
<h3 class="sub-heading">What kind of commitment do sponsors need to make?</h3>
<p>We need all the help we can get, so any way you can contribute is appreciated. However, we do have a couple potential sponsorship opportunities in mind. First, we need materials (like food and t-shirts for all the participants) to make the event successful—so, if you're a local business who'd be willing to provide any of these items, that'd be tremendously helpful. We also need sponsors to contribute money and provide prizes; here are some suggested contributions:</p>
</div> <!-- .feature-block -->
<div class="feature-block col-sm-8 col-md-8 col-lg-8">
<img src="img/fchacks/sponsorship-tiers.jpeg" class="sponsor-graphic img-responsive" />
<p>However, even if you don't think you'd be able to contribute at these levels, or if you're looking for something different, please get in touch! We'd love to speak with you.</p>
</div> <!-- .feature-block -->
</div> <!-- .row -->
</div> <!-- .container -->
</section>
<section id="contact" class="cta cta-1 cta-sponsor">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="heading">Interested in potentially sponsoring FCHacks?</h2></h2>
<div class="heading-line-break"></div>
<h2 class="heading"><small>Email us at <a href="mailto:[email protected]" class="callout">[email protected]</a> to get the process started. We can't wait to hear from you!</small></h2>
</div>
</div> <!-- .col-lg-10 -->
</div> <!-- .row -->
</div> <!-- .container -->
</section>
<section class="footer footer-3">
<div class="container">
<div class="row">
<div class="footer-address col-md-3 col-sm-3 col-md-offset-2 col-sm-offset-2">
<h4>Contact Information</h4>
General:
<a href="mailto:[email protected]">[email protected]</a>
<br>
Press:
<a href="mailto:[email protected]">[email protected]</a>
<br>
Sponsorship:
<a href="mailto:[email protected]">[email protected]</a>
</div> <!-- /.col-md-3 -->
<div class="col-md-8 col-sm-8 col-md-offset-2 col-sm-offset-2">
<hr>
<p class="text-center">©2019 FCHacks. Website designed by <a href="http://mihir.garimella.io" target="_blank">Mihir Garimella</a> and updated by <a href="#contact">Arnav Gupta</a>. All rights reserved.</p>
</div> <!-- /.col-md-8 -->
</div> <!-- /.row -->
</div>
</section>
<!-- Bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<!-- Load main js -->
<script src="js/main.min.js"></script>
</body>
</html>