-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
302 lines (238 loc) · 10 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
<!doctype html>
<!--[if lt IE 9]><html class="lte-ie8"><![endif]-->
<!--[if gt IE 8]><!--><html><!--<![endif]-->
<head>
<title>With Associates</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/assets/application-3fa666becd88614521331d4acc92169e.css" media="screen" rel="stylesheet" type="text/css" />
<script src="/assets/application-755a2a346fb9e20f5e75d4d816abfa9e.js" type="text/javascript"></script>
<script src="//use.typekit.net/mks6mvd.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
<!--[if lt IE 9]>
<script src="/assets/html5shiv-f1fcf74d9198929030a20db9a28dfca4.js" type="text/javascript"></script>
<![endif]-->
</head>
<body class="default-layout">
<nav class="navigation">
<a href="/" class="navigation-home">With Associates</a>
<ul id="primary_navigation"><li class="first active nav-home"><a href="/">About</a></li>
<li class="nav-clients"><a href="/clients">Clients</a></li>
<li class="last nav-contact"><a href="/contact">Contact</a></li>
</ul>
</nav>
<main class="content-container">
<div class="slice intro-slice">
<div class="intro-text"><p>We plan, design and build<br>
digital services,<br>
websites and apps</p>
</div>
</div>
<div class="slice people-slice">
<ul class="people" role="list" aria-label="People">
<li class="person first" role="listitem">
<strong class="person-name">Erin Staniland</strong>
<span class="person-role">Director & Developer</span>
<div class="person-links social-icons">
<ul>
<li><a href="https://github.com/erino">GitHub</a></li>
<li><a href="https://twitter.com/erino">Twitter</a></li>
<li><a href="http://instagram.com/erino">Instagram</a></li>
</ul>
</div>
</li>
<li class="person second" role="listitem">
<strong class="person-name">Jenifer Dunn</strong>
<span class="person-role">Director & Developer</span>
<div class="person-links social-icons">
<ul>
<li><a href="https://github.com/weesquirt">GitHub</a></li>
<li><a href="http://www.instagram.com/weesquirt">Instagram</a></li>
</ul>
</div>
</li>
<li class="person third" role="listitem">
<strong class="person-name">Mathew Wilson</strong>
<span class="person-role">Director & Producer</span>
<div class="person-links social-icons">
<ul>
<li><a href="https://twitter.com/mathewwilson">Twitter</a></li>
</ul>
</div>
</li>
<li class="person fourth" role="listitem">
<strong class="person-name">Jamie White</strong>
<span class="person-role">Developer</span>
<div class="person-links social-icons">
<ul>
<li><a href="http://github.com/jgwhite">GitHub</a></li>
<li><a href="http://twitter.com/jgwhite">Twitter</a></li>
</ul>
</div>
</li>
<li class="person first" role="listitem">
<strong class="person-name">Thomas Marshall</strong>
<span class="person-role">Developer</span>
<div class="person-links social-icons">
<ul>
<li><a href="https://github.com/thomasmarshall">GitHub</a></li>
<li><a href="https://twitter.com/tmrshl">Twitter</a></li>
<li><a href="http://www.thomasmarshall.com">Link</a></li>
</ul>
</div>
</li>
<li class="person second" role="listitem">
<strong class="person-name">Joseph Morrow</strong>
<span class="person-role">Developer</span>
<div class="person-links social-icons">
<ul>
<li><a href="https://github.com/jsphm">GitHub</a></li>
<li><a href="https://twitter.com/jsphmrrw">Twitter</a></li>
<li><a href="https://instagram.com/jsphmrrw">Instagram</a></li>
</ul>
</div>
</li>
<li class="person third" role="listitem">
<strong class="person-name">Anna Goss</strong>
<span class="person-role">Producer</span>
<div class="person-links social-icons">
<ul>
<li><a href="https://twitter.com/annagoss">Twitter</a></li>
<li><a href="http://instagram.com/annagoss">Instagram</a></li>
<li><a href="http://www.annagoss.co">Link</a></li>
</ul>
</div>
</li>
<li class="person fourth" role="listitem">
<strong class="person-name">Calum Gunn</strong>
<span class="person-role">Developer</span>
<div class="person-links social-icons">
<ul>
<li><a href="https://github.com/calumgunn">GitHub</a></li>
<li><a href="http://www.calumgunn.com">Link</a></li>
<li><a href="http://www.twitter.com/clap_mutation">Twitter</a></li>
</ul>
</div>
</li>
<li class="person first" role="listitem">
<strong class="person-name">Marie Gordon</strong>
<span class="person-role">Studio Manager</span>
<div class="person-links social-icons">
<ul>
<li><a href="https://twitter.com/mariedraws">Twitter</a></li>
<li><a href="http://instagram.com/mariegordon01">Instagram</a></li>
</ul>
</div>
</li>
<li class="person second" role="listitem">
<strong class="person-name">Ben Symonds</strong>
<span class="person-role">Developer</span>
<div class="person-links social-icons">
<ul>
<li><a href="https://github.com/bensymonds">GitHub</a></li>
</ul>
</div>
</li>
<li class="person third" role="listitem">
<strong class="person-name">David Thurgood</strong>
<span class="person-role">Designer</span>
<div class="person-links social-icons">
<ul>
<li><a href="https://twitter.com/davidjthurgood">Twitter</a></li>
<li><a href="https://instagram.com/davidjthurgood/">Instagram</a></li>
</ul>
</div>
</li>
</ul>
</div>
<div class="slice text-slice">
<div class="text-left"><h2>Find us & Contact</h2>
</div>
<div class="text-right"><p>54B Downham Road<br>
London N1 5AS<br>
<a href="https://www.google.com/maps/preview/place/With+Associates/@51.5393855,-0.0804974,17z/data=!3m1!4b1!4m2!3m1!1s0x48761c97123fb02b:0x58be244455af2d8e">View in Google Maps</a></p>
<p><a href="tel:+442079234757">+44 20 7923 4757</a><br>
<div class="footer-social social-icons">
<ul>
<li><a href="https://github.com/withassociates">GitHub</a></li>
<li><a href="https://twitter.com/withassociates">Twitter</a></li>
<li><a href="https://instagram.com/withassociates">Instagram</a></li>
</ul>
</div>
<p>We set up 54B in 2013 as a shared workspace for designers, developers, illustrators, artists, architects, writers and more.</p>
<p><a href="http://54b.co.uk" class="button external-button">54B.co.uk</a></p>
</div>
</div>
<div class="products"><div class="slice product-slice">
<div class="product-left">
<div class="product-text"><h2>Let Us Automate That For You</h2>
<p>Do you have a regular task so tedious and frustrating you dread doing it? What if a computer could do it for you and save you from the boredom? We want to help automate your task for you!</p>
<p><a href="/let-us-automate-that-for-you" class="button external-button">Read more and send us your task</a></p>
</div>
</div>
</div>
<div class="slice product-slice">
<div class="product-right">
<div class="product-text"><h2>Pair</h2>
<p>Free 30 minute pairing sessions with one of our team. Perfect if you’re having trouble with a tricky programming problem, need a hand deciding on a design solution or want someone to bounce ideas off for your product, site or business.</p>
<p><em>Check availability and book session at</em></p>
<p><a href="http://pair.withassociates.com" class="button external-button">pair.withassociates.com</a></p>
</div>
</div>
</div>
<div class="slice product-slice">
<div class="product-left">
<div class="product-text"><h2>With Links</h2>
<p>Our weekly collection of links based on a theme, delivered to your inbox every Friday.</p>
<p><em>Sign up</em></p>
<form class="sign-up-form" action="https://withassociates.createsend.com/t/r/s/ikkkjd/" method="post">
<button type="submit" class="sign-up-button">Submit</button>
</form>
<p><em>View past issues</em></p>
<p><a href="http://links.withassociates.com" class="button external-button">links.withassociates.com</a></p>
</div>
</div>
</div>
<div class="slice product-slice">
<div class="product-right">
<div class="product-text"><h2>Slices</h2>
<p>Slices is our open-source content management system built with Ruby on Rails. It's the perfect CMS for Ruby developers looking for a CMS, and its easy to use, simple interface puts the control into the user's hands.</p>
<p><em>Read more about Slices</em></p>
<p><a href="http://slices.withassociates.com" class="button external-button">slices.withassociates.com</a></p>
</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="footer-contact">
<p>+44 20 7923 4757<br>
</div>
<div class="footer-social social-icons">
<ul>
<li><a href="https://github.com/withassociates">GitHub</a></li>
<li><a href="https://twitter.com/withassociates">Twitter</a></li>
<li><a href="https://instagram.com/withassociates">Instagram</a></li>
</ul>
</div>
<div class="footer-legals">
<p>With Associates is the trading name of With Associates Digital Limited. Registered office: 54B Downham Road, N1 5AS. Registered in England under registration No. 08928808.</p>
</div>
</footer>
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-298580-3'], ['_trackPageview'], ['_trackPageLoadTime']);
(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>