%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 custom-background 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-1">
<div class="row">
<div class="large-12 columns">
<h2 class="content-title blog-title title-animate">
<span>|</span>
<strong>BLOG</strong>
</h2>
</div>
<article>
<div class="large-3 columns entry-side">
<span class="entry-format icomoon-ultimate gallery" aria-hidden="true"></span>
<div class="entry-meta">
<span>August 28, 2013</span>
<span><a href="#comments" title="Comment on This is a Gallery Post">3</a> Comments</span>
<span class="entry-cat">Categories:
<a href="#" title="View all posts in Business" rel="category">Business</a>,
<a href="#" title="View all posts in Creative" rel="category">Creative</a></span>
<span>Tags:
<a href="#" rel="tag">Blog</a>,
<a href="#" rel="tag">Business</a>,
<a href="#" rel="tag">Creative</a>,
<a href="#" rel="tag">Gallery</a>,
<a href="#" rel="tag">News</a></span>
</div>
</div>
<div class="large-9 columns entry-content">
<h2><a href="#">This is a Gallery Post</a></h2>
<div class="entry-meta-mobile">
<span class="entry-cat">
<a href="#" title="View all posts in Business" rel="category">Business</a>,
<a href="#" title="View all posts in Creative" rel="category">Creative</a>
</span>
<span>-</span>
<span>August 28, 2013</span>
<span>-</span>
<span><a href="#comments" title="Comment on This is a Gallery Post">3</a> Comments</span>
</div>
<figure>
<div class="flexslider">
<ul class="slides">
<li>
<img src="images/blog/image-1-746.jpg" alt="image-1" width="746" height="447" draggable="false">
</li>
<li>
<img src="images/blog/image-2-746.jpg" alt="image-1" width="746" height="522" draggable="false">
</li>
<li>
<img src="images/blog/image-3-746.jpg" alt="image-1" width="746" height="497" draggable="false">
</li>
<li>
<img src="images/blog/image-4-746.jpg" alt="image-1" width="746" height="559" draggable="false">
</li>
</ul>
<ul class="flex-direction-nav">
<li><a class="flex-prev" href="#">Previous</a></li>
<li><a class="flex-next" href="#">Next</a></li>
</ul>
</div>
</figure>
<div class="content">
<p>Praesent augue arcu, ornare ut tincidunt eu, mattis a libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In elit purus, ullamcorper vel luctus vitae, venenatis eu odio. Vivamus tincidunt, urna quis consectetur venenatis, quam urna tincidunt mi, quis convallis enim dolor sed elit. Pellentesque ultricies congue lacus, eget elementum erat lobortis et. Sed non velit neque.<span id="more-329"></span> Mauris gravida mattis libero elementum dignissim. Proin vehicula ultricies leo, vitae sollicitudin risus sagittis at. Cras sit amet eros purus. Curabitur non lectus id massa auctor cursus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p>Proin mattis mauris nec odio sodales mattis. Donec nulla massa, laoreet vitae posuere sodales, dapibus et purus. Pellentesque sollicitudin urna accumsan lectus dignissim ut placerat diam accumsan. Duis suscipit tempus tellus ac dignissim. Mauris cursus tincidunt tortor, non iaculis velit posuere a. Praesent consequat metus quis libero pharetra nec porta nisl malesuada. Etiam ornare vulputate lacinia. Aliquam sollicitudin euismod nisi non fringilla. Nullam malesuada dapibus lacus, sit amet dapibus nibh vestibulum sagittis. Nam sagittis ante dapibus ipsum venenatis tempus.</p>
<blockquote>
<p>Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Nulla porttitor accumsan tincidunt. Nulla quis lorem ut libero malesuada feugiat.</p>
</blockquote>
<p>Aliquam fringilla, sapien eget scelerisque placerat, lorem libero cursus lorem, sed sodales lorem libero eu sapien. Nunc mattis feugiat justo vel faucibus. Nulla consequat feugiat malesuada. Ut justo nulla, facilisis vel molestie id, dictum ut arcu. Nunc ipsum nulla, eleifend non blandit quis, luctus quis orci. Cras blandit turpis mattis nulla ultrices interdum. Mauris pretium pretium dictum. Nunc commodo, felis sed dictum bibendum, risus justo iaculis dui, nec euismod orci sem eget neque. Donec in metus metus, vitae eleifend lorem. Ut vestibulum gravida venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque suscipit tincidunt magna non mollis. Fusce tempus tincidunt nisi, in luctus elit pellentesque quis. Sed velit mi, ullamcorper ut tempor ut, mattis eu lacus. Morbi rhoncus aliquet tellus, id accumsan enim sollicitudin vitae.</p>
</div>
<div class="single-sharing">
<span>Share this story</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 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 class="large-9 columns large-offset-3">
<!-- BEGIN #comments -->
<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>
</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