Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
tree: 090d6b112f
Fetching contributors…

Cannot retrieve contributors at this time

executable file 273 lines (222 sloc) 11.524 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" class="selected">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<h1><strong>Metro Studio.</strong> Our Blog.<br />
<span>Random thoughts and mostly gibberish thinking.</span></h1>
</header>
<div class="columns wsidebar blog">
<article>
<header class="leftSide"><div class="clearfix">
<h2 class="sectionHeader"><a class="whiteLink" href="post.html">At a Hacker Conference, Plenty of Friendly Feds</a></h2><hr /><p>
By <a href="#">Ruben</a> <br />
On <a href="#">March 12, 2011</a><br />
In <a href="#">News</a></p>
</div></header>
<div class="rightSide clearfix"><p class="col1">
<a href="post.html" class="post splashImage"><img src="images/photos/pic113.jpg" alt="Sample Blog Post" /></a>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo...<br /><br /><a href="post.html">Read more &rarr;</a>
</p></div>
</article>
<article>
<header class="leftSide"><div class="clearfix">
<h2 class="sectionHeader"><a class="whiteLink" href="post.html">Picking Locks and Hacking Servers</a></h2><hr /><p>
By <a href="#">Adrian</a> <br />
On <a href="#">March 18, 2011</a><br />
In <a href="#">Cooking</a></p>
</div></header>
<div class="rightSide clearfix"><p class="col1">
<a href="post.html" class="post splashImage"><img src="images/photos/pic114.jpg" alt="Sample Blog Post" /></a>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo...<br /><br /><a href="post.html">Read more &rarr;</a>
</p></div>
</article>
<article>
<header class="leftSide"><div class="clearfix">
<h2 class="sectionHeader"><a class="whiteLink" href="post.html">A Call to Rethink Internet Search</a></h2><hr /><p>
By <a href="#">Ruben</a> <br />
On <a href="#">April 20, 2011</a><br />
In <a href="#">Cooking</a></p>
</div></header>
<div class="rightSide clearfix"><p class="col1">
<a href="post.html" class="post splashImage"><img src="images/photos/pic115.jpg" alt="Sample Blog Post" /></a>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo...<br /><br /><a href="post.html">Read more &rarr;</a>
</p></div>
</article>
<article>
<header class="leftSide"><div class="clearfix">
<h2 class="sectionHeader"><a class="whiteLink" href="post.html">At a Hacker Conference, Plenty of Friendly Feds</a></h2><hr /><p>
By <a href="#">Ruben</a> <br />
On <a href="#">March 12, 2011</a><br />
In <a href="#">News</a></p>
</div></header>
<div class="rightSide clearfix"><p class="col1">
<a href="post.html" class="post splashImage"><img src="images/photos/pic116.jpg" alt="Sample Blog Post" /></a>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo...<br /><br /><a href="post.html">Read more &rarr;</a>
</p></div>
</article>
<article>
<header class="leftSide"><div class="clearfix">
<h2 class="sectionHeader"><a class="whiteLink" href="post.html">Picking Locks and Hacking Servers</a></h2><hr /><p>
By <a href="#">Adrian</a> <br />
On <a href="#">March 18, 2011</a><br />
In <a href="#">Cooking</a></p>
</div></header>
<div class="rightSide clearfix"><p class="col1">
<a href="post.html" class="post splashImage"><img src="images/photos/pic117.jpg" alt="Sample Blog Post" /></a>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo...<br /><br /><a href="post.html">Read more &rarr;</a>
</p></div>
</article>
<article>
<header class="leftSide"><div class="clearfix">
<h2 class="sectionHeader"><a class="whiteLink" href="post.html">A Call to Rethink Internet Search</a></h2><hr /><p>
By <a href="#">Ruben</a> <br />
On <a href="#">April 20, 2011</a><br />
In <a href="#">Cooking</a></p>
</div></header>
<div class="rightSide clearfix"><p class="col1">
<a href="post.html" class="post splashImage"><img src="images/photos/pic118.jpg" alt="Sample Blog Post" /></a>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo...<br /><br /><a href="post.html">Read more &rarr;</a>
</p></div>
</article>
<article>
<header class="leftSide"><div class="clearfix">
<h2 class="sectionHeader"><a class="whiteLink" href="post.html">At a Hacker Conference, Plenty of Friendly Feds</a></h2><hr /><p>
By <a href="#">Ruben</a> <br />
On <a href="#">March 12, 2011</a><br />
In <a href="#">News</a></p>
</div></header>
<div class="rightSide clearfix"><p class="col1">
<a href="post.html" class="post splashImage"><img src="images/photos/pic119.jpg" alt="Sample Blog Post" /></a>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo...<br /><br /><a href="post.html">Read more &rarr;</a>
</p></div>
</article>
<article>
<header class="leftSide"><div class="clearfix">
<h2 class="sectionHeader"><a class="whiteLink" href="post.html">Picking Locks and Hacking Servers</a></h2><hr /><p>
By <a href="#">Adrian</a> <br />
On <a href="#">March 18, 2011</a><br />
In <a href="#">Cooking</a></p>
</div></header>
<div class="rightSide clearfix"><p class="col1">
<a href="post.html" class="post splashImage"><img src="images/photos/pic120.jpg" alt="Sample Blog Post" /></a>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo...<br /><br /><a href="post.html">Read more &rarr;</a>
</p></div>
</article>
<nav class="pagination">
<ul>
<li><a href="#" class="blackLink">&larr; Older entries</a><hr /></li>
<li><a href="#" class="blackLink">Newer entries &rarr;</a><hr /></li>
</ul>
</nav>
</div>
<aside class="sidebar">
<div>
<form class="searchBox">
<input type="search" value="To search type and hit enter" />
</form>
</div>
<div>
<div class="postsList">
<h4 class="sectionHeader">Recent Posts</h4><hr />
<ul class="contentList arrow">
<li><a href="#">Why did Facebook buy an E-Book Publisher?</a></li>
<li><a href="#">Adobe, Creator of Flash, Embraces HTML5</a></li>
<li><a href="#">Print Books: Should they stay or should they go?</a></li>
<li><a href="#">Yelp hires a C.F.O. on the road to going public</a></li>
</ul>
</div>
</div>
<div>
<div class="postsList">
<h4 class="sectionHeader">Categories</h4><hr />
<ul class="contentList arrow">
<li><a href="#">Bits &amp; Bobs (2)</a></li>
<li><a href="#">Doodles (4)</a></li>
<li><a href="#">Inspiration (5)</a></li>
<li><a href="#">Cooking (11)</a></li>
</ul>
</div>
</div>
<div>
<div class="flickrWidget clearfix">
<h4 class="sectionHeader">Flickr Widget</h4><hr />
<ul id="flickrFeed">
<!-- to be written by the app -->
</ul>
</div>
</div>
<div>
<div class="textWidget">
<h4 class="sectionHeader">Text Widget</h4><hr />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</aside>
</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.