<!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>
<meta charset="UTF-8">
<title>Surreal Studio</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS Styles -->
<link rel="stylesheet" type="text/css" href="css/skeleton.css">
<link rel="stylesheet" type="text/css" href="css/layout.css">
<!-- 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">
<!-- Google Web Fonts -->
<link href="http://fonts.useso.com/css?family=Oswald:400,700,300" rel="stylesheet" type="text/css">
<!-- JavaScripts -->
<script type="text/javascript" src="js/modernizr-2.6.2.html"></script>
</head>
<body>
<header>
<img alt="" class="logo" src="images/logo.png" />
</header>
<div class="container">
<div class="eight columns">
<a href="templates/index.html">
<div class="serviceItem darkslider">
<div class="serviceInfoWrap">
<div class="serviceInfo">
<div class="serviceInfoFront"></div>
<div class="serviceInfoBack">
<h3><span>Dark</span><br/>Fullscreen <strong>Slider</strong></h3>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="eight columns">
<a href="templates/index-white.html">
<div class="serviceItem lightslider">
<div class="serviceInfoWrap">
<div class="serviceInfo">
<div class="serviceInfoFront"></div>
<div class="serviceInfoBack">
<h3><span>Light</span><br/>Fullscreen <strong>Slider</strong></h3>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="eight columns">
<a href="templates/index-video.html">
<div class="serviceItem darkvideo">
<div class="serviceInfoWrap">
<div class="serviceInfo">
<div class="serviceInfoFront"></div>
<div class="serviceInfoBack">
<h3><span>Dark</span><br/>Fullscreen <strong>Video</strong></h3>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="eight columns">
<a href="templates/index-white-video.html">
<div class="serviceItem lightvideo">
<div class="serviceInfoWrap">
<div class="serviceInfo">
<div class="serviceInfoFront"></div>
<div class="serviceInfoBack">
<h3><span>Light</span><br/>Fullscreen <strong>Video</strong></h3>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</body>
</html>