%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 - Nový pohled</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="https://fotogalerie.varak.net"></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="//cdn.varak.net/js/jquery.min.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="home page-template-template-home-php 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://www.varak.net/">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="#home">Home</a></li>
<li><a href="#works">Podrobnosti</a></li>
<li><a href="#additional-post">Video</a></li>
<li><a href="#who-we-are">O nás</a></li>
<li><a href="#stay-in-touch">Kontakt</a></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>
<section id="home" class="ronika-gallery-slider-bg">
<div class="row">
<div class="large-12 columns">
<div class="ronika-gallery-slider nav-point" data-id="home">
<div class="ronika-gallery-items isotope">
<div class="item one-half isotope-item">
<div class="item-image">
<img width="376" height="237" src="images/slider/image-1-376x237.jpg" alt="image-1" >
</div>
<div class="item-hover">
<h3><a href="portfolio-single-sidebar.html">Síla Muže</a></h3>
<div>
<p>Nahlédněte a přemýšlejte.</p>
</div>
<a class="item-link" href="portfolio-single-sidebar.html"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
<a class="item-view image mfp-image mfp" href="images/slider/image-1.jpg"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
</div>
</div>
<div class="item one-half isotope-item">
<div class="item-image">
<img width="376" height="237" src="images/slider/image-2-376x237.jpg" alt="img7">
</div>
<div class="item-hover">
<h3><a href="portfolio-single-sidebar.html">Hloubka ženy</a></h3>
<div>
<p>Žena ve všech rozměrech.</p>
</div>
<a class="item-link" href="portfolio-single-sidebar.html"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
<a class="item-view image mfp-image mfp" href="images/slider/image-2.jpg"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
</div>
</div>
<div class="item one-third isotope-item">
<div class="item-image">
<img width="376" height="156" src="images/slider/image-3-376x156.jpg" alt="image-3">
</div>
<div class="item-hover">
<a class="item-format image mfp-image mfp" href="images/slider/image-3.jpg"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
<h3><a href="portfolio-single-sidebar.html">Setkání</a></h3>
<span class="item-meta">August 12, 2013, 4:23 pm</span>
</div>
</div>
<div class="item one-third isotope-item">
<div class="item-image">
<img width="376" height="156" src="images/slider/image-4-376x156.jpg" alt="Butterfly Scouting">
</div>
<div class="item-hover">
<a class="item-format image mfp-image mfp" href="images/slider/image-4.jpg"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
<h3><a href="portfolio-single-sidebar.html">Moře</a></h3>
<span class="item-meta"></span>
</div>
</div>
<div class="item one-third isotope-item">
<div class="item-image">
<img width="376" height="156" src="images/slider/image-5-376x156.jpg" alt="image-5">
</div>
<div class="item-hover">
<a class="item-format iframe video mfp-iframe video mfp" href="https:\fotogalerie.varak.net"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
<h3><a href="portfolio-single-sidebar.html">FOLIOMANIA</a></h3>
<span class="item-meta"></span>
</div>
</div>
<div class="item two-third isotope-item">
<div class="item-image">
<img width="376" height="318" src="images/slider/image-6-376x318.jpg" alt="image-6">
</div>
<div class="item-hover">
<h3><a href="portfolio-single-sidebar.html">Dobrý den</a></h3>
<div>
<p>Kapitola. </p>
</div>
<a class="item-link" href="portfolio-single-sidebar.html"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
<a class="item-view image mfp-image mfp" href="images/slider/image-6.jpg"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
</div>
</div>
<div class="item one-third isotope-item">
<div class="item-image">
<img width="376" height="156" src="images/slider/image-7-376x156.jpg" alt="image-7">
</div>
<div class="item-hover">
<a class="item-format image mfp-image mfp" href="images/slider/image-7.jpg"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
<h3><a href="portfolio-single-sidebar.html">3D Cellphone</a></h3>
<span class="item-meta">June 25, 2012, 11:42 am</span>
</div>
</div>
</div>
<div id="scrollbar">
<div class="handle"></div>
</div>
</div>
</div>
</div>
</section>
/* smazána sekce SERVICES*/
<section class="image-content content-container content-typography centering with-bg-image parallax-effect" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="0">
</section>
<section id="works" class="works content-container content-typography light-background">
<div class="row">
<div class="large-12 columns">
<h2 class="content-title title-animate">
<span>|</span>
<strong>Podrobnosti</strong>
</h2>
<div class="sixcol effect-scale-up" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<h3>Příběh nás vždy doprovází, </h3>
<p> </p>
<p>Nabízíme příběh ke komiksům, který nám pomůžete rozvinout. </p>
</div>
<div class="sixcol last effect-scale-up" data-effect-offset="1" data-effect-speed="1.5" data-effect-delay="1">
<img class="aligncenter" alt="laptop" src="images/image-1.jpg" width="537" height="234"><br>
</div>
<div class="gap" data-height-size="0px"></div>
<div class="row featured-portfolio">
<div class="large-6 columns portfolio-item effect-scale-up" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<div class="portfolio-image">
<img width="549" height="208" src="images/portfolio/image-1-549x208.jpg" alt="image-1">
<div class="portfolio-hover">
<div class="item-format-center">
<a class="item-format image mfp-image mfp" href="images/portfolio/image-1.jpg">
<span aria-hidden="true" class="icomoon-ultimate"></span>
</a>
</div>
</div>
</div>
<h3><a href="portfolio-single-sidebar.html">Síla Muže</a></h3>
<p>další text.</p>
</div>
<div class="large-6 columns portfolio-item effect-scale-up" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<div class="portfolio-image">
<img width="549" height="208" src="images/portfolio/image-2-549x208.jpg" alt="image-2">
<div class="portfolio-hover">
<div class="item-format-center">
<a class="item-format image mfp-image mfp" href="images/portfolio/image-2.jpg">
<span aria-hidden="true" class="icomoon-ultimate"></span>
</a>
</div>
</div>
</div>
<h3><a href="portfolio-single-sidebar.html">Butterfly</a></h3>
<p>Id sed altera insolens, in alia novum eruditi his. Quaestio praesent vix ea, malorum epicuri adipisci ei his.</p>
</div>
<div class="large-6 columns portfolio-item effect-scale-up" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<div class="portfolio-image">
<img width="549" height="208" src="images/portfolio/image-3-549x208.jpg" alt="image-3">
<div class="portfolio-hover">
<div class="item-format-center">
<a class="item-format image mfp-image mfp" href="images/portfolio/image-3.jpg">
<span aria-hidden="true" class="icomoon-ultimate"></span>
</a>
</div>
</div>
</div>
<h3><a href="portfolio-single-sidebar.html">Nice Clean Bundle</a></h3>
<p>Eu eos facete alterum vivendo, vix audiam laoreet et. Debet eirmod quo eu, cu tation constituto sit. Porro ...</p>
</div>
<div class="large-6 columns portfolio-item effect-scale-up" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<div class="portfolio-image">
<img width="549" height="208" src="images/portfolio/image-4-549x208.jpg" alt="image-4">
<div class="portfolio-hover">
<div class="item-format-center">
<a class="item-format iframe video mfp-iframe video mfp" href="http://vimeo.com/69901302">
<span aria-hidden="true" class="icomoon-ultimate"></span>
</a>
</div>
</div>
</div>
<h3><a href="portfolio-single-sidebar.html">Pictures & Memories</a></h3>
<p>Per ad blandit phaedrum, ut quod nullam salutandi nec. Eum te dicit audiam interesset, tota menandri eum at...</p>
</div>
</div>
</div>
</div>
</section>
<section class="testimonial content-container content-typography centering with-bg-image parallax-effect" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="-400">
<div class="row">
<div class="large-12 columns">
<h2 class="content-title title-animate">
<span>|</span>
<strong>What They Say?</strong>
</h2>
<div class="wtsay-content">
<ul>
<li class="effect-fade-from-bottom" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<div class="wtsay-circle">
<img width="120" height="120" src="images/testimonial/image-1.jpg" alt="image-1">
</div>
<div class="wtsay-context">
<h3>John Doe</h3>
<p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.</p>
</div>
</li>
<li class="effect-fade-from-bottom" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<div class="wtsay-circle">
<img width="120" height="120" src="images/testimonial/image-2.jpg" alt="image-2">
</div>
<div class="wtsay-context">
<h3>Jane Doe</h3>
<p>Curabitur aliquet quam id dui posuere blandit. Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi, pretium ut lacinia in, elementum id enim.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="additional-post" class="additional-post content-container content-typography dark-background">
<div class="row">
<div class="large-12 columns">
<h2 class="content-title title-animate">
<span>|</span>
<strong>ADDITIONAL POST</strong>
</h2>
<div class="fourcol effect-fade-from-left" data-effect-offset="1" data-effect-speed="1.5" data-effect-delay="0">
<h3>Duis vehicula imperdiet nisi. Mauris pulvinar luctus velit eu tristique.</h3>
<p> </p>
<p>
Donec rutrum congue leo eget malesuada. Cras ultricies ligula sed magna dictum porta. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vivamus suscipit tortor eget felis porttitor volutpat. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Donec rutrum congue leo eget malesuada.<br>
</p>
<div class="gap" data-height-size="40px"></div>
<a class="ronika-button medium default" href="#">Find More</a>
</div>
<div class="eightcol last effect-fade-from-right" data-effect-offset="1" data-effect-speed="1.5" data-effect-delay="0">
<div class="fluid-width-video-wrapper" style="padding-top: 56.166219839142094%;">
<iframe src="http://player.vimeo.com/video/63880112?title=0&byline=0&portrait=0&color=ffffff"></iframe>
</div>
<br>
</div>
</div>
</div>
</section>
<section id="who-we-are" class="who-we-are content-container content-typography light-background">
<div class="row">
<div class="large-12 columns">
<h2 class="content-title title-animate">
<span>|</span>
<strong>Kdo jsme</strong>
</h2>
<div class="sixcol effect-fade-from-left" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<h3>Our Story</h3>
<p> </p>
<p>
Sešli jsem se, abychom Vás naladili na nový pohled na umění. Předpokládáme....<br>
</p>
</div>
<div class="sixcol last effect-fade-from-right" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<h3>Naše zájmy</h3>
<p> </p>
<div class="skill effect-fade-from-right" data-size="90%" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">Umění v příběhu</div>
<div class="skill effect-fade-from-right" data-size="70%" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0.3">Hapenning</div>
</div>
<div class="gap" data-height-size="60px"></div>
<div class="twelvecol effect-fade-from-right" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<h3>Our Team</h3>
<p>
<br>
</p>
</div>
<div class="twelvecol effect-none" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<ul class="team-members">
<li class="effect-fade-from-bottom" data-effect-offset="1" data-effect-speed="2" data-effect-delay="0">
<img width="253" height="253" src="images/team/image-1.jpg" alt="image-1">
<div class="team-hover">
<h4>Melissa J. Smith</h4>
<p>Administrative Manager</p>
<ul class="team-social-icons">
<li><a href="#"><span class="icon-twitter" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="icon-facebook" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="icon-google-plus" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="icon-linkedin" aria-hidden="true"></span></a></li>
</ul>
</div>
</li>
<li class="effect-fade-from-bottom" data-effect-offset="1" data-effect-speed="2" data-effect-delay="0">
<img width="253" height="253" src="images/team/image-2.jpg" alt="image-2">
<div class="team-hover">
<h4>Ethan Begum</h4>
<p>Developer</p>
<ul class="team-social-icons">
<li><a href="#"><span class="icon-facebook" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="icon-google-plus" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="icon-linkedin" aria-hidden="true"></span></a></li>
</ul>
</div>
</li>
<li class="effect-fade-from-bottom" data-effect-offset="1" data-effect-speed="2" data-effect-delay="0">
<img width="253" height="253" src="images/team/image-3.jpg" alt="image-3">
<div class="team-hover">
<h4>James Black</h4>
<p>Senior Designer</p>
<ul class="team-social-icons">
<li><a href="#"><span class="icon-twitter" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="icon-facebook" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="icon-google-plus" aria-hidden="true"></span></a></li>
</ul>
</div>
</li>
<li class="effect-fade-from-bottom" data-effect-offset="1" data-effect-speed="2" data-effect-delay="0">
<img width="253" height="253" src="images/team/image-4.jpg" alt="image-4">
<div class="team-hover">
<h4>Ms. Jane Doe</h4>
<p>CFO, Fianance Manager</p>
<ul class="team-social-icons">
<li><a href="#"><span class="icon-twitter" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="icon-facebook" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="icon-linkedin" aria-hidden="true"></span></a></li>
</ul>
</div>
</li>
</ul>
<div class="gap" data-height-size="80px"></div>
<blockquote class="featured-quote effect-fade-from-bottom" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<div>
<span class="qoute-icon-font icon-quotes-left" aria-hidden="true"></span>
<p>WordPress theme in it’s most beautiful form ever. It’s just as spectacular on the inside.</p>
<span class="qoute-icon-font icon-quotes-right" aria-hidden="true"></span>
</div>
<a href="#">´MýDlo</a>
</blockquote>
</div>
</div>
</div>
</section>
<section id="stay-in-touch" class="stay-in-touch content-container content-typography dark-background">
<div class="row">
<div class="large-12 columns">
<h2 class="content-title title-animate">
<span>|</span>
<strong>STAY IN TOUCH</strong>
</h2>
<div class="sixcol effect-fade-from-left" data-effect-offset="1" data-effect-speed="1.5" data-effect-delay="0">
<div class="wpcf7">
<form action="#" method="post" class="wpcf7-form" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="182">
<input type="hidden" name="_wpcf7_version" value="3.5.2">
<input type="hidden" name="_wpcf7_locale" value="en_US">
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f182-p180-o1">
<input type="hidden" name="_wpnonce" value="7bccc3cb98">
</div>
<p>
<label>Name</label>
<span class="wpcf7-form-control-wrap your-name">
<input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" placeholder="Ex: Jana Vařáková">
</span>
</p>
<p>
<label>Email</label>
<span class="wpcf7-form-control-wrap your-email">
<input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" placeholder="Ex: support@website.com">
</span>
</p>
<p>
<label>Message</label>
<span class="wpcf7-form-control-wrap your-message">
<textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" aria-required="true" placeholder="Message"></textarea>
</span>
</p>
<p>
<input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit">
<img class="ajax-loader" src="images/contact/ajax-loader.gif" alt="Sending ..." style="visibility: hidden;">
</p>
<div class="wpcf7-response-output wpcf7-display-none"></div>
</form>
</div>
</div>
<div class="sixcol last effect-fade-from-right" data-effect-offset="1" data-effect-speed="1.5" data-effect-delay="0">
<h3>Sed ut perspiciatis unde omnis iste natus error sit voluptatema accusantium.</h3>
<div class="gap" data-height-size="30px"></div>
<div class="icon-container effect-none" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<span aria-hidden="true" class="icon-map ronika-icon small"></span>
<div class="icon-content small">Event Camp, E John Ave STE3 Normandy US</div>
</div>
<div class="icon-container effect-none" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<span aria-hidden="true" class="icon-envelop ronika-icon small"></span>
<div class="icon-content small">Support@website.com</div>
</div>
<div class="icon-container effect-none" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<span aria-hidden="true" class="icon-phone ronika-icon small"></span>
<div class="icon-content small">1800 1234 5678</div>
</div>
<div class="icon-container effect-none" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<span aria-hidden="true" class="icon-link ronika-icon small"></span>
<div class="icon-content small">http://www.spnoy.com</div>
</div>
</div>
</div>
</div>
</section>
<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