-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcards.html
119 lines (118 loc) · 8.51 KB
/
cards.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
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>With Associates : cards</title>
<link href="/assets/jfa.css" media="all" rel="stylesheet" type="text/css"/>
<link rel="shortcut icon" href="/assets/favicon.ico"/>
<!--[if IE]>
<link href="/assets/jfa_ie.css" media="all" rel="stylesheet" type="text/css"/>
<![endif]-->
<meta name="description" content="A different digital agency. One that, for every project, gathers a team with complementary skills, and from every team guarantees a unique approach." />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="google-site-verification" content="VObSJQxnBJvYi9zf4TjIMeXDuvKjxRYJHda-dZf6dgM" />
<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js" type="text/javascript"></script>
<script src="/assets/jfa.js" type="text/javascript"></script>
<script src="/assets/get_json.js" type="text/javascript"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>
<body class="section">
<div id="container">
<div id='hd'>
<div class="centre">
<ul id="nav">
<li class='first'><a href="/">Home</a></li>
<li><a href="/cards">Cards</a></li>
<li><a href="http://withassociates.tumblr.com">Tumblr</a></li>
</ul>
<div id="twitter">
</div>
</div>
</div>
<div id='maincontent' class="centre">
<div id='logo'>
<a href="/">
<img src="/assets/logo.gif" alt="WithAssociates logo" height="32" width="302"/>
</a>
</div>
<div class='main'>
<div class="copy">
<h1>Cards</h1>
<div class="cols three">
<div class="col first">
<h2>Erin MOO’s<br/>Flickr picked by Jenifer</h2>
<p>In our first venture into Moo business cards <a href="#moo">(?)</a>, we decided to add the twist of picking representative sets from each others Flickr streams <a href="#flickr">(?)</a>.</p>
<p>Jenifer’s interpretation of Erin then involves cycling, eating meat (Erin was a vegetarian from birth to the age of 23), holidaying, his knack for sensing potential danger and the fact he’s a bit tall (6’ 4” at our last measure).</p>
</div>
<div class="col">
<h2>Jenifer MOO’s<br/>Flickr picked by Mathew</h2>
<p>With Jenifer being perhaps the most well travelled person Mathew knows, it seemed fitting that her cards gave such allusions.</p>
<p>So from death cycles through Bolivia, to <a href="http://en.wikipedia.org/wiki/Mos_Eisley">Mos Eisley</a> dwellings in Libya, to the salt plains of <a href="http://en.wikipedia.org/wiki/Salar_de_Uyuni">Salar de Uyuni</a>, all the way back home to the lochs and mountains of Scotland, it’s a mystery how her itchy feet have kept her in London so long.</p>
</div>
<div class="col">
<h2>Mathew MOO’s<br/>Flickr picked by Erin</h2>
<p>The fact Mathew carries a camera with near OCD qualities made Erin’s job perhaps the hardest of all.</p>
<p>From the mostly bizarre collection though, Erin identified his <a href="http://www.flickr.com/photos/moff/sets/72157610185030412/">‘Jacket Vs…’</a> and <a href="http://www.flickr.com/photos/moff/sets/72157603624875313">‘I See Faces’</a> sets, along with an ode to a banana, a shot of the sort of shed he aspires too… and a BMXer doing things he used to do in his nimbler days.</p>
</div>
</div>
<div class="hr"><hr/></div>
<div class="cols three images">
<div class="col first">
<p><a href="http://www.flickr.com/photos/erinstaniland/2568191016/"><img src="/store/image/file/07/5a/crop-1.php.jpg" alt="" width="300" height="196" /></a></p>
<p><a href="http://www.flickr.com/photos/erinstaniland/3198129257/"><img src="/store/image/file/07/5c/crop-3.php.jpg" alt="" width="300" height="196" /></a></p>
<p><a href="http://www.flickr.com/photos/erinstaniland/3196505167/"><img src="/store/image/file/07/5b/crop-2.php.jpg" alt="" width="300" height="196" /></a></p>
<p><a href="http://www.flickr.com/photos/erinstaniland/3625269840/"><img src="/store/image/file/07/5d/crop-4.php.jpg" alt="" width="300" height="196" /></a></p>
<p><a href="http://www.flickr.com/photos/erinstaniland/2567371811/"><img src="/store/image/file/07/5e/crop.php.jpg" alt="" width="300" height="196" /></a></p>
</div>
<div class="col">
<p><a href="http://www.flickr.com/photos/dunnet/2553417967"><img src="/store/image/file/07/5j/crop-1.php.jpg" alt="" width="300" height="196" /></a></p>
<p><a href="http://www.flickr.com/photos/dunnet/2994035327"><img src="/store/image/file/07/5g/crop-2.php.jpg" alt="" width="300" height="197" /></a></p>
<p><a href="http://www.flickr.com/photos/dunnet/2600873345"><img src="/store/image/file/07/5h/crop-3.php.jpg" alt="" width="300" height="196" /></a></p>
<p><a href="http://www.flickr.com/photos/dunnet/3144174409/"><img src="/store/image/file/07/5i/crop-4.php.jpg" alt="" width="300" height="195" /></a></p>
<p><a href="http://www.flickr.com/photos/dunnet/1452536067/"><img src="/store/image/file/07/5f/crop.php.jpg" alt="" width="300" height="196" /></a></p>
</div>
<div class="col">
<p><a href="http://www.flickr.com/photos/moff/3619802986"><img src="/store/image/file/07/5l/crop-1.php.jpg" alt="" width="300" height="197" /></a></p>
<p><a href="http://www.flickr.com/photos/moff/3441953556"><img src="/store/image/file/07/5m/crop-2.php.jpg" alt="" width="300" height="196" /></a></p>
<p><a href="http://www.flickr.com/photos/moff/3616070341/"><img src="/store/image/file/07/5o/crop-3.php.jpg" alt="" width="300" height="196" /></a></p>
<p><a href="http://www.flickr.com/photos/moff/3567790194"><img src="/store/image/file/07/5k/crop.php.jpg" alt="" width="300" height="196" /></a></p>
<p><a href="http://www.flickr.com/photos/moff/178546710/"><img src="/store/image/file/07/5n/crop-4.jpg" alt="" width="300" height="195" /></a></p>
</div>
</div>
<div class="hr"><hr/></div>
<div class="cols two">
<div class="col first">
<h2 id="moo">What’s a MOO business card?</h2>
<p><a href="http://moo.com">MOO</a> is a digital company that loves to print and their passion for using digital tools to make real things happen appeals greatly to our own philosophies.</p>
<p>With an ever expanding product range, from business cards and MiniCards to postcards, stickers and more, MOO are constantly developing their site and services with tools that plug into other site like Bebo, Etsy, Facebook Flickr.</p>
<p><a href="http://uk.moo.com/en/about/index.php">Read at MOO, about what they do</a></p>
</div>
<div class="col">
<h2 id="flickr">What’s a Flickr stream?</h2>
<p><a href="http://www.flickr.com">Flickr</a> positions itself as “almost certainly the best online photo management and sharing application in the world”. While we’re not qualified to totally confirm such a claim, we can say it’s our favourite and preferred method of quickly and easily sharing images online.</p>
<p>This card project for example was based on the fact that we each have our own Flickr accounts, not to mention another for <a href="http://www.flickr.com/photos/withassociates">With Associates</a> as a whole.</p>
</div>
</div>
</div>
</div>
</div>
<div id="ft">
<ul>
<li class="first">With Associates is the trading name of With Associates UK LLP</li>
<li>Registered office: Top Floor 100 De Beauvoir Rd, N1 4EN</li>
<li>Registered in England under registration no. OC313207</li>
</ul>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-298580-3");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html>