Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

executable file 170 lines (137 sloc) 6.605 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> Web 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">Bad Morning Website Redesign</h2><hr /><p>Client: BM Artists Group<br /><br />Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit.</p><br />
<a href="#">Visit website &rarr;</a><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="nivoSlider">
<img src="images/photos/pic105.jpg" title="Dark Rocker Website" alt="" />
<img src="images/photos/pic106.jpg" title="3D Experiments" alt="" />
<img src="images/photos/pic107.jpg" title="Energy Unleashed" alt="" />
</div>
</div>
<header class="leftSide"><div class="clearfix">
<h3 class="sectionHeader">Case Study</h3><hr /><p>Read more about the process of creating this site..</p>
</div></header>
<div class="rightSide clearfix">
<section class="col1"><p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.</p><br /><br />
<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<em>John Doe, Interactive Media</em>.</blockquote>
</section>
</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>
Jump to Line
Something went wrong with that request. Please try again.