%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="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="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>
<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>
</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 class="item one-half isotope-item">
<div class="item-image">
<img width="376" height="237" src="images/slider/image-8-376x237.jpg" alt="image-8">
</div>
<div class="item-hover">
<h3><a href="portfolio-single-sidebar.html">Pictures & Memories</a></h3>
<div>
<p>Per ad blandit phaedrum, ut quod nullam salutandi nec. Eum te dicit audiam interesset, tota menandri eum at. Ea his consul aeterno evertitur, clita reprimique sed te…</p>
</div>
<a class="item-link" href="portfolio-single-sidebar.html"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
<a class="item-view iframe video mfp-iframe video mfp" href="http://vimeo.com/69901302"><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-9-376x237.jpg" alt="image-9">
</div>
<div class="item-hover">
<h3><a href="portfolio-single-sidebar.html">Roya, Amazing Theme</a></h3>
<div>
<p>As you can see one the things that makes Romina unique is it’s floating elements.</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-8.jpg"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
</div>
</div>
<div class="item one-one isotope-item">
<div class="item-image">
<img width="376" height="480" src="images/slider/image-10-376x480.jpg" alt="image-10">
</div>
<div class="item-hover">
<h3><a href="portfolio-single-sidebar.html">Stage, Hotel & Resturant</a></h3>
<div>
<p>Mel ne augue oblique fabulas, pri iudico sanctus an, vide libris postulant id quo. Est cu graece labitur, ex assum aliquid menandri sit.</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-10.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-11-376x156.jpg" alt="image-11">
</div>
<div class="item-hover">
<a class="item-format image mfp-image mfp" href="images/slider/image-11.jpg"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
<h3><a href="portfolio-single-sidebar.html">The Boardwalk</a></h3>
<span class="item-meta">December 11, 2013, 5:34 pm</span>
</div>
</div>
<div class="item one-third isotope-item">
<div class="item-image">
<img width="376" height="156" src="images/slider/image-12-376x156.jpg" alt="image-12">
</div>
<div class="item-hover">
<a class="item-format image mfp-image mfp" href="images/slider/image-12.jpg"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
<h3><a href="portfolio-single-sidebar.html">VASTJO Logo</a></h3>
<span class="item-meta">July 8, 2013, 6:09 pm</span>
</div>
</div>
<div class="item one-third isotope-item">
<div class="item-image">
<img width="376" height="156" src="images/slider/image-13-376x156.jpg" alt="LivroSetup">
</div>
<div class="item-hover">
<a class="item-format image mfp-image mfp" href="images/slider/image-13.jpg"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
<h3><a href="portfolio-single-sidebar.html">Portfolio Estrika Design</a></h3>
<span class="item-meta">November 25, 2012, 8:19 am</span>
</div>
</div>
</div>
<div id="scrollbar">
<div class="handle"></div>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="content-container content-typography dark-background">
<div class="row">
<div class="large-12 columns">
<div class="ronika-tagline effect-scale-up" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0" >
<h2>Nabízíme příběhy formou komiksu. Nabízíme aktivní formu ....</h2>
<a class="ronika-tagline-button" href="http://https:\fotogalerie.varak.net">detail</a></div>
<div class="gap" data-height-size="100px"></div>
<h2 class="content-title large-12 title-animate">
<span>|</span>
<strong>SERVICES</strong>
</h2>
<div class="gap" data-height-size="70px"></div>
<div class="services-container">
<div class="service-circle-container effect-fade-from-left" data-effect-offset="1" data-effect-speed="1.5" data-effect-delay="0">
<div class="service-circle">
<div class="service-circle-content">
<span class="service-circle-font-icon icon-diamond" aria-hidden="true"></span>
<h2><a href="#">Animated</a></h2>
<p>Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi, pretium ut lacinia in id orci porta dapibus.</p>
</div>
</div>
</div>
<div class="service-circle-container effect-fade-from-top" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<div class="service-circle">
<div class="service-circle-content">
<span class="service-circle-font-icon icon-clock" aria-hidden="true"></span>
<h2><a href="#">Retina Ready</a></h2>
<p>Pellentesque in ipsum id orci porta dapibus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Curabitur aliquet quam id dui posuere blandit id imperdiet.</p>
</div>
</div>
</div>
<div class="service-circle-container effect-fade-from-right" data-effect-offset="1" data-effect-speed="1.5" data-effect-delay="0">
<div class="service-circle">
<div class="service-circle-content">
<span class="service-circle-font-icon icon-paper-plane" aria-hidden="true"></span>
<h2><a href="#">Unique Design</a></h2>
<p>Cras ultricies ligula sed magna dictum porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit ante ipsum primis.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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">
<div class="row">
<div class="large-12 columns">
<div class="twelvecol effect-fade-from-top" data-effect-offset="4" data-effect-speed="1" data-effect-delay="0">
<h3><span class="ronika-highlight">We turn ideas into wonderful things.</span></h3>
</div>
<div class="twelvecol effect-fade-from-bottom" data-effect-offset="3" data-effect-speed="1" data-effect-delay="0">
<h4><span class="ronika-highlight">WordPress theme in it’s most beautiful form ever. It’s just as spectacular on the inside.</span></h4>
</div>
</div>
</div>
</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>WORKS</strong>
</h2>
<div class="sixcol effect-scale-up" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<h3>Vivamus suscipit tortor eget felis porttitor volutpat. Pellentesque in ipsum id orci porta dapibus, eget tincidunt nibh pulvinar.</h3>
<p> </p>
<p>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. Quisque velit nisi, pretium ut lacinia in, elementum id enim.</p>
<p>Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.<br>
</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>Who We Are</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>
Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna 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. os et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.<br>
</p>
</div>
<div class="sixcol last effect-fade-from-right" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<h3>Our Skills</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">Photoshop</div>
<div class="skill effect-fade-from-right" data-size="70%" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0.3">iOS Developing</div>
<div class="skill effect-fade-from-right" data-size="60%" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0.6">Android Developing</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="#">WordPress Guy</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: John Doe">
</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