-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·203 lines (198 loc) · 10.2 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
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
<!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, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title>hackNY Fellows Program 2015</title>
<!-- SASS INCLUDES -->
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<header class="nav-up">
<div class="wrapper">
<a class="logo-link" href="#welcome">
<img class="logo" src="img/logo.png">
</a>
<div class="right">
<ul class="nav">
<li>- <a href="#about">About</a> - </li>
<li><a href="#deadlines">Deadlines</a> - </li>
<li><a href="#advice">Advice</a> - </li>
<li><a href="#news">News</a> - </li>
</ul>
</div>
<img class="menu" src="img/menu.png">
<ul class="nav-dropdown">
<li><p>Menu<span class="cross">X</span></p></li>
<li><a href="#about">About</a></li>
<li><a href="#deadlines">Deadlines</a></li>
<li><a href="#advice">Advice</a></li>
<li><a href="#news">News</a></li>
</ul>
</div>
</header>
<section class="welcome" id="welcome">
<div class="wrapper">
<div class="left">
<h1>
<img class="logo" src="img/logo.png">
</h1>
<h1>hackNY<br>Fellows Program<br><span>2015</span></h1>
<h2 class="hashtag">#</h2><br>
<div class="divider"></div>
<button class="apply btn">Apply Now</button>
</div>
<div class="right">
<ul class="rslides">
<li><img src="img/coverpic.png" alt=""></li>
<li><img src="img/coverpic2.png" alt=""></li>
<li><img src="img/coverpic3.png" alt=""></li>
<li><img src="img/coverpic4.png" alt=""></li>
</ul>
<ul class="nav">
<li>- <a href="#about">About</a> - </li>
<li><a href="#deadlines">Deadlines</a> - </li>
<li><a href="#advice">Advice</a> - </li>
<li><a href="#news">News</a> -</li>
</ul>
</div>
</div>
</section><!-- end welcome -->
<section class="about" id="about">
<div class="wrapper">
<!-- <div class="divider">
</div> -->
<h1>The Program</h1>
<h3>The hackNY Fellows program pairs the best technical minds with the greatest New York startups.</h3>
<div class="container">
<div class="left">
<p>The summer Fellows program pairs exceptional quantitative and computational students with the best startups in NYC. Students enjoy free housing together and a pedagogical lecture series to introduce them to the ins and outs of joining and founding a startup. Local startups are carefully selected for the program and have demonstrated evidence of a mentoring environment, committing to: a specific person (CTO, lead dev, or technical mentor) to work with you, a specific place allocated for you to work, and, a specific technical problem for you to conquer during the program.
</p><br>
</div>
<div class="divider" id="middle-divider">
</div>
<div class="right">
<p> You'll live with a cohort of the most talented and creative student-hackers from across the US and Canada, have a paid internship, have the opportunity to learn from your work, our structured weekly speaker series, and each other. Sound like an awesome summer? It is! To hear the class of 2011 describe their summer, please see <a href="https://www.youtube.com/watch?v=-9Aan-_cUb4">this video</a> about what life is like as hackNY Fellows. We highly encourage you to apply early. We receive a large volume of applicants each year and we fill the class of hackNY Fellows as applications come. If you have any questions email <a href="mailto:info@hackNY.org?Subject=Enquires">info@hackNY.org</a>.</p><br>
</div>
</div>
<button class="apply btn">Apply Now</button>
<!-- <div class="divider">
</div> -->
</div>
</section>
<section class="deadlines" id="deadlines">
<div class="wrapper">
<div class="title-divider divider"></div>
<h1>Deadlines</h1>
<p>hackNY reviews applications on a rolling basis and expects to be in communication with applicants by the following dates:</p>
<div class="timelines">
<div class="timeline"><p>Apply by<br>Nov 15th</p></div>
<div class="timeline"><p>Reply by<br>Dec 15th</p></div>
<br class="breakpoint hide"><br class="breakpoint hide">
<div class="timeline"><p>Apply by<br>Dec 15th</p></div>
<div class="timeline"><p>Reply by<br>Feb 1st</p></div>
<br class="breakpoint hide"><br class="breakpoint hide">
<div class="timeline"><p>Apply by<br>Feb 1st</p></div>
<div class="timeline"><p>Reply by<br>March 1st</p></div>
</div>
</div>
</section>
<section class = "advice" id="advice">
<div class = "wrapper">
<h1>Advice About Applying</h1>
<div class = "row">
<div class="fellow-pic" id="fellow1" onclick="location.href='http://jessepollak.me/advice-on-applying-to-hackny/'"></div>
<div class="caption">
<div class="divider"></div>
<h1>Jesse Pollak<br></h1>
<h2>2013 hackNY Fellow</h2>
<p>Over the last few weeks, I’ve gotten a few emails asking for advice on applying to hackNY. Each time, I’ve rewritten my thoughts on the application process — gradually refining the emails. Over the weekend, I decided to consolidate those emails into one, get feedback from the hackNY community, and publish it for anyone interested in applying to hackNY …</p>
<button class="read btn" onclick="location.href='http://jessepollak.me/advice-on-applying-to-hackny/'">Read More</button>
</div>
</div>
<div class = "row">
<div class="fellow-pic" id="fellow2" onclick="location.href='http://theycallmeswift.com/2013/11/18/my-hackny-application/'"></div>
<div class="caption">
<div class="divider"></div>
<h1>Mike Swift<br></h1>
<h2>2013 hackNY Fellow</h2>
<p>Over the past few weeks, I’ve traveled to a number of schools to talk to student hackers about why they should apply for the hackNY summer fellowship program. The basic gist is that every summer hackNY supplies a group of up and coming student hackers with housing in the heart of NYC and pairs them up with a kickass paid intership at one of the city’s best startups …</p>
<button class="read btn" onclick="location.href='http://theycallmeswift.com/2013/11/18/my-hackny-application/'">Read More</button>
</div>
</div>
<div class = "row">
<div class="fellow-pic" id="fellow3" onclick="location.href='http://thecalvinchan.com/blog/2014/10/23/hackny-recap/'"></div>
<div class="caption">
<div class="divider"></div>
<h1>Calvin Chan<br></h1>
<h2>2014 hackNY Fellow</h2>
<p>Recently, a lot of people have been asking me about New York. Sometimes, it's regarding this whole "hackingNY" thing that I was a part of this past summer. And other times, it's about my fascination with Manhattan and the greater NY area. But most of the time, the questions are just about how I manage to keep missing my flights out of Newark. …</p>
<button class="read btn" onclick="location.href='http://thecalvinchan.com/blog/2014/10/23/hackny-recap/'">Read More</button>
</div>
</div>
<div class = "row">
<div class="fellow-pic" id="fellow4" onclick="location.href='https://medium.com/@shyruparel/my-hackny-application-36fe514463f5'"></div>
<div class="caption">
<div class="divider"></div>
<h1>Shy Ruparel<br></h1>
<h2>2014 hackNY Fellow</h2>
<p>Quite a few people have asked to see my hackNY application. Instead of individually emailing it, I’ve decided to just post it here. Hopefully this is helpfully to anyone considering to apply to hackNY. Before submitting it I had it reviewed by multiple friends, both technical (for content) and non-technical (for spelling, grammar, flow, etc etc.) …</p>
<button class="read btn" onclick="location.href='https://medium.com/@shyruparel/my-hackny-application-36fe514463f5'">Read More</button>
</div>
</div>
</div>
</section>
<section class="news" id="news">
<div class="wrapper">
<div class="title-divider divider"></div>
<h1>hackNY on the News</h1>
<div class="news-items">
<div class="divider"></div><p>Blog</p>
<a class="item" href="http://hackny.org/a/blog/"></a>
<div class="divider"></div><p>Fellows Program</p>
<a class="item" href="https://www.youtube.com/watch?v=-9Aan-_cUb4"></a>
<div class="divider"></div><p>Hackathon</p>
<a class="item" href="https://www.youtube.com/watch?v=lzNJp3qpPqc"></a><div class="divider end"></div><br class="breakpoint hide">
<div class="divider" ></div><p>Twitter</p>
<a class="item" href="https://twitter.com/hackny"></a>
<div class="divider" ></div><p>Wall Street Journal</p>
<a class="item" href="http://www.wsj.com/news/articles/SB10001424052748703302604575294740285039332?mg=reno64-wsj&url=http%3A%2F%2Fonline.wsj.com%2Farticle%2FSB10001424052748703302604575294740285039332.html"></a>
<div class="divider" ></div><p>CNN</p>
<a class="item"href="http://money.cnn.com/video/news/2012/01/05/n_computer_science_jobs.cnnmoney/"></a><div class="divider end"></div><br class="breakpoint hide">
<div class="divider"></div><p>AVC</p>
<a class="item" href="http://avc.com/2011/04/the-hackny-hackathon/"></a>
<div class="divider end"></div>
</div>
</div>
</section>
<footer>
<div class="wrapper">
<div class="left">
<ul>
<li>- <a href="http://hackny.org/a/">Visit hackNY.org</a> - </li>
<li><a href="">Terms of Use</a> - </li>
<li><a href="">Private Policy</a> - </li>
<li><a href="http://apply.hackny.org/faq">FAQ</a> - </li>
</ul>
</div>
<div class="right">
<p>© hackNY Fellows Program 2015</p>
</div>
</div>
</footer>
<!-- JS INCLUDES -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/main.js"></script>
<script src="js/typed.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-59187301-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>