-
Notifications
You must be signed in to change notification settings - Fork 1
/
testing.html
291 lines (224 loc) · 12.5 KB
/
testing.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
<!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="top-nav text-center">
<a href="#what"><strong>Learn More</strong></a>
<span> or </span>
<a href="#contact"><strong>Skip to Contact</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.slideshare.net/deskwanted/global-coworking-survey-2012" target="blank">2012 Global Coworking Survey</a>.</p>
<!-- <ul>
<li>71% report a <strong>boost in creativity</strong> since joining a coworking space</li>
<li>68% said they are better able to <strong>focus</strong> on their work</li>
<li>Almost 90% of coworkers report an <strong>increase in self-confidence</strong></li>
<li>62% said their <strong>standard of work</strong> improved</li>
</ul> -->
</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="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 highlighted">
<h5>Open Device Lab</h5>
<p>That's right designers and developers - come test your sites on a plethora of different devices! Swing by anytime between 9AM and 5PM to use the lab. Huge thanks to <a href="http://bradfrostweb.com" target="blank">Brad Frost</a> and the Pittsburgh web community for making this happen.</p>
<img src="build/img/device-lab.jpg" alt="Open Device Lab" />
</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> <!-- /.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="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 do have a few offices to rent, but we aren't an office space. Offices are <a href="http://www.deskmag.com/en/advantages-of-coworkig-spaces-over-traditional-and-home-offices-581" taget="blank">boring, antisocial, and suffocating</a> - the antithesis of coworking. We do have some cubes around for fun though. Feel free to vandalize them.</p>
</div>
</div>
</div> <!-- /.wrap -->
</section> <!-- /.content-unit -->
<section class="content-unit">
<div class="wrap">
<h2 class="unit-title">Join</h2>
<p class="summary">Come hang out any weekday and meet some members. If you'd like to use the space beyond the day, we have a few desk and office options:</p>
<div class="clearfix">
<div class="sixcol first">
<div class="perk">
<h5>Part-Time Membership <span class="price">$50/mo</span></h5>
<p>Get a key and sit wherever you like.</p>
<a class="btn" href="https://catapultpgh.memberful.com/orders/new?subscription=62" target="blank">Sign up</a>
</div>
<div class="perk">
<h5>Full-Time Membership <span class="price">$150/mo</span></h5>
<p>Pick a desk and set up shop. Bring a monitor, desktop computer, and clutter it up to your heart's content. Well, within reason.</p>
<a class="btn" href="https://catapultpgh.memberful.com/orders/new?subscription=38" target="blank">Sign up</a>
</div>
</div> <!-- /.sixcol -->
<div class="sixcol last">
<div class="perk">
<h5>Day Pass <span class="price">$10/day</span></h5>
<p>That's, like, two lattes.</p>
<a class="btn" href="https://catapultpgh.memberful.com/orders/new?product=282" target="blank">Buy a day</a>
</div>
</div> <!-- /.sixcol -->
</div>
</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:4129791774" target="blank">412-979-1774</a> • <a href="http://twitter.com/CatapultPGH" target="blank">@CatapultPGH</a></p>
<script data-gratipay-username="catapultpgh"
data-gratipay-widget="button"
src="//grtp.co/v1.js"></script>
<script data-gratipay-username="catapultpgh"
src="//grtp.co/v1.js"></script>
</div>
</div> <!-- /.wrap -->
</section> <!-- /.content-unit -->
<!--
<nav class="sticky-shortcut text-center">
<a href="#contact"><i class="fa fa-arrow-down"></i> Skip to Contact</a>
</nav> -->
</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>