%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/index.html.old

<!DOCTYPE html>
<html class="no-js" lang="CZ">
<!-- 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>Martin Vařák</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" />
	<![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>
    <style>
        section {min-height: 100%; clear:both; height:inherit; width:inherit;}
    </style>

    <!-- 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="Vařák">
                    </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 mě</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 full-height">
        <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="#">Osobni</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="#">LoL</a></h3>
                                <div>
                                    <!--<p>Myšlenka Středozemě a velkých mágů.</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="480" 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="#">Galerie</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="#">Am I Dreaming Or Is This Real?</a></h3>
                                <div>
                                    <p>Ingress</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="#">Knihovna</a></h3>
                                <span class="item-meta"></span>
                            </div>
                        </div>
                       
                    </div>
                    <div id="scrollbar">
                        <div class="handle"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <!-- pozn smazána sekce SERVICES, WORKS, What thay say -->    


             

        <section id="who-we-are" class="who-we-are content-container content-typography light-background full-height">
            <div class="row">
                <div class="large-12 columns">
                    <h2 class="content-title title-animate">
                        <span>|</span>
                        <strong>Kdo jsem</strong>
                    </h2>
                    <div class="sixcol effect-fade-from-left" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
                        Snílek, developer, člověk
                    </div>
                    <div class="sixcol last effect-fade-from-right" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">
                        <h3>Dovednosti</h3>
                        <p>&nbsp;</p>
                        <div class="skill effect-fade-from-right" data-size="70%" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">C#</div>
                        <div class="skill effect-fade-from-right" data-size="70%" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">.NET</div>
                        <div class="skill effect-fade-from-right" data-size="65%" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">SQL</div>
                        <div class="skill effect-fade-from-right" data-size="60%" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">PHP</div>
                        <div class="skill effect-fade-from-right" data-size="40%" data-effect-offset="1" data-effect-speed="1" data-effect-delay="0">*NIX</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">
                        
            </div>
        </section>



        <section id="stay-in-touch" class="stay-in-touch content-container content-typography dark-background full-height">
            <div class="row">
                <div class="large-12 columns">
                    <h2 class="content-title title-animate">
                        <span>|</span>
                        <strong>Napište</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="form_send.php" 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>Jméno</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: Martin Vařák">
                                    </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: spam@spammer.com">
                                    </span>
                                </p>
                                <p>
                                    <label>Zpráva</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="Odeslat" class="wpcf7-form-control wpcf7-submit">
                                    <!-- <img class="ajax-loader" src="images/contact/ajax-loader.gif" alt="Sending ..." style="visibility: hidden;">-->
                                </p>
                            </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 máte co říct nebo přicházíte se zajímavou pracovní nabídkou</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">Vachova 5, BRNO, 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">martin@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-phone ronika-icon small"></span>
                            <div class="icon-content small">+420 730 551 626</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.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