%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>Sdružení Mýdlo - Nový pohled na umění</title>
<!-- Favicon -->
<link rel="shortcut icon" href="images/logo.png" type="image/png">
<link rel="icon" href="images/logo.png" type="image/png">
<!--[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="Logo">
</a>
</div>
<nav class="main-navigation">
<ul id="main-navigation" class="menu">
<li><a href="#home">Home</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="https://www.facebook.com/profile.php?id=100006447252329"><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">Komiksy-Síla Muže</a></h3>
<div>
<p>Nahlédněte a přemýšlejte.</p>
</div>
<a class="item-link" href="portfolio-single-sidebar1.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">Komiksy-Trend</a></h3>
<div>
<p>Příběhy v mnoha 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>Fotogalerie</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-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>
<a class="item-format iframe video mfp-iframe video mfp" href="https://www.youtube.com/watch?v=boe_MNzHTPY"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
<h3><a>Mládí</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-link" href="portfolio-single-sidebar1.html"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
<a class="item-view image mfp-image mfp" href="images/slider/image-5.jpg"><span aria-hidden="true" class="icomoon-ultimate"></span></a>
<h3><a href="portfolio-single-sidebar1.html">Inspirováno klasiky- Umění</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>Dobrý den</a></h3>
<div>
<p>Kapitola našeho dětství. </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>
<div id="scrollbar">
<div class="handle"></div>
</div>
</div>
</div>
</div>
</section>
<!-- smazána sekce SERVICES*/ -->
<!-- <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>VIDEO</strong>
</h2>
<div class="fourcol effect-fade-from-left" data-effect-offset="1" data-effect-speed="1.5" data-effect-delay="0">
<h3>Titul.</h3>
<p> </p>
<p>
Nabízíme ke zhlédnutí .<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>Naše téma</h3>
<p> </p>
<p>
Sdružení Mýdlo jsme založili na podporu alternativního pohledu na umění. Díky sociálním sítím bychom s Vámi rádi komunikovali a spoluvytvářeli komiksy, které budou reflexí na současnou strnulost klasického umění. <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="20px"></div>
<div class="twelvecol effect-fade-from-right" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
<h3>Náš tým</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>Jana Vařáková</h4>
<p>fotografie, administrativa</p>
</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>Radim Bejlovec</h4>
<p>kresba, happening</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-linkedin" aria-hidden="true"></span></a></li>
</ul>
</div>
</li>
</ul>
<div class="gap" data-height-size="20px"></div>
</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>Napište nám</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: Vaše jméno">
</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@domena.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="Zpráva"></textarea>
</span>
</p>
<p>
<input type="submit" value="Pošli" 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>Napište, pokud Vás nápad zaujal a chcete se přidat.</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">Pod Hubleskou 19, 743 01 Bílovec, CZ</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">jana@varak.net</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.mydlo.varak.net</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<p>Copyright © 2014, 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