-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
230 lines (214 loc) · 12.1 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name = "viewport" content = "width = device-width">
<title>Workantile Exchange | Coworking | Ann Arbor, MI</title>
<link rel="stylesheet" href="styles/screen.css" type="text/css" media="screen" title="no title" charset="utf-8">
<!--[if !IE]>-->
<link rel="stylesheet" href="styles/iphone.css" type="text/css" media="only screen and (max-device-width: 480px)" />
<!--<![endif]-->
<!--[if IE]>
<link rel="stylesheet" href="styles/ie.css" type="text/css" media="screen" title="no title" charset="utf-8">
<![endif]-->
<link rel="stylesheet" href="styles/workantile.css" type="text/css" media="screen" title="no title" charset="utf-8">
<link rel="stylesheet" href="javascript/nivoslider/nivo-slider.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="javascript/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="javascript/nivoslider/jquery.nivo.slider.pack.js" type="text/javascript" charset="utf-8"></script>
<script src="javascript/jquery.scrollTo-min.js" type="text/javascript" charset="utf-8"></script>
<script src="javascript/workantile.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- <a class='i-want-to-belong' href='#'>goforit</a> -->
<div id='member-login'>
<a href='https://members.workantileexchange.com'>Member login</a>
</div>
<div class='container'>
<h1>Workantile Exchange</h1>
</div>
<div id='welcome'>
<div class='container'>
<div class='section welcome'>
<div class='column span-9 last'>
<h2>Independent but not alone...</h2>
<p>
We are authors, programmers, lawyers, software developers, architects, translators, entrepreneurs, educators, small and independent business owners, and more.
</p>
<p>
We manage a 3000-square foot private coworking Clubhouse in the
heart of downtown Ann Arbor. We also run events for Members and the general
public, and keep a stock of all the standard office resources you'd
expect.
</p>
<p>
We'd love to meet you. Drop in and take a tour.
</p>
</div>
</div>
</div>
</div>
<div class='container'>
<div class='section space'>
<div class='column span-12'>
<h2>The Space</h2>
<p>
We have 3000ft<sup>2</sup> of open-format space divided into three unique areas: street-level "Café" floor for casual working, a quiet Mezzanine work/meeting area for heads-down focus time or large meetings, and the Biz Basement to house printing, scanning, day-use lockers and indoor bike parking. The facility has been completely rewired with clean power, saturated with high-bandwidth WiFi, and filled with ergonomic, reconfigurable furniture. We've set aside space for private phone calls, have a kitchenette (stocked with snacks and coffee), bathroom, and private conference rooms for two, four, and ten people.
</p>
</div>
<div class='photos span-12 last'>
<img src="images/photos/4160008541_ed10e7a415_o.jpg" width="470" height="315" title='Pizza Thursday. Our time to relax and unwind.'>
<img src="images/photos/4160455577_f88eaa7a7f_o.jpg" width="470" height="315" title='Indoor bike parking in the Biz basement.'>
<img src="images/photos/4160468975_bc40696251_o.jpg" width="470" height="315" >
<img src="images/photos/4174194557_76c90a34f5_o.jpg" width="470" height="315" >
<img src="images/photos/4174198967_025d165f9f_o.jpg" width="470" height="315" title='Reservable meeting rooms for 2, 4, and 10 guests.'>
<img src="images/photos/4174199987_daa2702b8c_o.jpg" width="470" height="315" title="Fuel your ideas with free Zingerman's coffee. New roasts each week.">
<img src="images/photos/4174940752_117896f172_o.jpg" width="470" height="315" >
<img src="images/photos/4203809097_cfa1d8e713_o.jpg" width="470" height="315" >
<img src="images/photos/4204496692_4654656ec9_o.jpg" width="470" height="315" title='Uniquely configurable space. Remake your office daily.'>
<img src="images/photos/4287564607_58f74847a1_o.jpg" width="470" height="315" >
<img src="images/photos/4288339236_5deb5efeef_o.jpg" width="470" height="315" >
</div>
</div>
<div class='clear'>
<div class='section location'>
<div class='column span-12'>
<div id='maps-and-such'>
<img id='map-static' src='http://maps.google.com/maps/api/staticmap?center=42.280841,-83.748575&size=470x330&zoom=16&sensor=false&markers=color:red|42.280841,-83.748575' width='470' height='330'>
<div id='map-container'>
<div id="map-canvas" style='width:470px; height:330px;'></div>
</div>
</div>
</div>
<div class='column span-12 last'>
<h2>Location</h2>
<p>
Workantile Exchange is located at 118 S Main, halfway between Huron and Washington Streets on the west side of South Main St in the center of Ann Arbor, MI. Need a thought-clearing break during the day? Try perusing the cool comics and toys at <a href='http://www.vaultofmidnight.com/'>Vault of Midnight</a>, picking up fresh strawberries at the <a href='http://www.a2gov.org/government/communityservices/parksandrecreation/farmersmarket/Pages/FarmersMarket.aspx'>Ann Arbor farmer's market</a>, finish some quick shopping at the <a href='http://www.kerrytown.com/'>Kerrytown market</a>, grab a book from the <a href='http://aadl.org'>Ann Arbor District Library</a>, or nab lunch at any of the great downtown restaurants: it's all within a five minute walk of your desk.
</p>
</div>
</div>
<div class='section members'>
<div class='column span-12'>
<h2>Who's there?</h2>
<p>
Workantile members come from many backgrounds and professions. Members include authors, programmers, lawyers, software developers, architects, translators, entrepreneurs, educators, small and independent business owners, and more. We've grown rapidly from a founding group of a dozen to nearly 100 active members. Members are drawn to Workantile for a variety of reasons. Some use Workantile as their primary office, some need additional professional space to meet with clients, a few even joined for the coffee, bus pass, and downtown locker. Stop in and see how Workantile can improve your business.
</p>
</div>
<div class='column span-12 last'>
<div class='avatars'>
<img src="images/avatars/barbara.png" width="90" height="90" alt="Barbara">
<img src="images/avatars/ben.jpg" width="90" height="90" alt="Ben">
<img src="images/avatars/bill.jpg" width="90" height="90" alt="Bill">
<img src="images/avatars/dave.jpg" width="90" height="90" alt="Dave">
<img src="images/avatars/grace.jpg" width="90" height="90" alt="Grace">
<img src="images/avatars/jeff.jpg" width="90" height="90" alt="Jeff">
<img src="images/avatars/jimmy.jpg" width="90" height="90" alt="Jimmy">
<img src="images/avatars/mike.jpg" width="90" height="90" alt="Mike">
<img src="images/avatars/matt.jpg" width="90" height="90" alt="Matt">
<img src="images/avatars/johnathan.jpg" width="90" height="90" alt="Johnathan">
<img src="images/avatars/noah.jpg" width="90" height="90" alt="Noah">
<img src="images/avatars/rob.jpg" width="90" height="90" alt="Rob">
<img src="images/avatars/tom-2.jpg" width="90" height="90" alt="Tom 2">
<img src="images/avatars/tom.jpg" width="90" height="90" alt="Tom">
<img src="images/avatars/deborah.jpg" width="90" height="90" alt="Deborah">
<!-- <img src="images/avatars/trek.jpeg" width="90" height="90" alt="Trek"> -->
</div>
</div>
</div>
<div id='join-us' class='section joining'>
<div class='column span-12'>
<div class='offer'>
<div class='span-4'>
<div class='who'>Members</div>
<div class='price'><span class='buck'>$</span>160<span class='units'>/month</span></div>
</div>
<div class='span-4'>
<div class='who'>Students<sup><small>1</small></sup></div>
<div class='price'><span class='buck'>$</span>35<span class='units'>/month</span></div>
</div>
<div class='span-3 last'>
<div class='who'>Day Pass</div>
<div class='price'><span class='buck'>$</span>15<span class='units'>/day</span></div>
</div>
<div class='trial-notice'>
<div class='ask'>Give it a try:</div>
<div class='deal'>Get a One-Week Pass for only $35<sup><small>2</small></sup></div>
</div>
</div>
</div>
<div class='column span-12 last'>
<h2>Becoming a member</h2>
<p>
We loving showing off our space and meeting new people.
Contact
Community Manager Trek Glowacki (<a href='mailto:trek@workantile.com'>trek@workantile.com</a>, 734 834 2328)
and we can arrange a time to meet, sip some coffee, and chat.
Membership is $160/mo (only $35/mo for full time students<sup><small>1</small></sup>)
</p>
</div>
</div>
<div class='section benefits'>
<div class='column span-24 last'>
<h2>Additional Benefits</h2>
<div class='column span-8'>
<ul>
<li>24-access</li>
<li>Day use lockers</li>
<li>Indoor/Outdoor bike racks</li>
<li><a href='http://www.theride.org/gopass.asp'>AATA Bus pass</a></li>
<li>Printer/Scanner</li>
</ul>
</div>
<div class='column span-8'>
<ul>
<li>Paper shredder</li>
<li>Fridge</li>
<li>Microwave</li>
<li>$1 snacks</li>
<li><a href='http://www.zingermanscoffee.com/'>Zingerman's</a> coffee</li>
</ul>
</div>
<div class='column span-8 last'>
<ul>
<li>Weekly pizza lunch (Thursday, noon)</li>
<li>Meeting spaces (for 2, 4, 10, and 40 guests)</li>
<li>Business mailing address</li>
<li>Local discounts</li>
</ul>
</div>
</div>
</div>
<!-- <div class='section press'>
<h2>What're People Saying</h2>
</div> -->
</div>
</div>
<div id='footer'>
<p>© 2010 Workantile Exchange</p>
<small>
<sup>1</sup>Student membership includes night (6pm to 6am), weekend, and event access.
Excludes business mailing address use and Go!Pass. Student membership available
only for fully enrolled students in an accredited 4-year undergraduate or
graduate program, working towards a degree.
</small>
<small>
<sup>2</sup>Promotional One-Week passes: limit 1 per customer.
Cannot be combined with any previous or future promotional offer.
Excludes use of day locker, AATA go!Pass, and mailbox.
Building access limited to business hours
(Monday to Friday, 8am to 6pm, excluding holidays).
</small>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-9707761-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>
<!-- hosted on github -->
</body>
</html>