%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /www/varak.net/www.varak.net/
Upload File :
Create Path :
Current File : //www/varak.net/www.varak.net/blog-sidebar.html

<!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-2">
        <div class="row">
            <div class="large-12 columns">
                <h2 class="content-title blog-title title-animate">
                    <span>|</span>
                    <strong>BLOG</strong>
                </h2>
            </div>

            <div class="large-8 columns">

                <article>
                    <div class="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: 559px;">
                                <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="entry-content">
                        <h2><a href="blog-single.html">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="746" height="497" src="images/blog/image-5-746.jpg" alt="image-5">
                        </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="entry-content">
                        <h2><a href="blog-single.html">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" style="padding-top: 56.30026809651475%;">
                                <iframe src="//player.vimeo.com/video/69901302"></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="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 width="746" height="166" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F8971622&amp;show_artwork=true&amp;maxwidth=746&amp;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="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="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="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>
                    <div class="ronika-pagination">
                        <a href="#" class="inactive">&lt;</a>
                        <span class="current">1</span>
                        <a href="#" class="inactive">2</a>
                        <a href="#" class="inactive">3</a>
                        <a href="#" class="inactive">&gt;</a>
                    </div>
                </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