Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
executable file 157 lines (126 sloc) 5.22 KB
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie9 oldie" lang="en"> <![endif]-->
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Metro - Responsive Portfolio Theme</title>
<meta name="description" content="Metro is an extremely cool html theme for agency portfolios or business, with unique design elements and great features.">
<meta name="author" content="rubenbristian.com">
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<link id="windStyle" rel="stylesheet" href="css/style.dark.css">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<div id="wrapper" class="clearfix"><div id="main">
<header class="mainHeader clearfix">
<a href="index.html"><img id="logo" src="images/logo.png" alt="Metro Studio" /></a>
<nav id="menu">
<ul>
<li><a href="index.html">Home</a>
<hr />
<ul>
<li><a href="index.html">Masonry</a></li>
<li><a href="index2.html">Traditional</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li><a href="#">Features</a>
<hr />
<ul>
<li><a href="shortcodes.html">Shortcodes</a></li>
<li><a href="columns.html">Columns</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="pricing.html">Pricing Table</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<h1><strong>Metro Studio.</strong> Video Project.<br />
<span>This is the best that you've ever seen.</span></h1>
</header>
<article class="columns">
<header class="leftSide"><div class="clearfix">
<h2 class="sectionHeader">Breakfast Interrupted</h2><hr /><p class="portfolioDescription">A boldly artistic re-think on the most important meal of the day.</p><br /><br />
<h3 class="sectionHeader">Share it if you love it</h3><hr />
<div class="miniSocialIcons">
<ul class="socialIcons mini clearfix">
<li><a href="#" class="facebook">Facebook</a></li>
<li><a href="#" class="twitter">Twitter</a></li>
<li><a href="#" class="digg">Digg</a></li>
<li><a href="#" class="stumbleupon">StumbleUpon</a></li>
<li><a href="#" class="netvibes">Netvibes</a></li>
</ul>
</div>
</div></header>
<div class="rightSide clearfix">
<div class="iframeBorder col1">
<iframe width="670" height="376" src="http://player.vimeo.com/video/23872841?title=0&amp;byline=0&amp;portrait=0&amp;color=E4E9ED"></iframe>
</div>
</div>
<header class="leftSide"><div class="clearfix">
<h3 class="sectionHeader">Related Projects</h3><hr /><p>If you like this, you'll simply love these ones</p>
</div></header>
<div class="rightSide folioGrid clearfix">
<ul>
<li>
<a href="project1.html">
<figure>
<img src="images/photos/pic91.jpg" alt="Impossible is nothing">
<figcaption><h2>Impossible is nothing</h2></figcaption>
</figure>
</a>
</li>
<li>
<a href="project2.html">
<figure>
<img src="images/photos/pic89.jpg" alt="Into Space">
<figcaption><h2>Into Space</h2></figcaption>
</figure>
</a>
</li>
<li>
<a href="project4.html">
<figure>
<img src="images/photos/pic87.jpg" alt="Nite">
<figcaption><h2>Nite</h2></figcaption>
</figure>
</a>
</li>
</ul>
</div>
</article>
</div></div>
<footer class="clearfix"><div>
<p>Copyright 2011 @ Made by <a href="http://rubenbristian.com">Ruben Bristian</a></p>
<p class="right">
Powered by WordPress. Just kidding! It's an HTML Theme
</p>
</div></footer>
<!--! end of #container -->
<!-- JavaScript at the bottom for fast page loading -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
<!-- scripts concatenated and minified via ant build script-->
<script defer src="js/plugins.min.js"></script>
<script defer src="js/script.min.js"></script>
<!-- end scripts-->
<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
chromium.org/developers/how-tos/chrome-frame-getting-started -->
<!--[if lt IE 7 ]>
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
</body>
</html>