helpDid you know?
Anything red is clickable
+ & - will expand and collapse the code
Portfolio images
Hover the 'src' to view thumbnail
Click 'litebox' to view fullscreen
Text too small?
Press 'ctrl +' to increase the font size and 'ctrl -' to reduce it
Close
Previous tip
Next tip
tip-expander
<html>
<head>
<title>
Designers’ Friend Ltd. — Home
</title>
<meta name="description" content="Designers’ Friend is a web development company catering specifically for the world’s creative community. Websites as they are designed."/>
<meta name="keywords" content="HTML5 CSS3 PHP Python Django Javascript JQuery Bespoke CMS"/>
<meta name="author" content="Andy Mathieson — andy@designersfriend.co.uk"/>
<meta name="contact" content="70 Cameron Way Edinburgh EH54 8HE +44(0)7727487382"/>
<meta name="copyright" content="©2014 — Designers’ Friend Ltd"/>
</head>
<body>
 
 
<section id="introduction">
 
<h1>
Welcome to Designers’ Friend.
</h1>
 
<p>
If you have made it this far then you will have realised that this is in fact a fully armed and operational website. The challenge here was for a non-designer(me!) to design a website for the world’s greatest designers(you — maybe?) A pretty tall order by any means. Before we continue, please note that I don’t design at all, I am terrible at it. A 3 year old with an eight-pack of crayola can produce better designs than me. Yes I know I have won design awards from the Type Directors Club, D&AD and others but that doesn’t make me a designer, they must hand them out to everybody. So, I thought to myself, I’m a coder, write the thing in HTML, it’s neutral and shows exactly what us developers have to get out of bed each afternoon and comprehend. The intention is also to have a little bit of fun, hover things, click things, there are a couple of hidden items throughout the site.
</p>
 
<h2>
“Coders aren’t designers... and vice versa”
</h2>
 
<p>
From the previous paragraph you may have come to the conclusion that I do not design nor understand design concepts. That being said however, I do understand designers. I have had the good fortune to work with some of the best in the business. I think if I weren’t a web developer I could quite easily become a psychologist for creatives. Having worked so closely with them over the past several years I have witnessed the obsession, neurosis and borderline madness driven by the aim of perfection. I truly believe if you do not suffer from one if not all of these self-afflictions, you are not in that upper-echelon of greatness and our journey together should probably end now. I only want to work with the best, the obsessive compulsives. Designers’ Friend is different. You are the designer, I build for you. I don’t fuck mess with your designs. I understand that you have a million things going on in your crazy brain so I take care of hosting, SEO etc. Are you even interested that your website is built using Python and the Django framework, HTML5 and JQuery? Thought not. What matters is that the site is live, looks great and the copy has no
widows.
</p>
 
</section>
 
things happen
<section id="portfolio">
 
<article id="saffron-brand-consultants">
 
<h1 class="project">
Saffron Brand Consultants
</h1>
<h2 class="studio">
Saffron Brand Consultants
</h2>
 
<p>
A beautifully designed pixel-perfect portfolio site displaying a whole array of work from one of the worlds leading brand consultants.

I loved working on this website, it works and looks exactly as the Saffron designers had envisaged.
</p>
 
<div class="screengrabs">
<img src="img/sbc01.jpg" alt="" class="litebox"/>
<img src="img/sbc02.jpg" alt="" class="litebox"/>
<img src="img/sbc03.jpg" alt="" class="litebox"/>
<img src="img/sbc04.jpg" alt="" class="litebox"/>
<img src="img/sbc05.jpg" alt="" class="litebox"/>
<img src="img/sbc06.jpg" alt="" class="litebox"/>
<img src="img/sbc07.jpg" alt="" class="litebox"/>
<img src="img/sbc08.jpg" alt="" class="litebox"/>
<img src="img/sbc09.jpg" alt="" class="litebox"/>
<img src="img/sbc10.jpg" alt="" class="litebox"/>
<img src="img/sbc11.jpg" alt="" class="litebox"/>
<img src="img/sbc12.jpg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://saffron-consultants.com">
Website
</a>
<a href="http://saffron-consultants.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="barkers-for-dogs">
 
<h1 class="project">
Barkers for Dogs
</h1>
<h2 class="studio">
Handsome
</h2>
 
<p>
Using a mixture of excellent fonts and amazing hand-drawn artwork,
London based Handsome Brands have designed a really beautiful site
here for Barkers for Dogs.

Barkers is a paradise for dogs, where they can go and have their spa, be
groomed, buy bedding, food bowls and all things canine. Although Barkers
is a Pets at Home company, the branding serves well to give it that local
pet shop feel, which any dog will be pulling it's master into!
</p>
 
<div class="screengrabs">
<img src="img/bfd01.jpg" alt="" class="litebox"/>
<img src="img/bfd02.jpg" alt="" class="litebox"/>
<img src="img/bfd03.jpg" alt="" class="litebox"/>
<img src="img/bfd04.jpg" alt="" class="litebox"/>
<img src="img/bfd05.jpg" alt="" class="litebox"/>
<img src="img/bfd06.jpg" alt="" class="litebox"/>
<img src="img/bfd07.jpg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://barkersfordogs.com/">
Website
</a>
<a href="http://handsomebrands.co.uk">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="wally-olins">
 
<h1 class="project">
Wally Olins
</h1>
<h2 class="studio">
Saffron Brand Consultants
</h2>
 
<p>
It was an honour to be asked to build a website for the legend Wally Olins to coincide with the launch of his brand new book, aptly titled ‘Brand New.’

It is with great sadness however that between the few short days between putting his website live and writing this very sentence, Mr Olins has passed away. I know Wally was loved by all those at Saffron and the world's creative community as a whole, who will miss him dearly.

May you rest in peace Sir.
</p>
 
<div class="screengrabs">
<img src="img/wally01.jpg" alt="" class="litebox"/>
<img src="img/wally02.jpg" alt="" class="litebox"/>
<img src="img/wally03.jpg" alt="" class="litebox"/>
<img src="img/wally04.jpg" alt="" class="litebox"/>
<img src="img/wally05.jpg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://wallyolins.com">
Website
</a>
<a href="http://saffron-consultants.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="paul-belford-ltd">
 
<h1 class="project">
Paul Belford Ltd
</h1>
<h2 class="studio">
Paul Belford Ltd
</h2>
 
<p>
Paul Belford is one of the world's most talented creative directors and there was only ever one objective with his website — to display his incredible array of work.

The website is grid based as well as being responsive, looking glorious on small screens but especially on large screens.
</p>
 
<div class="screengrabs">
<img src="img/pb01.jpg" alt="" class="litebox"/>
<img src="img/pb02.jpg" alt="" class="litebox"/>
<img src="img/pb03_1.jpg" alt="" class="litebox"/>
<img src="img/pb04.jpg" alt="" class="litebox"/>
<img src="img/pb05.jpg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://paulbelford.com">
Website
</a>
<a href="http://paulbelford.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="cast-iron-stoves">
 
<h1 class="project">
Cast Iron Stoves
</h1>
<h2 class="studio">
Very Own Studio
</h2>
 
<p>
Mark at Very Own Studio has once again come up with a fantastic design, this time for the aptly named cast-iron-stoves.co.uk. The requirements were for an e-commerce with two forms of payment merchant, the ability to resize to the users browser, and for a separate mobile version. Voilà!

Cast-iron-stoves.co.uk is up, running and successfully trading.
</p>
 
<div class="screengrabs">
<img src="img/cis01.jpg" alt="" class="litebox"/>
<img src="img/cis02.jpg" alt="" class="litebox"/>
<img src="img/cis03.jpg" alt="" class="litebox"/>
<img src="img/cis04.jpg" alt="" class="litebox"/>
<img src="img/cis05.jpg" alt="" class="litebox"/>
<img src="img/cis06.jpg" alt="" class="litebox"/>
<img src="img/cis07.jpg" alt="" class="litebox"/>
<img src="img/cis08.jpg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://cast-iron-stoves.co.uk">
Website
</a>
<a href="http://veryownstudio.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="handsome">
 
<h1 class="project">
Handsome Brands
</h1>
<h2 class="studio">
Handsome
</h2>
 
<p>
Handsome are a London based branding agency with whom I enjoy
working with. On this occasion it was their own portfolio website
which showcases their outstanding talents. This site just looks slick.

Always a pleasure to work with you. Good luck with the site.
</p>
 
<div class="screengrabs">
<img src="img/han01.png" alt="" class="litebox"/>
<img src="img/han02.png" alt="" class="litebox"/>
<img src="img/han03.png" alt="" class="litebox"/>
<img src="img/han04.png" alt="" class="litebox"/>
<img src="img/han05.png" alt="" class="litebox"/>
<img src="img/han06.png" alt="" class="litebox"/>
<img src="img/han07.png" alt="" class="litebox"/>
<img src="img/han08.png" alt="" class="litebox"/>
<img src="img/han09.png" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://handsomebrands.co.uk">
Website
</a>
<a href="http://handsomebrands.co.uk">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="this-is-real-art">
 
<h1 class="project">
This is Real Art
</h1>
<h2 class="studio">
This is Real Art
</h2>
 
<p>
This is Real Art is a well known creative agency based in London. They have an exceptional portfolio of work and the objective of this website is to display that. The design was simple and elegant, allowing the work to take precedent.
</p>
 
<div class="screengrabs">
<img src="img/tira01.jpg" alt="" class="litebox"/>
<img src="img/tira02.jpg" alt="" class="litebox"/>
<img src="img/tira03.jpg" alt="" class="litebox"/>
<img src="img/tira04.jpg" alt="" class="litebox"/>
<img src="img/tira05.jpg" alt="" class="litebox"/>
<img src="img/tira06.jpg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://tira.co">
Website
</a>
<a href="tira.co">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="stuart-hamilton-photographer">
 
<h1 class="project">
Stuart Hamilton Photographer
</h1>
<h2 class="studio">
</h2>
 
<p>
The brief for this website was simple. ‘Just show the work.’ And that&rsquos what it does.

Upon landing you are greeted with a small slideshow giving you a taste of some Stuart&rsquos work.
You can then browse his full portfolio or individual projects. Whether you are using an iPhone,
iPad or desktop, there is a fullscreen mode where you cansimply sit back and enjoy the work.
</p>
 
<div class="screengrabs">
<img src="img/sh01.jpg" alt="" class="litebox"/>
<img src="img/sh02.jpg" alt="" class="litebox"/>
<img src="img/sh03.jpg" alt="" class="litebox"/>
<img src="img/sh04.jpg" alt="" class="litebox"/>
<img src="img/sh05.jpg" alt="" class="litebox"/>
<img src="img/sh06.jpg" alt="" class="litebox"/>
<img src="img/sh07.jpg" alt="" class="litebox"/>
<img src="img/sh08.jpg" alt="" class="litebox"/>
<img src="img/sh09.jpg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="stuarthamilton.com">
Website
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="the-mighty-stitch">
 
<h1 class="project">
The Mighty Stitch
</h1>
<h2 class="studio">
Rupert Ray
</h2>
 
<p>
Laura Lees is a master embroider, with work that has been featured in Vogue, The Telegraph and the Express. Her designs are ultra modern and she needed a website that reflects this.

Upon landing at the website, the visitor is presented with beautiful fullscreen imagery of her work. The website features two portfolios, one for her artwork, the second for her fashion, the user can browse through the colourful imagery of Lauras creations. There are further sections for upcoming courses and news.

The website has a full CMS built specifically to Lauras needs.
</p>
 
<div class="screengrabs">
<img src="img/tms01.jpeg" alt="" class="litebox"/>
<img src="img/tms02.jpeg" alt="" class="litebox"/>
<img src="img/tms03.jpeg" alt="" class="litebox"/>
<img src="img/tms04.jpeg" alt="" class="litebox"/>
<img src="img/tms05.jpeg" alt="" class="litebox"/>
<img src="img/tms06.jpeg" alt="" class="litebox"/>
<img src="img/tms07.jpeg" alt="" class="litebox"/>
<img src="img/tms08.jpeg" alt="" class="litebox"/>
<img src="img/tms09.jpeg" alt="" class="litebox"/>
<img src="img/tms10.jpeg" alt="" class="litebox"/>
<img src="img/tms11.jpeg" alt="" class="litebox"/>
<img src="img/tms12.jpeg" alt="" class="litebox"/>
<img src="img/tms13.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://laura-lees.com">
Website
</a>
<a href="http://rupertray.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="bob-design">
 
<h1 class="project">
Bob Design
</h1>
<h2 class="studio">
Bob Design
</h2>
 
<p>
A sleek, elegant portfolio website for London based Bob Design Ltd.
This website achieves it's goal of showcasing their great array of work.

Thanks for the amazing christmas card!
</p>
 
<div class="screengrabs">
<img src="img/bob01.jpg" alt="" class="litebox"/>
<img src="img/bob02.jpg" alt="" class="litebox"/>
<img src="img/bob03.jpg" alt="" class="litebox"/>
<img src="img/bob04.jpg" alt="" class="litebox"/>
<img src="img/bob05.jpg" alt="" class="litebox"/>
<img src="img/bob06.jpg" alt="" class="litebox"/>
<img src="img/bob07.jpg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://bobdesign.co.uk">
Website
</a>
<a href="http://bobdesign.co.uk">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="jim-stephenson-architectural-photographer">
 
<h1 class="project">
Jim Stephenson — Architectural Photographer
</h1>
<h2 class="studio">
Very Own Studio
</h2>
 
<p>
This photography website was built simply to show the clients work in an elegant way. Built with a custom CMS suited to Jim's needs, this site displays his work gloriously at the browsers maximum resolution. The site was also adapted to work across multiple platforms including iPad and iPhone.
</p>
 
<div class="screengrabs">
<img src="img/js1.png" alt="" class="litebox"/>
<img src="img/js2.png" alt="" class="litebox"/>
<img src="img/js3.png" alt="" class="litebox"/>
<img src="img/js4.png" alt="" class="litebox"/>
<img src="img/js5.png" alt="" class="litebox"/>
<img src="img/js6.png" alt="" class="litebox"/>
<img src="img/js7.png" alt="" class="litebox"/>
<img src="img/js8.jpg" alt="" class="litebox"/>
<img src="img/js9.jpg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://clickclickjim.com">
Website
</a>
<a href="http://veryownstudio.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="who-is-ben-kay">
 
<h1 class="project">
Whois Ben Kay
</h1>
<h2 class="studio">
This is Real Art
</h2>
 
<p>
A website for blockbuster thriller author Ben Kay. The site references the world of surveillance and secret databases, revealing witty information and videos.

As a confirmed conspiracy nut, I thoroughly enjoyed building this site!
</p>
 
<div class="screengrabs">
<img src="img/wibk01.jpeg" alt="" class="litebox"/>
<img src="img/wibk02.jpeg" alt="" class="litebox"/>
<img src="img/wibk03.jpeg" alt="" class="litebox"/>
<img src="img/wibk04.jpeg" alt="" class="litebox"/>
<img src="img/wibk05.jpeg" alt="" class="litebox"/>
<img src="img/wibk06.jpeg" alt="" class="litebox"/>
<img src="img/wibk07.jpeg" alt="" class="litebox"/>
<img src="img/wibk08.jpeg" alt="" class="litebox"/>
<img src="img/wibk09.jpeg" alt="" class="litebox"/>
<img src="img/wibk10.jpeg" alt="" class="litebox"/>
<img src="img/wibk11.jpeg" alt="" class="litebox"/>
<img src="img/wibk12.jpeg" alt="" class="litebox"/>
<img src="img/wibk13.jpeg" alt="" class="litebox"/>
<img src="img/wibk14.jpeg" alt="" class="litebox"/>
<img src="img/wibk15.jpeg" alt="" class="litebox"/>
<img src="img/wibk16.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://whois.ben-kay.com">
Website
</a>
<a href="http://thisisrealart.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="the-proust">
 
<h1 class="project">
The Proust
</h1>
<h2 class="studio">
Charlie De Grussa
</h2>
 
<p>
The Proust is a website that explores the personalities, habits and mannerisms of exceptional people using an adapted version of the Proust questionnaire.
</p>
 
<div class="screengrabs">
<img src="img/proust01.jpeg" alt="" class="litebox"/>
<img src="img/proust02.jpeg" alt="" class="litebox"/>
<img src="img/proust03.jpeg" alt="" class="litebox"/>
<img src="img/proust04.jpeg" alt="" class="litebox"/>
<img src="img/proust05.jpeg" alt="" class="litebox"/>
<img src="img/proust06.jpeg" alt="" class="litebox"/>
<img src="img/proust07.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://theproust.net">
Website
</a>
<a href="http://charliedegrussa.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="adam-hinton-portfolio">
 
<h1 class="project">
Adam Hinton
</h1>
<h2 class="studio">
This is Real Art
</h2>
 
<p>
Adam Hinton is an award-winning photographer and film-maker. His work is simply fantastic and he needed a website to complement it. Each of Adams projects can now be seen in glorious hi-rez full screen, fully captioned to take you along his journeys.

As a coder it’s hard not to be distracted and sit for hours simply going through his work.
</p>
 
<div class="screengrabs">
<img src="img/ahp01.jpeg" alt="" class="litebox"/>
<img src="img/ahp02.jpeg" alt="" class="litebox"/>
<img src="img/ahp03.jpeg" alt="" class="litebox"/>
<img src="img/ahp04.jpeg" alt="" class="litebox"/>
<img src="img/ahp05.jpeg" alt="" class="litebox"/>
<img src="img/ahp06.jpeg" alt="" class="litebox"/>
<img src="img/ahp07.jpeg" alt="" class="litebox"/>
<img src="img/ahp08.jpeg" alt="" class="litebox"/>
<img src="img/ahp09.jpeg" alt="" class="litebox"/>
<img src="img/ahp10.jpeg" alt="" class="litebox"/>
<img src="img/ahp11.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://adamhinton.net">
Website
</a>
<a href="http://thisisrealart.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="adam-hinton-dharavi">
 
<h1 class="project">
Adam Hinton — Dharavi
</h1>
<h2 class="studio">
This is Real Art
</h2>
 
<p>
A microsite for award-winning photographer Adam Hinton and the National Media Museum documenting the poor people of Mumbai. Glorious photography and heart felt stories from the slums of Dharavi.
</p>
 
<div class="screengrabs">
<img src="img/ahd01.jpeg" alt="" class="litebox"/>
<img src="img/ahd02.jpeg" alt="" class="litebox"/>
<img src="img/ahd03.jpeg" alt="" class="litebox"/>
<img src="img/ahd04.jpeg" alt="" class="litebox"/>
<img src="img/ahd05.jpeg" alt="" class="litebox"/>
<img src="img/ahd06.jpeg" alt="" class="litebox"/>
<img src="img/ahd07.jpeg" alt="" class="litebox"/>
<img src="img/ahd08.jpeg" alt="" class="litebox"/>
<img src="img/ahd09.jpeg" alt="" class="litebox"/>
<img src="img/ahd10.jpeg" alt="" class="litebox"/>
<img src="img/ahd11.jpeg" alt="" class="litebox"/>
<img src="img/ahd12.jpeg" alt="" class="litebox"/>
<img src="img/ahd13.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://adamhinton.net/dharavi">
Website
</a>
<a href="http://thisisrealart.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="mii-cosmetics">
 
<h1 class="project">
Mii Cosmetics
</h1>
<h2 class="studio">
This is Real Art
</h2>
 
<p>
Mii cosmetics is a new brand offering an extensive range of salon quality makeup.

Although this isn't a subject I have much knowledge of (or do I?), it was challenging to make a sleek one page ajax driven website. The user is only ever one click away from finding brand product information and tutorials.

BTW, I recommend the deep glow foundation.
</p>
 
<div class="screengrabs">
<img src="img/mii01.jpeg" alt="" class="litebox"/>
<img src="img/mii02.jpeg" alt="" class="litebox"/>
<img src="img/mii03.jpeg" alt="" class="litebox"/>
<img src="img/mii04.jpeg" alt="" class="litebox"/>
<img src="img/mii05.jpeg" alt="" class="litebox"/>
<img src="img/mii06.jpeg" alt="" class="litebox"/>
<img src="img/mii07.jpeg" alt="" class="litebox"/>
<img src="img/mii08.jpeg" alt="" class="litebox"/>
<img src="img/mii09.jpeg" alt="" class="litebox"/>
<img src="img/mii10.jpeg" alt="" class="litebox"/>
<img src="img/mii11.jpeg" alt="" class="litebox"/>
<img src="img/mii12.jpeg" alt="" class="litebox"/>
<img src="img/mii13.jpeg" alt="" class="litebox"/>
<img src="img/mii14.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://miicosmetics.com">
Website
</a>
<a href="http://thisisrealart.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="hoping-foundation">
 
<h1 class="project">
Hoping Foundation
</h1>
<h2 class="studio">
This is Real Art
</h2>
 
<p>
Everybody knows about the problems between Israel and Palestine. But what about those Palestinian children born into this situation behind high walls and razor wire? Hoping Foundation raises awareness and funds to see that the children at least have a hope of a future beyond the bleak present.

It was a pleasure to work on this website.
</p>
 
<div class="screengrabs">
<img src="img/hf01.jpeg" alt="" class="litebox"/>
<img src="img/hf02.jpeg" alt="" class="litebox"/>
<img src="img/hf03.jpeg" alt="" class="litebox"/>
<img src="img/hf04.jpeg" alt="" class="litebox"/>
<img src="img/hf05.jpeg" alt="" class="litebox"/>
<img src="img/hf06.jpeg" alt="" class="litebox"/>
<img src="img/hf07.jpeg" alt="" class="litebox"/>
<img src="img/hf08.jpeg" alt="" class="litebox"/>
<img src="img/hf09.jpeg" alt="" class="litebox"/>
<img src="img/hf10.jpeg" alt="" class="litebox"/>
<img src="img/hf11.jpeg" alt="" class="litebox"/>
<img src="img/hf12.jpeg" alt="" class="litebox"/>
<img src="img/hf13.jpeg" alt="" class="litebox"/>
<img src="img/hf14.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://hopingfoundation.org">
Website
</a>
<a href="http://thisisrealart.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="ben-kay-portfolio">
 
<h1 class="project">
Ben Kay Portfolio
</h1>
<h2 class="studio">
This is Real Art
</h2>
 
<p>
A simple portfolio showcasing the work of copywriter, blogger and author Ben Kay.
</p>
 
<div class="screengrabs">
<img src="img/bkp01.jpeg" alt="" class="litebox"/>
<img src="img/bkp02.jpeg" alt="" class="litebox"/>
<img src="img/bkp03.jpeg" alt="" class="litebox"/>
<img src="img/bkp04.jpeg" alt="" class="litebox"/>
<img src="img/bkp05.jpeg" alt="" class="litebox"/>
<img src="img/bkp06.jpeg" alt="" class="litebox"/>
<img src="img/bkp07.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://portfolio.ben-kay.com">
Website
</a>
<a href="http://thisisrealart.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
 
<article id="type-trumps">
 
<h1 class="project">
Type Trumps
</h1>
<h2 class="studio">
Face37
</h2>
 
<p>
Rick Banks showcases his entrepreneurial skills with his font based alternative of the classic top trumps card game. His creativity won him awards and his games are now recognised as international study aids. Every designer should have a pack of these cards on their desks, unlike me who has a signed and sealed deck at the back of my draw. Let's just hope Rick is the next Van Gogh!

As there are two versions of the game, the website is split into two sections allowing the visitor to browse both games at the same time. A credit to Ricks ingenuity.
</p>
 
<div class="screengrabs">
<img src="img/tt01.jpeg" alt="" class="litebox"/>
<img src="img/tt02.jpeg" alt="" class="litebox"/>
<img src="img/tt03.jpeg" alt="" class="litebox"/>
<img src="img/tt04.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://typetrumps.com">
Website
</a>
<a href="http://face37.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="srcp">
 
<h1 class="project">
SRCP
</h1>
<h2 class="studio">
Sam Renwick
</h2>
 
<p>
British, New York based designer and style guru Sam Renwick displays his talent with an array of some his fascinating creations.

Slick, sleek and simple. Classic.
</p>
 
<div class="screengrabs">
<img src="img/srcp01.jpeg" alt="" class="litebox"/>
<img src="img/srcp02.jpeg" alt="" class="litebox"/>
<img src="img/srcp03.jpeg" alt="" class="litebox"/>
<img src="img/srcp04.jpeg" alt="" class="litebox"/>
<img src="img/srcp05.jpeg" alt="" class="litebox"/>
<img src="img/srcp06.jpeg" alt="" class="litebox"/>
<img src="img/srcp07.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://srcp.co.uk">
Website
</a>
<a href="http://srcp.co.uk">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="music-supported-here">
 
<h1 class="project">
Music Supported Here
</h1>
<h2 class="studio">
This is Real Art
</h2>
 
<p>
A campaign for musicians’ rights supported by musicians including Kasabian, Massive Attack, Robbie Williams and many MPs.
</p>
 
<div class="screengrabs">
<img src="img/msh01.jpeg" alt="" class="litebox"/>
<img src="img/msh02.jpeg" alt="" class="litebox"/>
<img src="img/msh03.jpeg" alt="" class="litebox"/>
<img src="img/msh04.jpeg" alt="" class="litebox"/>
<img src="img/msh05.jpeg" alt="" class="litebox"/>
<img src="img/msh06.jpeg" alt="" class="litebox"/>
<img src="img/msh07.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://musicsupportedhere.com">
Website
</a>
<a href="http://thisisrealart.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="health-for-women">
 
<h1 class="project">
Health For Women
</h1>
<h2 class="studio">
Joseph Carter Studio
</h2>
 
<p>
A simple yet elegant design by Joe Carter with illustrations from Lacyn Clarke.

This site highlights the services provided by Pauline Bingham RGN BSc (Hons) NP Dip DN Dip FP Cert
</p>
 
<div class="screengrabs">
<img src="img/hfw01.jpg" alt="" class="litebox"/>
<img src="img/hfw02.jpg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://healthforwomen.co.uk">
Website
</a>
<a href="http://www.josephcarterstudio.com/">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="new-york-pilates">
 
<h1 class="project">
NY Pilates
</h1>
<h2 class="studio">
This is Real Art
</h2>
 
<p>
New York Pilates is a London based studio that teaches the original form of pilates developed by Joseph Pilates in New York.
</p>
 
<div class="screengrabs">
<img src="img/nyp01.jpeg" alt="" class="litebox"/>
<img src="img/nyp02.jpeg" alt="" class="litebox"/>
<img src="img/nyp03.jpeg" alt="" class="litebox"/>
<img src="img/nyp04.jpeg" alt="" class="litebox"/>
<img src="img/nyp05.jpeg" alt="" class="litebox"/>
<img src="img/nyp06.jpeg" alt="" class="litebox"/>
<img src="img/nyp07.jpeg" alt="" class="litebox"/>
<img src="img/nyp08.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://nypilates.co.uk">
Website
</a>
<a href="http://thisisrealart.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="murray-edwards-college-university-of-cambridge">
 
<h1 class="project">
Murray Edwards College — University of Cambridge
</h1>
<h2 class="studio">
Busara
</h2>
 
<p>
Murray Edwards College, University of Cambridge was founded as New Hall in 1954 to bring more women of outstanding potential to Cambridge. The website was built to attract new candidates as well as providing services for current students and alumnae.
</p>
 
<div class="screengrabs">
<img src="img/mec01.jpeg" alt="" class="litebox"/>
<img src="img/mec02.jpeg" alt="" class="litebox"/>
<img src="img/mec03.jpeg" alt="" class="litebox"/>
<img src="img/mec04.jpeg" alt="" class="litebox"/>
<img src="img/mec05.jpeg" alt="" class="litebox"/>
<img src="img/mec06.jpeg" alt="" class="litebox"/>
<img src="img/mec07.jpeg" alt="" class="litebox"/>
<img src="img/mec08.jpeg" alt="" class="litebox"/>
<img src="img/mec09.jpeg" alt="" class="litebox"/>
<img src="img/mec10.jpeg" alt="" class="litebox"/>
<img src="img/mec11.jpeg" alt="" class="litebox"/>
<img src="img/mec12.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://www.murrayedwards.cam.ac.uk">
Website
</a>
<a href="http://madebybusara.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="lost-arts">
 
<h1 class="project">
Lost Arts
</h1>
<h2 class="studio">
This is Real Art
</h2>
 
<p>
Lost Arts is a three year project which will record arts losses as evidence for the next spending review in 2015. It has been set up by a coalition of trade unions whose members are directly affected.
</p>
 
<div class="screengrabs">
<img src="img/la01.jpeg" alt="" class="litebox"/>
<img src="img/la02.jpeg" alt="" class="litebox"/>
<img src="img/la03.jpeg" alt="" class="litebox"/>
<img src="img/la04.jpeg" alt="" class="litebox"/>
<img src="img/la05.jpeg" alt="" class="litebox"/>
<img src="img/la06.jpeg" alt="" class="litebox"/>
<img src="img/la07.jpeg" alt="" class="litebox"/>
<img src="img/la08.jpeg" alt="" class="litebox"/>
<img src="img/la09.jpeg" alt="" class="litebox"/>
<img src="img/la10.jpeg" alt="" class="litebox"/>
<img src="img/la11.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://lost-arts.org">
Website
</a>
<a href="http://thisisrealart.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="belu-water">
 
<h1 class="project">
Belu Water
</h1>
<h2 class="studio">
This is Real Art
</h2>
 
<p>
Belu is a mineral water company that does things differently. They don’t export to other countries and all bottles are made using recycled glass or plastic. Belu are 100% carbon neutral and all profits go to the charity WaterAid.
</p>
 
<div class="screengrabs">
<img src="img/belu01.jpeg" alt="" class="litebox"/>
<img src="img/belu02.jpeg" alt="" class="litebox"/>
<img src="img/belu03.jpeg" alt="" class="litebox"/>
<img src="img/belu04.jpeg" alt="" class="litebox"/>
<img src="img/belu05.jpeg" alt="" class="litebox"/>
<img src="img/belu06.jpeg" alt="" class="litebox"/>
<img src="img/belu07.jpeg" alt="" class="litebox"/>
<img src="img/belu08.jpeg" alt="" class="litebox"/>
<img src="img/belu09.jpeg" alt="" class="litebox"/>
<img src="img/belu10.jpeg" alt="" class="litebox"/>
<img src="img/belu11.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://www.belu.org">
Website
</a>
<a href="http://thisisrealart.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="peter-souter-portfolio">
 
<h1 class="project">
Peter Souter
</h1>
<h2 class="studio">
Paul Belford Ltd
</h2>
 
<p>
TBWA UK chairman and chief creative officer Peter Souter needed a portfolio site. Job done.
</p>
 
<div class="screengrabs">
<img src="img/psp01.jpeg" alt="" class="litebox"/>
<img src="img/psp02.jpeg" alt="" class="litebox"/>
<img src="img/psp03.jpeg" alt="" class="litebox"/>
<img src="img/psp04.jpeg" alt="" class="litebox"/>
<img src="img/psp05.jpeg" alt="" class="litebox"/>
<img src="img/psp06.jpeg" alt="" class="litebox"/>
<img src="img/psp07.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://petersouter.com">
Website
</a>
<a href="http://paulbelford.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="swarraton-partners">
 
<h1 class="project">
Swarraton Partners
</h1>
<h2 class="studio">
Busara
</h2>
 
<p>
Portfolio website for the London based investment partnership.
</p>
 
<div class="screengrabs">
<img src="img/sp01.jpeg" alt="" class="litebox"/>
<img src="img/sp02.jpeg" alt="" class="litebox"/>
<img src="img/sp03.jpeg" alt="" class="litebox"/>
<img src="img/sp04.jpeg" alt="" class="litebox"/>
<img src="img/sp05.jpeg" alt="" class="litebox"/>
<img src="img/sp06.jpeg" alt="" class="litebox"/>
<img src="img/sp07.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://swarraton.com">
Website
</a>
<a href="http://madebybusara.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
<article id="kaori-knitwear">
 
<h1 class="project">
Kaori Knitwear
</h1>
<h2 class="studio">
Paul Belford Ltd
</h2>
 
<p>
An elegant site showcasing the luxury knitwear of London based fashion designer Kaori Okumura
</p>
 
<div class="screengrabs">
<img src="img/kk01.jpeg" alt="" class="litebox"/>
<img src="img/kk02.jpeg" alt="" class="litebox"/>
<img src="img/kk03.jpeg" alt="" class="litebox"/>
<img src="img/kk04.jpeg" alt="" class="litebox"/>
<img src="img/kk05.jpeg" alt="" class="litebox"/>
<img src="img/kk06.jpeg" alt="" class="litebox"/>
<img src="img/kk07.jpeg" alt="" class="litebox"/>
</div>
 
<nav class="links">
<a href="http://kaorilondon.com">
Website
</a>
<a href="http://paulbelford.com">
Studio
</a>
</nav>
 
<nav class="share">
<a href="http://www.linkedin.com/shareArticle">
LinkedIn
</a>
<a href="https://twitter.com/intent/tweet">
Twitter
</a>
<a href="http://www.facebook.com/sharer.php">
Facebook
</a>
</nav>
 
</article>
 
</section>
 
<section id="testimonials">
 
<article id="paul-belford">
 
<h1>
Creative Director @ Paul Belford Ltd, London
</h1>
 
<p>
“I work with Andy all the time. He understands
the frustrations many designers have with
work for the web. Because, unlike some web
developers, he gets design.

He worries about something being one pixel
out and will always suggest ideas to improve
a website. I recommend him.

Don’t talk to him for too long though, you’ll
start believing in UFO’s and things like that...”
</p>
 
<nav class="links">
<a href="http://paulbelford.com/">
Website
</a>
<a href="http://uk.linkedin.com/pub/paul-belford/19/257/31b">
LinkedIn
</a>
<a href="https://twitter.com/Belford_Paul">
Twitter
</a>
</nav>
 
</article>
 
<article id="rick-banks">
 
<h1>
Designer @ Face37, London
</h1>
 
<p>
“Working with Andy is a pleasure.
His attention to detail is always pixel perfect.”
</p>
 
<nav class="links">
<a href="http://face37.com/">
Website
</a>
<a href="http://uk.linkedin.com/pub/rick-banks/20/541/526">
LinkedIn
</a>
<a href="https://twitter.com/_Face37">
Twitter
</a>
</nav>
 
</article>
 
<article id="alex-maclean">
 
<h1>
Creative Director @ Rupert Ray, London
</h1>
 
<p>
“Caroline and I work with Andy whenever possible.
We have always found him to be considerate and
responsive when working to strict deadlines.

He has an eye for detail and a high level of finesse
to his work so we like to take his advice on suggestions
for elegant and appropriate solutions.”
</p>
 
<nav class="links">
<a href="http://rupertray.com/">
Website
</a>
<a href="http://uk.linkedin.com/in/alexgmaclean">
LinkedIn
</a>
<a href="https://twitter.com/rupert_ray">
Twitter
</a>
</nav>
 
</article>
 
<article id="martin-brown">
 
<h1>
Creative Director @ Paul Belford Ltd, London
</h1>
 
<p>
“Andy has called his company 'Designers’ Friend.'

Spot on really as he’s that very rare type of coder
(or programmer if you prefer?) in that he understands the
requirements of the most demanding designers.

He is pixel perfect to the most ambitious of designs - as
well as always proactively thinking about how they might
function and work better.

In terms of his code I believe it’s a thing of beauty.”
</p>
 
<nav class="links">
<a href="http://uk.linkedin.com/pub/martin-brown/19/a99/a70">
LinkedIn
</a>
</nav>
 
</article>
 
<article id="mark-ferguson">
 
<h1>
Creative Director @ Very Own Studio, Brighton
</h1>
 
<p>
“Working with Andy is great! At the start of a
project he asks lots of questions and goes
through different scenarios and options to
help try and make the website as effective as
possible. All this while remaining faithful to
the detail of the design.

Andy gets designers, he has a great eye for
detail, his development is thorough, and he
communicates well.

I’d certainly recommend him.”
</p>
 
<nav class="links">
<a href="http://veryownstudio.com/">
Website
</a>
<a href="http://uk.linkedin.com/pub/mark-ferguson/27/1a4/525">
LinkedIn
</a>
<a href="https://twitter.com/@VeryOwnStudio">
Twitter
</a>
</nav>
 
</article>
 
<article id="megan-riera">
 
<h1>
Motion Designer @ Independent, London
</h1>
 
<p>
“Having worked with Andy on several projects,
his attention to detail has been the quality
which has has stood out the most.

Not content with ‘just getting things done’,
he always has suggestions and ideas to make
everything look and work the best they can.”
</p>
 
<nav class="links">
<a href="http://www.meganriera.com/">
Website
</a>
<a href="http://uk.linkedin.com/pub/megan-riera/12/154/210">
LinkedIn
</a>
<a href="https://twitter.com/MeganRiera">
Twitter
</a>
</nav>
 
</article>
 
<article id="joseph-carter">
 
<h1>
Designer @ Independent, London
</h1>
 
<p>
“The attention to detail and perfectionism
in both front and back-end means the
designer/developer relationship is always
a great one.

Thirst for knowledge and understanding
makes the experience a lesson for all
those involved, often leading to pioneering
digital outcomes.”
</p>
 
<nav class="links">
<a href="http://josephcarterstudio.com/">
Website
</a>
<a href="http://uk.linkedin.com/pub/joseph-carter/63/246/97b/">
LinkedIn
</a>
<a href="https://twitter.com/jjgcarter">
Twitter
</a>
</nav>
 
</article>
 
<article id="charlie-de-grussa">
 
<h1>
Designer @ StudioMakgill, United Kingdom
</h1>
 
<p>
“Without your knowledge The Proust
would not exist. The site is exactly as
I specified, lightning fast and with a
fantastic backend. Very, very pleased.”
</p>
 
<nav class="links">
<a href="http://charliedegrussa.squarespace.com/">
Website
</a>
<a href="http://uk.linkedin.com/pub/charlie-de-grussa/b/396/3a">
LinkedIn
</a>
<a href="https://twitter.com/CharlieDeGrussa">
Twitter
</a>
</nav>
 
</article>
 
<article id="andrew-popplestone">
 
<h1>
Designer/Art Director @ Momoco, London
</h1>
 
<p>
“Working with Designers’ Friend for my new
website was an absolute pleasure. I got exactly
what I wanted and it works brilliantly! His technical
ability, speed and professionalism is second to none.

Designers’ Friend can handle a project of any scale,
can not only deliver on time but make it work and
look beautiful.”
</p>
 
<nav class="links">
<a href="http://andrewpopplestone.com/">
Website
</a>
<a href="http://uk.linkedin.com/pub/andrew-popplestone/a/9b/210">
LinkedIn
</a>
<a href="https://twitter.com/AndyPopplestone">
Twitter
</a>
</nav>
 
</article>
 
</section>
 
 
</body>
</html>