%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<html class="no-js" lang="en">
<!-- BEGIN head -->
<head>
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="One Page/Multi Page HTML Template">
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Title -->
<title>Ronika - One Page/Multi Page HTML Template</title>
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!--[if lte IE 9]
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" id="foundation-css" href="css/foundation.css" type="text/css" media="screen">
<link rel="stylesheet" id="stylesheet-css" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" id="shortcodes-css" href="css/shortcodes.css" type="text/css" media="screen">
<link rel="stylesheet" id="magnific-popup-css" href="css/magnific.popup.css" type="text/css" media="screen">
<link rel="stylesheet" id="flexslider-css" href="css/flexslider.css" type="text/css" media="screen">
<link rel="stylesheet" id="icomoon-ultimate-css" href="css/icomoon.ultimate.css" type="text/css" media="screen">
<link rel="stylesheet" id="contact-form-7-css" href="css/styles.css" type="text/css" media="all">
<script type="text/javascript" src="js/modernizr.2.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script type="text/javascript" src="js/jquery/jquery-migrate.min.js"></script>
<script type="text/javascript" src="js/comment-reply.min.js"></script>
<!-- END head -->
</head>
<body class="blog touch-animation-off sticky-header-on">
<!--[if lte IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<noscript class="chromeframe noscript">
Please Turn On JavaScript For Seeing This Website Properly.
</noscript>
<header class="header">
<div class="row">
<div class="large-12 columns">
<div class="logo">
<a href="#">
<img src="images/logo.png" alt="Ronika">
</a>
</div>
<nav class="main-navigation">
<ul id="main-navigation" class="menu">
<li><a href="index.html#Home">Home</a></li>
<li><a href="index.html#services">Services</a></li>
<li><a href="index.html#works">Works</a></li>
<li><a href="index.html#additional-post">Post</a></li>
<li><a href="index.html#who-we-are">About us</a></li>
<li><a href="index.html#stay-in-touch">Contact us</a></li>
<li><a href="blog-sidebar.html" class="external">Blog</a>
<ul class="sub-menu">
<li><a href="blog-sidebar.html" class="external">BLOG with Sidebar</a></li>
<li><a href="blog-fullwidth.html" class="external">BLOG Full Width</a></li>
</ul>
</li>
<li><a href="peresentation-page.html" class="external">Pages</a>
<ul class="sub-menu">
<li><a href="peresentation-page.html" class="external">Presentation Page</a></li>
<li><a href="features.html" class="external">Features</a></li>
<li><a href="template-404.html" class="external">404 – Not Found</a></li>
</ul>
</li>
</ul>
</nav>
<div class="top-social-icons">
<ul>
<li><a href="#"><span class="icon-twitter" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="icon-flickr" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="icon-facebook" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
</div>
</header>
<div class="blog-container blog-2">
<div class="row">
<div class="large-8 columns">
<article class="portfolio meta-hide">
<div class="entry-content">
<h2><a href="#">Beautiful Laptop</a></h2>
<div class="entry-meta-mobile">
<span class="entry-cat"><a href="#" rel="tag">Modern portfolio theory</a></span>
<span>-</span>
<span>By admin on August 13, 2013</span>
</div>
<div class="content">
<p><img class="alignnone" alt="TouchCoverBox2" src="images/portfolio/image-1.jpg" width="1200" height="798"></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla porttitor accumsan tincidunt. Proin eget tortor risus. Nulla porttitor accumsan tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.<span id="more-6"></span> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.</p>
<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. Sed porttitor lectus nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla porttitor accumsan tincidunt.</p>
<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.Quisque velit nisi, pretium ut lacinia in, elementum id enim. Sed porttitor lectus nibh. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Donec rutrum congue leo eget malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Pellentesque in ipsum id orci porta dapibus. Nulla quis lorem ut libero malesuada feugiat. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.</p>
<p>Proin eget tortor risus. Cras ultricies ligula sed magna dictum porta. Pellentesque in ipsum id orci porta dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla porttitor accumsan tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<span class="entry-tags">Tags:
<a href="#" rel="tag">Business</a>,
<a href="#" rel="tag">Design</a>,
<a href="#" rel="tag">Gadget</a>
</span>
<div class="single-sharing">
<span>Share with others</span>
<ul>
<li>
<a title="Share on Twitter" class="twitter" href="#" target="_blank">
<span class="icon-twitter" aria-hidden="true"></span>
</a>
</li>
<li>
<a title="Share on Facebook" class="facebook" href="#" target="_blank">
<span class="icon-facebook" aria-hidden="true"></span>
</a>
</li>
<li>
<a title="Share on Google+" class="gplus" href="#" target="_blank">
<span class="icon-google-plus" aria-hidden="true"></span>
</a>
</li>
<li>
<a title="Share on reddit" class="reddit" href="#" target="_blank">
<span class="icon-reddit" aria-hidden="true"></span>
</a>
</li>
<li>
<a title="Share on Linkedin" class="linkedin" href="#" target="_blank">
<span class="icon-linkedin" aria-hidden="true"></span>
</a>
</li>
<li>
<a title="Share on Email" class="mail" href="#" target="_blank">
<span class="icon-envelop" aria-hidden="true"></span>
</a>
</li>
</ul>
</div>
</div>
</article>
<div id="comments">
<div class="comments-title">
<span>3</span> Comments
</div>
<ul class="comments-list">
<li class="comment">
<div>
<div class="avatar-border">
<img alt="avatar" src="images/blog/avatar.png" height="70" width="70">
</div>
<div class="comment-meta">
<span class="comment-author">
<cite class="fn">James Black</cite>
</span>
<a class="comment-reply-link" href="#respond">[Reply]</a>
<a class="comment-time desktop" href="#">August 28, 2013</a>
</div>
<div class="comment-body">
<p>Donec rutrum congue leo eget malesuada. Sed porttitor lectus nibh. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.</p>
</div>
<span class="comment-triangle"></span>
</div>
</li>
<!-- #comment-## -->
<li class="comment">
<div>
<div class="avatar-border">
<img alt="avatar" src="images/blog/avatar.png" height="70" width="70">
</div>
<div class="comment-meta">
<span class="comment-author">
<cite class="fn">John Doe</cite>
</span>
<a class="comment-reply-link" href="#respond">[Reply]</a>
<a class="comment-time desktop" href="#">August 28, 2013</a>
</div>
<div class="comment-body">
<p>Donec rutrum congue leo eget malesuada. Donec rutrum congue leo eget malesuada. Nulla quis lorem ut libero malesuada feugiat. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Donec rutrum congue leo eget malesuada.</p>
</div>
<span class="comment-triangle"></span>
</div>
<ul class="children">
<li class="comment">
<div>
<div class="avatar-border">
<img alt="avatar" src="images/blog/avatar.png" height="70" width="70">
</div>
<div class="comment-meta">
<span class="comment-author">
<cite class="fn">Jane Doe</cite> Replied to <cite class="fn">John Doe</cite>
</span>
<a class="comment-reply-link" href="#respond">[Reply]</a>
<a class="comment-time desktop" href="#">August 28, 2013</a>
</div>
<div class="comment-body">
<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.</p>
</div>
<span class="comment-triangle"></span>
</div>
<ul class="children">
<li class="comment">
<div id="Div1">
<div class="avatar-border">
<img alt="avatar" src="images/blog/avatar.png" height="70" width="70">
</div>
<div class="comment-meta">
<span class="comment-author">
<cite class="fn">Jane Doe</cite> Replied to <cite class="fn">John Doe</cite>
</span>
<a class="comment-reply-link" href="#respond">[Reply]</a>
<a class="comment-time desktop" href="#">August 28, 2013</a>
</div>
<div class="comment-body">
<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.</p>
</div>
<span class="comment-triangle"></span>
</div>
<ul class="children">
<li class="comment dipest-comment">
<div>
<div class="avatar-border">
<img alt="avatar" src="images/blog/avatar.png" height="70" width="70">
</div>
<div class="comment-meta">
<span class="comment-author">
<cite class="fn">Jane Doe</cite> Replied to <cite class="fn">John Doe</cite>
</span>
<a class="comment-reply-link" href="#respond">[Reply]</a>
<a class="comment-time desktop" href="#">August 28, 2013</a>
</div>
<div class="comment-body">
<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.</p>
</div>
<span class="comment-triangle"></span>
</div>
</li>
<!-- #comment-## -->
</ul>
</li>
<!-- #comment-## -->
</ul>
</li>
<!-- #comment-## -->
</ul>
<!-- .children -->
</li>
<!-- #comment-## -->
</ul>
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">Leave a Comment
<small>
<a rel="nofollow" id="cancel-comment-reply-link" href="#respond">Cancel Reply</a>
</small>
</h3>
<form action="#" method="post" id="commentform" class="comment-form">
<div id="respond-inputs">
<p><input name="author" type="text" placeholder="Name (required)" size="30" aria-required="true"></p>
<p><input name="email" type="text" placeholder="E-Mail (required)" size="30" aria-required="true"></p>
<p class="last"><input name="url" type="text" placeholder="Website" size="30"></p>
</div>
<div id="comment-text">
<textarea id="comment" name="comment" cols="45" rows="8" aria-required="true" placeholder="Your Message"></textarea>
</div>
<p class="form-submit">
<input name="submit" type="submit" id="submit" value="Post Comment">
<input type="hidden" name="comment_post_ID" value="329" id="comment_post_ID">
<input type="hidden" name="comment_parent" id="comment_parent" value="0">
</p>
<p>
<input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="dc753733bd">
</p>
</form>
</div>
<!-- #respond -->
<!-- END #comments -->
</div>
</div>
<aside class="large-4 columns sidebar">
<section class="widget widget_search">
<h3>Search</h3>
<form method="get" action="#">
<div class="search-box">
<input class="search-box-text" type="text" placeholder="Search" name="s" id="s">
<input class="search-box-submit" type="submit" value="">
</div>
</form>
</section>
<section class="widget widget_latest_portfolio">
<h3>Recent Portfolio</h3>
<ul>
<li>
<a href="blog-single-sidebar.html" title="Beautiful Laptop">
<img width="126" height="110" src="images/widget/image-1.jpg" alt="image-1">
</a>
</li>
<li>
<a href="blog-single-sidebar.html" title="Woman Enjoys the Music">
<img width="126" height="110" src="images/widget/image-2.jpg" alt="image-2">
</a>
</li>
<li>
<a href="blog-single-sidebar.html" title="Gadget Side View">
<img width="126" height="110" src="images/widget/image-3.jpg" alt="image-3">
</a>
</li>
<li>
<a href="blog-single-sidebar.html" title="Butterfly">
<img width="126" height="110" src="images/widget/image-4.jpg" alt="image-4">
</a>
</li>
</ul>
</section>
<section id="categories-3" class="widget widget_categories">
<h3>Categories</h3>
<ul>
<li class="cat-item"><a href="#" title="View all posts filed under Audio">Audio</a></li>
<li class="cat-item"><a href="#" title="Et sea nihil dictas oblique, an sea">Business</a></li>
<li class="cat-item"><a href="#" title="View all posts filed under Creative">Creative</a></li>
<li class="cat-item"><a href="#" title="Ei vis quando platonem, per cibo">Personal</a></li>
</ul>
</section>
<section class="widget widget_recent_entries">
<h3>Recent Posts</h3>
<ul>
<li>
<a href="blog-single.html" title="This is a Gallery Post">This is a Gallery Post</a>
<span class="post-date">August 28, 2013</span>
</li>
<li>
<a href="blog-single.html" title="Post with Featured Image">Post with Featured Image</a>
<span class="post-date">August 28, 2013</span>
</li>
<li>
<a href="blog-single.html" title="This is a Video Post">This is a Video Post</a>
<span class="post-date">August 28, 2013</span>
</li>
<li>
<a href="blog-single.html" title="This is an Audio Post">This is an Audio Post</a>
<span class="post-date">August 28, 2013</span>
</li>
</ul>
</section>
</aside>
</div>
</div>
<footer class="footer">
<p>Copyright © 2013, All Rights Reserved.</p>
</footer>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/sly.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
<script type="text/javascript" src="js/waypoints.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.magnific.popup.min.js"></script>
<script type="text/javascript" src="js/jquery.fitvids.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.min.js"></script>
<script type="text/javascript" src="js/tweenlite.min.js"></script>
<script type="text/javascript" src="js/cssplugin.min.js"></script>
<script type="text/javascript" src="js/imagesloaded.min.js"></script>
<script type="text/javascript" src="js/selectnav.min.js"></script>
<script type="text/javascript" src="js/enquire.min.js"></script>
<script type="text/javascript" src="js/respond.min.js"></script>
<script type="text/javascript" src="js/underscore.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
<script type="text/javascript" src="js/jquery.nav.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var ronika_data = { "home_url": "http:\/\/demo.spnoy.com\/ronika", "lightbox_gallery_mode": "1", "lightbox_close_button": "1", "lightbox_close_button_position": "true", "lightbox_align": "false", "navigation_scroll_speed": "600", "animation_switch": "0", "sticky_header_switch": "1" };
/* ]]> */
</script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="js/jquery.form.min.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var _wpcf7 = { "loaderUrl": "http:\/\/demo.spnoy.com\/ronika\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif", "sending": "Sending ..." };
/* ]]> */
</script>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html>
Zerion Mini Shell 1.0