%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="blog-single.html#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>
</div>
</div>
<div class="large-9 columns entry-content">
<h2><a href="blog-single.html">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="blog-single.html#comments" title="Comment on This is a Gallery Post">3</a> Comments</span>
</div>
<figure>
<div class="flexslider" style="height: 590px;">
<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-2" width="746" height="522" draggable="false">
</li>
<li>
<img src="images/blog/image-3-746.jpg" alt="image-3" width="746" height="497" draggable="false">
</li>
<li>
<img src="images/blog/image-4-746.jpg" alt="image-4" 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.</p>
</div>
<a class="more-link" href="blog-single.html">Continue Reading</a>
</div>
</article>
<article>
<div class="large-3 columns entry-side">
<span class="entry-format icomoon-ultimate " aria-hidden="true"></span>
<div class="entry-meta">
<span>August 28, 2013</span>
<span><a href="blog-single.html#comments" title="Comment on Post with Featured Image">5</a> Comments</span>
<span class="entry-cat">Categories:
<a href="#" title="View all posts in Creative" rel="category">Creative</a></span>
</div>
</div>
<div class="large-9 columns entry-content">
<h2><a href="#">Post with Featured Image</a></h2>
<div class="entry-meta-mobile">
<span class="entry-cat"><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="blog-single.html#comments" title="Comment on Post with Featured Image">5</a> Comments</span>
</div>
<figure>
<img width="844" height="563" src="images/blog/image-9-844.jpg" alt="image-9-844">
</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. 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>
</div>
<a class="more-link" href="blog-single.html">Continue Reading</a>
</div>
</article>
<article>
<div class="large-3 columns entry-side">
<span class="entry-format icomoon-ultimate video" aria-hidden="true"></span>
<div class="entry-meta">
<span>August 28, 2013</span>
<span><a href="blog-single.html#comments" title="Comment on This is a Video Post">6</a> Comments</span>
<span class="entry-cat">Categories:
<a href="#" title="View all posts in Business" rel="category">Business</a>
</span>
</div>
</div>
<div class="large-9 columns entry-content">
<h2><a href="#">This is a Video Post</a></h2>
<div class="entry-meta-mobile">
<span class="entry-cat">
<a href="#" title="View all posts in Business" rel="category">Business</a>
</span>
<span>-</span>
<span>August 28, 2013</span>
<span>-</span>
<span><a href="blog-single.html#comments" title="Comment on This is a Video Post">6</a> Comments</span>
</div>
<figure>
<div class="fluid-width-video-wrapper">
<iframe src="//player.vimeo.com/video/69901302" title="The Photo Man"></iframe>
</div>
</figure>
<div class="content">
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
</div>
<a class="more-link" href="blog-single.html">Continue Reading</a>
</div>
</article>
<article>
<div class="large-3 columns entry-side">
<span class="entry-format icomoon-ultimate audio" aria-hidden="true"></span>
<div class="entry-meta">
<span>August 28, 2013</span>
<span><a href="blog-single.html#comments" title="Comment on This is an Audio Post">4</a> Comments</span>
<span class="entry-cat">Categories:
<a href="#" title="View all posts in Audio" rel="category">Audio</a>,
<a href="#" title="View all posts in Creative" rel="category">Creative</a>
</span>
</div>
</div>
<div class="large-9 columns entry-content">
<h2><a href="blog-single.html">This is an Audio Post</a></h2>
<div class="entry-meta-mobile">
<span class="entry-cat">
<a href="#" title="View all posts in Audio" rel="category">Audio</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="blog-single.html#comments" title="Comment on This is an Audio Post">4</a> Comments</span>
</div>
<figure>
<iframe src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F8971622&show_artwork=true&maxwidth=746&maxheight=1000"></iframe>
</figure>
<div class="content">
<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Proin eget tortor risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.</p>
</div>
<a class="more-link" href="blog-single.html">Continue Reading</a>
</div>
</article>
<article>
<div class="large-3 columns entry-side">
<span class="entry-format icomoon-ultimate " aria-hidden="true"></span>
<div class="entry-meta">
<span>August 28, 2013</span>
<span><a href="blog-single.html#comments" title="Comment on This is a Regular Post">5</a> Comments</span>
<span class="entry-cat">Categories:
<a href="#" title="View all posts in Business" rel="category">Business</a>
</span>
</div>
</div>
<div class="large-9 columns entry-content">
<h2><a href="blog-single.html">This is a Regular Post</a></h2>
<div class="entry-meta-mobile">
<span class="entry-cat">
<a href="#" title="View all posts in Business" rel="category">Business</a>
</span>
<span>-</span>
<span>August 28, 2013</span>
<span>-</span>
<span><a href="blog-single.html#comments" title="Comment on This is a Regular Post">5</a> Comments</span>
</div>
<div class="content">
<h4>Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Sed porttitor lectus nibh.</h4>
<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. 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>
</div>
<a class="more-link" href="blog-single.html">Continue Reading</a>
</div>
</article>
<article>
<div class="large-3 columns entry-side">
<span class="entry-format icomoon-ultimate quote" aria-hidden="true"></span>
<div class="entry-meta">
<span>August 14, 2013</span>
<span><a href="blog-single.html#comments" title="Comment on This is a Quote Post">4</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 Personal" rel="category">Personal</a>
</span>
</div>
</div>
<div class="large-9 columns entry-content">
<h2><a href="blog-single.html">This is a Quote 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 Personal" rel="category">Personal</a>
</span>
<span>-</span>
<span>August 14, 2013</span>
<span>-</span>
<span><a href="blog-single.html#comments" title="Comment on This is a Quote Post">4</a> Comments</span>
</div>
<div class="content">
<div class="post-quote">
<h4>Vivamus suscipit tortor eget felis porttitor volutpat. Vivamus suscipit tortor eget felis porttitor volutpat. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h4>
<span>John Doe</span>
</div>
</div>
<a class="more-link" href="blog-single.html">Continue Reading</a>
</div>
</article>
<article>
<div class="large-3 columns entry-side">
<span class="entry-format icomoon-ultimate link" aria-hidden="true"></span>
<div class="entry-meta">
<span>August 29, 2013</span>
<span><a href="blog-single.html#comment" title="Comment on This is a Link Post">0</a> Comments</span>
<span class="entry-cat">Categories: <a href="#" title="View all posts in Personal" rel="category">Personal</a></span>
</div>
</div>
<div class="large-9 columns entry-content">
<h2><a href="blog-single.html">This is a Link Post</a></h2>
<div class="entry-meta-mobile">
<span class="entry-cat">
<a href="#" title="View all posts in Personal" rel="category">Personal</a>
</span>
<span>-</span>
<span>August 29, 2013</span>
<span>-</span>
<span><a href="blog-single.html#comment" title="Comment on This is a Link Post">0</a> Comments</span>
</div>
<div class="content">
<div class="post-link"><a href="http://www.google.com/">http://www.google.com/</a></div>
<p>Aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
<a class="more-link" href="blog-single.html">Continue Reading</a>
</div>
</article>
<div class="large-9 columns large-offset-3">
<div>
<div class="ronika-pagination">
<a href="#" class="inactive"><</a>
<span class="current">1</span>
<a href="#" class="inactive">2</a>
<a href="#" class="inactive">3</a>
<a href="#" class="inactive">></a>
</div>
</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