Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

75 lines (53 sloc) 3.361 kb
<!DOCTYPE html>
<html lang=en>
<meta charset=UTF-8>
<meta name=viewport content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<meta name=apple-mobile-web-app-capable content=yes>
<meta name=apple-mobile-web-app-status-bar-style content="">
<title>Harry Roberts &ndash;</title>
<link rel=stylesheet href=css/>
<link rel="shortcut icon" href=img/avatar.png>
<link rel=apple-touch-icon-precomposed href=img/avatar.png>
<link type=text/plain rel=author href=humans.txt>
<div class=card>
<div class=card__front>
<div class="media intro">
<img src=img/avatar.png alt="Photo of Harry Roberts" class="media__img--rev intro__avatar" width=54 height=54>
<div class=media__body>
<h1 class="gamma intro__name">Harry Roberts</h1>
<p class=intro__tagline>Front-end Architect</p>
</div><!-- /intro -->
<p>I&rsquo;m Harry; a 22 year old designer, developer, writer, and speaker from the UK. I am a Senior UI Developer for BSkyB.</p>
<p>I <a href=>write</a>, <a href=>speak</a> and <a href=>tweet</a> about CSS architecture, maintainable and scalable front-ends, object oriented CSS and more.</p>
<p>I created <a href=><b>inuit.css</b></a>&mdash;a small yet powerful CSS framework built on Sass&mdash;and <a href=><b></b></a>, a toolkit for building digital, mobile optimised business cards like this one.</p>
<p><a href="" class="twitter-follow-button">Follow @csswizardry</a></p>
</div><!-- /card__front -->
<div class=card__back>
<h2 class=gamma>Contact me</h2>
<p>I&rsquo;m all over the internet. If you want to get in touch with me I&rsquo;d recommend <a href=>tweeting at me</a> or <a>emailing me</a> You can also follow my nerdery, articles, projects and more on:</p>
<ul class=follow-list>
<a href="" class="twitter-follow-button">Follow @csswizardry</a>
<iframe src=";type=follow&amp;count=true" allowtransparency=true frameborder=0 scrolling=0 width=165px height=20px></iframe>
</div><!-- /card__back -->
If you would like to remove this attribution notice please consider
donating to on the project home page. Thanks!
<p class=attribution>
<a href= class="attribution__link complex-link">
<small class=milli>Created with <b class=complex-link__target></b></small>
<script src=></script>
Jump to Line
Something went wrong with that request. Please try again.