play.html

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

<!-- Basic Page Needs
================================================== -->
	<meta charset="utf-8">
	<title>shelton davis - play & work! :)</title>
	<meta name="description" content="Shelton Davis is a user experience designer and industrial designer with a passion for creating things in both the digital and physical playgrounds">
	<meta name="Author" content="Shelton Davis">

<!-- Mobile Specific Metas
================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS
================================================== -->
	<link rel="stylesheet" href="stylesheets/base.css">
	<link rel="stylesheet" href="stylesheets/skeleton.css">
	<link rel="stylesheet" href="stylesheets/layout.css">

<!-- WEBFONT
================================================== -->
<link href='http://fonts.googleapis.com/css?family=Share+Tech' rel='stylesheet' type='text/css'>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">


	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

<!-- Favicons
================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

</head>
<body>


<!-- Primary Page Layout
================================================== -->
<div class="container">
		<div class="sixteen columns">
	<h1 class="remove-bottom" style="margin-top: 40px"><a href="index.html" title="Shelton Davis' pixels and formatting">Shelton Davis</a> - <a href="play.html">Play</a>
</h1>
			<h5>Happiness Designer - user experience, interaction, industrial, package, marketing, paper ninjas | <a href="mailto:shelton@sheltondavis.com" title="Email Shelton" target="_blank"><i class="fa fa-envelope fa-.5g"></i></a> <a href="http://www.twitter.com/shelton" title="I get random tweets from Shelton State students...it's ODD!" target="_blank"><i class="fa fa-twitter fa-.5g"></i></a> <a href="http://www.linkedin.com/sheltonjdavis" title="LinkedIn for Shelton, practically my current resume!" target="_blank"><i class="fa fa-linkedin fa-.5g"></i></a> <a href="http://www.dribbble.com/shelton" title="Not much on Dribbble, but there is some personal work. I'll get more up there soon!" target="_blank"><i class="fa fa-dribbble fa-.5g fa-spin"></i></a></h5>
			<hr />
		</div>
        <div class="sixteen columns">
        <p>Lorem ipsum about this page, what will be on it, etc.</p>
        </div>
		<div class="one-third column">
        	<img src="images/placeholder2.png">
            <h3><a href="project_title.html">Title of project</a></h3>
		</div>
		<div class="one-third column">
        	<img src="images/placeholder2.png" style="width:100%">
            <h3>Title of project</h3>
		</div>
        <div class="one-third column">
        	<img src="images/placeholder2.png" style="width:100%">
            <h3>Title of project</h3>
		</div>
        <div class="one-third column">
        	<img src="images/placeholder2.png" style="width:100%">
            <h3>Title of project</h3>
		</div>
        <div class="one-third column">
		<a data-flickr-embed="true"  href="https://www.flickr.com/photos/sheltoniandemocracy/46610720685/in/dateposted/" title="Work + Play"><img src="https://live.staticflickr.com/7905/46610720685_0f7c1c9c63_q.jpg" width="150" height="150" alt="Work + Play"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>            <h3>Title of project</h3>
		</div>
        
       
	</div><!-- container -->


	<!-- JS
	================================================== -->
	<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
	<script src="javascripts/tabs.js"></script>
    
    
	<!-- Google Analytics
	================================================== -->
    <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-6137256-4']);
  _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>

<!-- End Document
================================================== -->
</body>
</html>