-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmarch.html
190 lines (181 loc) · 7.68 KB
/
march.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
<!DOCTYPE html>
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
<link type="text/css" rel="stylesheet" href="stylesheets/wa-2011.css" />
<link type="text/css" rel="stylesheet" href="stylesheets/wa-2011-03.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="javascripts/scripts.js"></script>
<script type="text/javascript" src="javascripts/march-scripts.js"></script>
<script type="text/javascript" src="javascripts/wa-2011-03.js"></script>
<title>With Associates — We're a digital agency who build and design websites and apps</title>
<script type='text/javascript'>
//<![CDATA[
Cufon.replace('h2');
Cufon.replace('h3');
//]]>
</script>
<!--[if lte IE 8]>
<script src="/javascripts/html5.js"></script>
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-298580-3']);
_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>
</head>
<body class='march'>
<nav class='global_header' class="white">
<a href="/" id='back'>
<img src="images/header/logo.gif"/>
</a>
<div id='menu'>
<ul id='compact'>
<li class='padding'>
<p id='short_text'>
We're changing our site every month... <a href="#" id="more" class="toggle">read more</a>
</p>
<p id='long_text'>We're changing our site every month this year with an aim to experiment, play, discuss and learn more about the ever evolving nature of the digital environment. Follow <a href="http://twitter.com/@withassociates">@withassociates</a> for updates, or <a href="/january">read more behind the idea</a>, or simply explore the index on the right… <a href="#" id="less">read less</a>
</p>
</li>
<li class='dropdown'>
<a class='toggle' href='/' id='current'>
Index
</a>
<ul id='months'>
<li><a href="/january">January</a></li>
<li><a href="/february">February</a></li>
<li><a href="/march">March</a></li>
<li><a href="/april">April</a></li>
<li><a href="/may">May</a></li>
<li><a href="/june">June</a></li>
<li><a href="/july">July</a></li>
<li><a href="/august">August</a></li>
<li><a href="/september">September</a></li>
<li><a href="/october">October</a></li>
<li><a href="/november">November</a></li>
<li><a href="/december">December</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<div class='row'>
<div class='column grid_12'>
<div class='row'>
<div class='column grid_6' id='main-content'>
<div class='padding' id='logo'>
<img alt="" src="images/march/logo.png" />
</div>
<div class='row vcard' id='contact-info'>
<div class='column grid_3'>
<div class='padding'>
<p>Say hello;<br />
<a style="display:none;" class="fn org url" href="http://www.withassociates.com/">WithAssociates</a>
<span class="email"><a href="mailto:[email protected]">[email protected]</a></span><br />
<span class="tel">
+ 44 (0)20 7923 4757<br />
</span>
<br/>
We’re also on <a href="http://www.flickr.com/photos/withassociates" class="flickr">flickr</a> & <a href="http://twitter.com/withassociates" class="twitter">twitter</a></p>
</div>
</div>
<div class='column grid_3'>
<div class='padding'>
<p>
With Associates<br/>
<span class="street-address">100 De Beauvoir Road</span><br/><span class="locality">London</span><br/><span class="postal-code">N1 4EN</span>
</p>
</div>
</div>
</div>
</div>
<div class='column grid_6' id='what-we-do'>
<div class='row'>
<div class='column grid_1'>
<img alt="" src="images/march/icon-heart.png" />
</div>
<div class='column grid_5'>
<h2>We plan user experiences</h2>
<p>Before we write a line of code, we help assess your goals and the requirements of your customers to inform the planning of your site or app. Your customers will thank you for it.</p>
</div>
<div class='column grid_1'>
<img alt="" src="images/march/icon-arrow.png" />
</div>
<div class='column grid_5'>
<h2>We design intuitive interfaces</h2>
<p>Designing on top of a solid experiential foundation, we craft interfaces and web designs that make your business look good, and that people love to use.</p>
</div>
<div class='column grid_1'>
<img alt="" src="images/march/icon-cog.png" />
</div>
<div class='column grid_5'>
<h2>We build robust apps and websites</h2>
<p>Using the industry leading Ruby on Rails framework, we build stable and fast apps and websites. We've even <a href="http://slices.withassociates.com">built our very own CMS</a> which, we believe, is the best in the business.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='row' id='portfolio'>
<div class='column grid_12'>
<h3>Clients & Recent Work</h3>
</div>
<div class='column grid_3'>
<div class='bbc thumb'></div>
<a href='/'>BBC</a>
</div>
<div class='column grid_3'>
<a href='http://sohohouse.com'>
<div class='sh thumb'></div>
</a>
<a href='/'>Soho House</a>
</div>
<div class='column grid_3'>
<a href='http://vitsoe.com'>
<div class='vitsoe thumb'></div>
</a>
<a href='/'>Vitsœ</a>
</div>
<div class='column grid_3'>
<a href='http://itsnicethat.com'>
<div class='int thumb'></div>
</a>
<a href='/'>It's Nice That</a>
</div>
<div class='column grid_3'>
<a href='http://whenshouldwe.com'>
<div class='wsw thumb'></div>
</a>
<a href='/'>When Should We</a>
</div>
<div class='column grid_3'>
<div class='clc thumb'></div>
<a href='/'>Cut Laser Cut (soon)</a>
</div>
<div class='column grid_3'>
<div class='edible thumb'></div>
<a href='/'>Edible (soon)</a>
</div>
<div class='column grid_3'>
<a href='http://lorva.co.uk'>
<div class='lorva thumb'></div>
</a>
<a href='/'>Louise O'Reilly</a>
</div>
</div>
<div class='row'>
<div class='column grid_12'>
<div class='copy'>© 2011 With Associates UK LLP. With love.</div>
</div>
</div>
<!--# include file="/with-banner/index.html" -->
</body>
</html>