Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
112 lines (78 sloc) 4.44 KB
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=UTF-8>
<meta name=viewport content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<title>About me&mdash;Sam Penrose Design&mdash;Creative designer and graffiti artist based in Leeds, UK</title>
<link rel=stylesheet href=css/style.css>
<link rel="shortcut icon" href=favicon.png>
<link rel=apple-touch-icon-precomposed href=icon.png>
<link type=text/plain rel=author href=humans.txt>
<script src="http://use.typekit.com/eey0lsm.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body>
<div class=wrapper>
<a href=index.html class=logo><img src=img/logo.png alt="Sam Penrose design logo"></a>
<hr>
<ul class="nav main-nav">
<li><a href=index.html>Home</a></li>
<li class=current><a href=about.html>About</a></li>
<li><a href=work.html>Work</a></li>
<li><a href=testimonials.html>Testimonials</a></li>
<li><a href=contact.html>Contact</a></li>
</ul>
<hr>
<div class=content>
<h1>About me<span class=accessibility>&mdash;a twenty-something print and web designer from Leeds</span></h1>
<!--<figure>
<img src=img/sam-penrose.jpg alt="A photo of Sam Penrose">
<figcaption>
<p>Hi I&rsquo;m Sam, a 21 year old creative print- and web-designer and artist from Leeds, UK.</p>
</figcaption>
</figure>-->
<p>Founded in 2011, Sam Penrose Design is the home of me, Sam, a young, enthusiastic and entrepreneurial designer. I have worked for clients ranging from small, local businesses to international household brands.</p>
<h2>What I do&hellip;</h2>
<ul class=keywords>
<li>Creative advertising</li>
<li>Brand development</li>
<li>Web design</li>
<li>Literature and <abbr title="Point of Sale">POS</abbr></li>
<li>Publication design</li>
</ul>
<h3>Graffiti</h3>
<p>I am also a graffiti artist and have run workshops with local school children. If you would like to organise a workshop or commission a piece of art <a href=contact.html>drop me a line&hellip;</a></p>
<hr>
<h3 id="section:colophon">Colophon</h3>
<p>This website was designed by me and coded by <a href=http://twitter.com/csswizardry>Harry Roberts</a>. It was built in <a href=http://macromates.com/>TextMate</a> and designed in-browser, its code is hosted on <a href=https://github.com/csswizardry/sampenrose.co.uk title="This site&rsquo;s public repo on GitHub">GitHub</a> and it uses the gorgeous <a href=https://typekit.com/fonts/chaparral-pro><cite>Chaparral Pro</cite></a> from <a href=https://typekit.com>Typekit</a>.</p>
<p>It was designed <a href=http://www.markboulton.co.uk/journal/comments/a-richer-canvas>content-out</a> and <a href=http://www.abookapart.com/products/mobile-first>mobile-first</a>, it is <a href=http://www.alistapart.com/articles/responsive-web-design/>fully responsive</a> and uses progressive enhancement to deliver a <abbr title="User eXperience">UX</abbr> suited to the individual browser or/and device. For a list of people and technologies involved please see my <a href=humans.txt><i>humans.txt</i></a>.</p>
<p>To read more about the techniques applied, please refer to my <a href=cheatsheet.html>web design cheatsheet</a>.</p>
</div><!-- /content -->
<div class=sub-content>
<h2>Follow me</h2>
<ul class="nav social">
<li class=twitter><a href=http://twitter.com/sam_penrose title="Follow me on Twitter">Twitter</a></li>
<li class=facebook><a href=http://www.facebook.com/pages/Sam-Penrose-Freelance-Design/175520099173494 title="Add me on Facebook">Facebook</a></li>
<li class=dribbble><a href=http://dribbble.com/sam_penrose title="View my shots on Dribbble">Dribbble</a></li>
</ul>
<hr>
<a href=contact.html class=promo>
Like what you hear? <b class=go>Let me know&hellip;</b>
</a>
</div><!-- /sub-content -->
</div><!-- /wrapper -->
<div class=footer>
<p><small>&copy; 2012 Copyright Sam Penrose</small></p>
</div><!-- /footer -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-22110460-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>
</body>
</html>