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 271 lines (204 sloc) 11.241 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> Our Blog.<br />
<span>Random thoughts and mostly gibberish thinking.</span></h1>
</header>
<article class="columns wsidebar blog">
<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">
<section class="col1">
<a href="images/photos/pic130.jpg" data-rel="prettyPhoto" class="prettyHover splashImage" title=""><img src="images/photos/pic118.jpg" alt="Sample Blog Post" /></a>
<p>Sed ut perspiciatis unde omnis iste natus error sit <strong>voluptatem accusantium doloremque</strong> laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim <strong>ipsam voluptatem</strong> quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi <strong>nesciunt.</strong></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.</p>
</blockquote><br /><br />
<p>Neque porro quisquam est, <strong>qui dolorem ipsum quia dolor</strong> sit amet, consectetur, adipisci velit, sed. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, <strong>sed quia consequuntur</strong> magni dolores eos qui ratione voluptatem Quis autem vel eum iure reprehenderit qui in ea voluptate!
</p>
</section>
</div>
<header class="leftSide"><div class="clearfix">
<h4 class="sectionHeader">About the author</h4><hr /><p></p>
</div></header>
<div class="rightSide clearfix">
<section class="col1">
<div class="leftImage"><img src="images/photos/pic121.jpg" alt="Danielle" /></div>
<h3 class="sectionHeader">Danielle Brown</h3><hr />
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
<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="forrst">Forrst</a></li>
</ul>
</div>
</section>
</div>
<header class="leftSide"><div class="clearfix">
<h4 class="sectionHeader">Post Discussion</h4><hr /><a href="#replies">Leave a reply &rarr;</a>
</div></header>
<div class="rightSide clearfix">
<section id="comments" class="col1 clearfix">
<ol class="commentList">
<li>
<div class="commentAvatar"><img src="images/users/user2.jpg" alt="Ruben Bristian" /></div>
<div class="commentTitle"><p><a href="#">Ruben Bristian &rarr;</a><br />January 22, 2011 at 4:43 pm &#183; <a href="#commentForm">Reply</a></p></div>
<div class="commentContent"><p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p></div>
</li>
<li>
<div class="commentAvatar"><img src="images/users/user1.jpg" alt="Jane Smith" /></div>
<div class="commentTitle"><p><a href="#">Jane Smith &rarr;</a><br />January 22, 2011 at 4:43 pm &#183; <a href="#commentForm">Reply</a></p></div>
<div class="commentContent"><p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p></div>
<ul>
<li>
<div class="commentAvatar"><img src="images/users/user2.jpg" alt="Ruben Bristian" /></div>
<div class="commentTitle"><p><a href="#">Ruben Bristian &rarr;</a><br />January 22, 2011 at 4:43 pm &#183; <a href="#commentForm">Reply</a></p></div>
<div class="commentContent"><p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.</p></div>
</li>
<li>
<div class="commentAvatar"><img src="images/users/user1.jpg" alt="Jane Smith" /></div>
<div class="commentTitle"><p><a href="#">Jane Smith &rarr;</a><br />January 22, 2011 at 4:43 pm &#183; <a href="#commentForm">Reply</a></p></div>
<div class="commentContent"><p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.</p></div>
</li>
</ul>
</li>
<li>
<div class="commentAvatar"><img src="images/users/user3.jpg" alt="John Smith" /></div>
<div class="commentTitle"><p>John Smith<br />January 22, 2011 at 4:43 pm &#183; <a href="#commentForm">Reply</a></p></div>
<div class="commentContent"><p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p></div>
</li>
</ol>
</section>
</div>
<header class="leftSide"><div class="clearfix">
<h4 class="sectionHeader">Leave a comment</h4><hr /><p>Be serious!</p>
</div></header>
<div id="replies" class="rightSide clearfix">
<section class="form col1 clearfix" id="commentForm">
<form action="#" novalidate>
<input type="text" id="formName" value="Enter your name" />
<input type="email" id="formEmail" value="Enter your email address" />
<input type="url" id="formSubject" value="Enter your website" />
<textarea>Write your message</textarea>
<input type="submit" id="submitButton" class="submit chunkyButton light dark" value="Submit Comment &rarr;" />
</form>
</section>
</div>
</article>
<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.