April 12 2013

<!doctype html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Fanwood+Text:400,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>
<meta charset="UTF-8">
<meta name="description" content="Peter Saville (born 9 October 1955) is an English art director and graphic designer. Peter designed many record sleeves for Factory Records artists, most notably for Joy Division and New Order.">
<title>Peter Saville, Graphic Designer</title>
<!-- viewport minus initial-scale definition -->
<meta name="viewport" content="width=device-width, maximum-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<!-- grid display. remove when finished developing. -->
<link rel="stylesheet" href="css/grid-display.css">
<script>
var ADAPT_CONFIG = {
  path: 'css/',
  dynamic: true,
  range: [
    '0px    to 759px  = mobile.css',
    '760px  to 979px  = 720.css',
    '980px  to 1279px = 960.css',
    '1280px to        = 1200.css'
  ]
};
</script>
<script src="js/adapt.min.js"></script>
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
</head>

<body>
  <div id="wrap">
 
  <header id="nav-header">
    <div class="container_12 clearfix">
      <div class="grid_12">
        <nav id="main-nav">
          <ul>
            <li><a href="index.html" class="current">Home</a></li>
            <li><a href="about-peter-saville.html">About</a></li>
            <li><a href="peter-saville-gallery.html">Gallery</a></li>
          </ul>
        </nav>
        <nav id="social-nav">
          <ul>
            <li><a href="mailto:peter.saville@whatever.net">Email</a></li>
            <li><a href="http://on.fb.me/djlnYH" target="_blank">Facebook</a></li>
            <li><a href="https://twitter.com/P_Saville_Assoc" target="_blank">Twitter</a></li>
          </ul>
        </nav>
      </div> <!-- end grid_12 -->
    </div> <!-- end container_12 -->
  </header>
  <header id="logo-header">
    <div class="container_12 clearfix">
      <div class="grid_4 prefix_4 suffix_4">
        <h1><img src="images/saville-logo.png" alt="Designed by Peter Saville logo" id="logo-image"></h1>
     
      </div><!-- end grid_4 -->
    </div> <!-- end container_12 -->
  </header>
 
 
 
  <div id="footer-margin"></div>
  </div> <!-- end #wrap -->
 
  <footer>
    <div class="container_12 clearfix">
      <div class="grid_4">
        <p>All content &copy; 2013 your client.</p>
      </div>
      <div class="grid_4">
        <p class="footer-center">
        <a href="#top" class="back-to-top">Back to top</a> | <a href="#grid-overlay" class="show-grid">Show grid</a></p>
      </div>
      <div class="grid_4">
        <p class="footer-right">Web design credit here.</p>
      </div>
    </div>
  </footer>
  <div id="grid-overlay"></div>
 
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script>
<script src="js/retina.js"></script>
<script src="js/hide.address.bar.js"></script>
<script>
$(document).ready(function() {
    $('a[href=#top]').click(function(){
        $('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });
<!-- grid toggle - remove before launching! -->
$height = $(document).height();
$('#grid-overlay').css('height', $height);
$('a[href=#grid-overlay]').click(function () {
var txt = $(this).text() == 'Show grid' ? 'Hide grid' : 'Show grid';
$(this).text(txt);
$('#grid-overlay').slideToggle();
return false;
    });
});
</script>
</body>
</html>