forked from catapultpgh/catapultpgh.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
363 lines (338 loc) · 19.9 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
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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>CatapultPGH Coworking</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/style.css?v1.2">
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<link rel="apple-touch-icon" href="apple-icon-touch.png">
<link rel="icon" href="favicon.png">
<script type="text/javascript" src="//use.typekit.net/eyy5aeh.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body id="top">
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header class="site-header content-unit clearfix">
<div class="wrap">
<img class="logo unstyle-img" src="build/img/header-logo.png" alt="CatapultPGH Coworking Community">
<p class="summary">Working from home? Ew, why? Come work with us.</p>
</div>
<nav class="text-center">
<a href="#what"><strong>Learn More</strong></a>
<span> / </span>
<a href="#contact"><strong>Skip to Contact</strong></a>
<span> / </span>
<a href="/directory.html"><strong>Our Directory</strong></a>
</nav>
</header>
<div class="main" role="main">
<section class="content-unit" id="what">
<div class="wrap">
<h2 class="unit-title">What is Catapult?</h2>
<figure class="fig-large">
<img src="build/img/space-panorama.jpg" alt="Catapult space">
</figure>
<p class="summary">Catapult is a coworking <strong>community of independent workers</strong> with an awesome space in the heart of Pittsburgh's <strong>Lawrenceville</strong>. We are designers, developers, writers, entrepreneurs, comedians, and creatives of all types. Stop by sometime.</p>
</div> <!-- /.wrap -->
</section> <!-- /.content-unit -->
<section class="content-unit">
<div class="wrap">
<h2 class="unit-title">Why cowork?</h2>
<p class="summary">Sure, maybe you've got an extra bedroom for your home office, or maybe you are perfectly happy working from your local coffee shop. Same here! But guess what? Coworking <em>works</em>, and here's why:</p>
<div class="perks clearfix">
<div class="sixcol first">
<div class="perk">
<h5>Network</h5>
<p>Are you a writer looking for work? Need a web designer? Well, talk to the designer next to you! Or post to our Google Group and chances are someone in the space will send you a referral.</p>
</div>
<div class="perk">
<h5>Productivity</h5>
<p>According to surveys, coworkers report being <strong>75% more productive</strong> than in their previous work spaces. With no kids, TV, or cleaning to be done, you can focus on what you need to do. And, of course, participate in some productive banter along the way.</p>
</div>
</div>
<div class="sixcol last">
<div class="perk">
<h5>Legit Meeting Space</h5>
<p>You can't meet with clients in your living room, and coffee shops have sub-par internet, no projector or whiteboards, and are noisy! Wouldn't it be awesome to have all of these things and swanky conference room?</p>
</div>
<div class="perk">
<h5>Take yourself seriously</h5>
<p>Let's face it. Working in your underwear is <em>way</em> overrated. You are better than that!</p>
</div>
</div>
</div>
<p class="summary">Aren't convinced? Check out these <a href="http://www.inc.com/ss/8-reasons-consider-coworking-space" target="blank">8 reasons to join a coworking space</a> and some stats via the <a href="http://www.deskmag.com/en/2016-forecast-global-coworking-survey-results" target="blank">2016 Global Coworking Survey</a>.</p>
</div> <!-- /.wrap -->
</section> <!-- /.content-unit -->
<section class="content-unit">
<div class="wrap">
<h2 class="unit-title">Why Catapult?</h2>
<p class="summary">Among the coolest folks in the Burgh, we've got lots of perks:</p>
<div class="perks clearfix">
<div class="sixcol first">
<div class="perk">
<h5>Awesome location</h5>
<p>Smack dab in the middle of Lawrenceville, <strong>5000 sq. feet</strong>, and <strong>free parking</strong> to boot.</p>
<img src="build/img/street.jpg" />
</div>
<div class="perk">
<h5>Delicious Coffee</h5>
<p>We take coffee <em>very</em> seriously - needless to say, our Chemex gets quite a workout.</p>
<img src="build/img/coffee.jpg" alt="Coffee at Catapult">
</div>
<div class="perk">
<h5>Business Address</h5>
<p>C'mon, that's pretty pro.</p>
</div>
<div class="perk">
<h5>Honor System</h5>
<p>People use the space to varying degrees and have a wide
range of budgets, depending on who they work for, whether or
not they're paying out of pocket, the non-monetary ways in
which they contribute, etc. Since Catapult is a community, we
operate an honor system for payments.</p>
</p>
</div>
</div> <!-- /.sixcol -->
<div class="sixcol last">
<div class="perk">
<h5>24 hr Access</h5>
<p>You like to work at 2am? Go for it.</p>
</div>
<div class="perk">
<h5>Beer</h5>
<p>Seriously, we have a kegerator. No big deal.</p>
</div>
<div class="perk">
<h5>Conference Room</h5>
<p>A well lit sizeable conference room complete with whiteboards and a projector.</p>
<img src="build/img/conference-room.jpg" alt="Conference Room">
</div>
<div class="perk">
<h5>Kitchen</h5>
<p>Dishwasher, fridge, microwave, and all!</p>
</div>
<div class="perk">
<h5>Friendly faces</h5>
<p>Just look at our receptionist!</p>
<img src="build/img/receptionist.jpg" alt="Catapult's Receptionist" />
</div>
</div> <!-- /.sixcol -->
</div>
</div> <!-- /.wrap -->
</section> <!-- /.content-unit -->
<section class="content-unit">
<div class="wrap">
<h2 class="unit-title">Catapult Community</h2>
<figure class="fig-large">
<img src="build/img/community.jpg" />
</figure>
<blockquote class="h2">“Our no. 1 resource isn’t our square footage, it’s the relationships and connections between our members.” <br />- <cite>Alex Hillman, founder of <a href="http://indyhall.org" target="blank">Indy Hall</a></cite></blockquote>
<p class="summary">That quote says it all. Sure, a conference room, fast internet, and coffee are all valid reasons to join a coworking space, but at the end of the day it's the people. We've got good ones.</p>
<div class="clearfix">
<div class="eightcol first">
</div>
</div>
</div> <!-- /.wrap -->
</section> <!-- /.content-unit -->
<section class="content-unit">
<div class="wrap">
<h2 class="unit-title">What Catapult Isn't</h2>
<p class="summary">Just to clarify, Catapult is...</p>
<div class="perks clearfix">
<div class="sixcol first perk">
<h5><span class="danger">NOT</span> an incubator</h5>
<p>Of course, we welcome startups with opening arms. But unlike other coworking spaces in Pittsburgh, Catapult does not double as an incubator. We are simply a community of independents who choose to work together.</p>
</div>
<div class="sixcol last perk">
<h5><span class="danger">NOT</span> Boring Office Space</h5>
<p>We don't have any available offices, and probably never will. We do have currently rented offices, but the experience has been pretty hit or miss and we'd rather focus on community, not tiny rooms filled with non-interacting people.</p>
</div>
</div>
</div> <!-- /.wrap -->
</section> <!-- /.content-unit -->
<section class="content-unit">
<div class="wrap">
<h2 class="unit-title">Visit</h2>
<p class="summary">Come hang out any weekday and meet some members. We operate on the honor system with PayPal. Suggested amounts are:</p>
<div class="perks clearfix">
<div class="sixcol first">
<div class="perk">
<h5>Day Pass <span class="price">$10/day</span></h5>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="[email protected]">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="amount" value="10">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="item_name" value="Day Pass at Catapult">
<br>
<input type="image" src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_paynow_107x26.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
</form>
</div>
</div> <!-- /.sixcol -->
<div class="sixcol">
<div class="perk">
<h5>Week Pass <span class="price">$35/WEEK</span></h5>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="[email protected]">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="amount" value="35">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="item_name" value="Half-Day Pass at Catapult">
<br>
<input type="image" src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_paynow_107x26.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
</form>
</div>
</div> <!-- /.sixcol -->
</div> <!-- /.clearfix -->
<div class="perks clearfix">
<div class="sixcol first">
<div class="perk">
<h5 class="br">One Time Donation<br><span class="price">Name Your Price</span></h5>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3DN7EXU4KLGGE">
<input type="image" src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_paynow_107x26.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
</form>
</div>
</div> <!-- /.sixcol -->
</div> <!-- /.clearfix -->
<p class="summary">... or leave some money in the cash jar when you're here.</p>
</div> <!-- /.wrap -->
</section> <!-- /.content-unit -->
<section class="content-unit">
<div class="wrap">
<h2 class="unit-title">Join</h2>
<p class="summary">Here to stay? Awesome! We operate on the honor system with monthly recurring payments through PayPal. Suggested amounts are:</p>
<div class="perks clearfix">
<div class="sixcol first">
<div class="perk">
<h5>Flex Desk <span class="price">$75/month</span></h5>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_xclick-subscriptions">
<input type="hidden" name="business" value="[email protected]">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="a3" value="75">
<input type="hidden" name="p3" value="1">
<input type="hidden" name="t3" value="M">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="src" value="1">
<input type="hidden" name="item_name" value="Monthly Flex Desk Subscription at Catapult">
<br>
<input type="image" src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_subscribe_113x26.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
</form>
</div>
</div> <!-- /.sixcol -->
<div class="sixcol">
<div class="perk">
<h5>Fixed Desk <span class="price">$150/month</span></h5>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_xclick-subscriptions">
<input type="hidden" name="business" value="[email protected]">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="a3" value="150">
<input type="hidden" name="p3" value="1">
<input type="hidden" name="t3" value="M">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="src" value="1">
<input type="hidden" name="item_name" value="Monthly Fixed Desk Subscription at Catapult">
<br>
<input type="image" src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_subscribe_113x26.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
</form>
</div>
</div> <!-- /.sixcol -->
</div> <!-- /.clearfix -->
<div class="perks clearfix">
<div class="sixcol first">
<div class="perk">
<h5>Flex Desk <span class="price">Name Your Price</span></h5>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3BB9N9W8QE2NY">
<table>
<tr><td><input type="hidden" name="on0" value="Name Your Price (Flex desk)"></td></tr><tr><td><select name="os0">
<option value="Option 1">Option 1 : $10.00 USD - monthly</option>
<option value="Option 2">Option 2 : $20.00 USD - monthly</option>
<option value="Option 3">Option 3 : $30.00 USD - monthly</option>
<option value="Option 4">Option 4 : $40.00 USD - monthly</option>
<option value="Option 5">Option 5 : $50.00 USD - monthly</option>
<option value="Option 6">Option 6 : $60.00 USD - monthly</option>
<option value="Option 7">Option 7 : $70.00 USD - monthly</option>
<option value="Option 8">Option 8 : $80.00 USD - monthly</option>
<option value="Option 9">Option 9 : $90.00 USD - monthly</option>
<option value="Option 10">Option 10 : $100.00 USD - monthly</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_subscribe_113x26.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
</form>
</div>
</div> <!-- /.sixcol -->
<div class="sixcol">
<div class="perk">
<h5>Fixed Desk <span class="price">Name Your Price</span></h5>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="MQKRGE3K65WMN">
<table>
<tr><td><input type="hidden" name="on0" value="Name Your Price (Fixed Desk)"></td></tr><tr><td><select name="os0">
<option value="Option 1">Option 1 : $100.00 USD - monthly</option>
<option value="Option 2">Option 2 : $110.00 USD - monthly</option>
<option value="Option 3">Option 3 : $120.00 USD - monthly</option>
<option value="Option 4">Option 4 : $130.00 USD - monthly</option>
<option value="Option 5">Option 5 : $140.00 USD - monthly</option>
<option value="Option 6">Option 6 : $150.00 USD - monthly</option>
<option value="Option 7">Option 7 : $160.00 USD - monthly</option>
<option value="Option 8">Option 8 : $170.00 USD - monthly</option>
<option value="Option 9">Option 9 : $180.00 USD - monthly</option>
<option value="Option 10">Option 10 : $190.00 USD - monthly</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_subscribe_113x26.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
</form>
</div>
</div> <!-- /.sixcol -->
</div> <!-- /.clearfix -->
<p class="summary">... or name your price <a
href="https://gratipay.com/catapultpgh">on Gratipay</a>
(<i>weekly</i> recurring).</p>
</div> <!-- /.wrap -->
</section> <!-- /.content-unit -->
<section class="content-unit" id="contact">
<div class="wrap clearfix">
<h2 class="unit-title">Contact</h2>
<p class="text-center email"><a href="mailto:[email protected]" target="blank">[email protected]</a></p>
<p class="summary text-center"><a href="https://www.google.com/maps/preview#!q=4327+Butler+St%2C+2nd+Floor%2C+Pittsburgh%2C+PA+15201&data=!4m15!2m14!1m13!1s0x8834f25273c120e5%3A0x94a7f6f4c8e535d0!3m8!1m3!1d2905!2d-79.959792!3d40.471473!3m2!1i1017!2i735!4f13.1!4m2!3d40.471502!4d-79.960112" target="blank">4327 Butler St, 2nd Floor, Pittsburgh, PA 15201</p>
<img src="build/img/map.png" alt="4327 Butler St., Pittsburgh"></a>
<div class="contact-info">
<p class="summary"><a href="tel:8043382663" target="blank">+1 (804) 338-2663</a> • <a href="http://twitter.com/CatapultPGH" target="blank">@CatapultPGH</a></p>
</div>
</div> <!-- /.wrap -->
</section> <!-- /.content-unit -->
</div> <!-- /.main -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script src="build/js/production.min.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-46787787-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>