806 lines
36 KiB
HTML
Executable file
806 lines
36 KiB
HTML
Executable file
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
|
||
<meta charset="utf-8">
|
||
<title>White | responsive bootstrap3 html5 one page template</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
|
||
<link rel="shortcut icon" href="images/favicon.ico">
|
||
|
||
<!-- CSS -->
|
||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
||
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
|
||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||
<link href="css/owl.carousel.css" rel="stylesheet">
|
||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||
|
||
<!-- FONTS -->
|
||
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||
<!--<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> -->
|
||
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
|
||
|
||
<!-- SCRIPTS -->
|
||
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||
<!--[if IE]><html class="ie" lang="en"> <![endif]-->
|
||
|
||
<script src="js/jquery.min.js" type="text/javascript"></script>
|
||
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
||
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
|
||
<script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
|
||
<script src="js/superfish.min.js" type="text/javascript"></script>
|
||
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
|
||
<script src="js/owl.carousel.js" type="text/javascript"></script>
|
||
<script src="js/animate.js" type="text/javascript"></script>
|
||
<script src="js/jquery.BlackAndWhite.js"></script>
|
||
<script src="js/myscript.js" type="text/javascript"></script>
|
||
<script>
|
||
|
||
//PrettyPhoto
|
||
jQuery(document).ready(function() {
|
||
$("a[rel^='prettyPhoto']").prettyPhoto();
|
||
});
|
||
|
||
//BlackAndWhite
|
||
$(window).load(function(){
|
||
$('.client_img').BlackAndWhite({
|
||
hoverEffect : true, // default true
|
||
// set the path to BnWWorker.js for a superfast implementation
|
||
webworkerPath : false,
|
||
// for the images with a fluid width and height
|
||
responsive:true,
|
||
// to invert the hover effect
|
||
invertHoverEffect: false,
|
||
// this option works only on the modern browsers ( on IE lower than 9 it remains always 1)
|
||
intensity:1,
|
||
speed: { //this property could also be just speed: value for both fadeIn and fadeOut
|
||
fadeIn: 300, // 200ms for fadeIn animations
|
||
fadeOut: 300 // 800ms for fadeOut animations
|
||
},
|
||
onImageReady:function(img) {
|
||
// this callback gets executed anytime an image is converted
|
||
}
|
||
});
|
||
});
|
||
|
||
</script>
|
||
|
||
</head>
|
||
<body>
|
||
|
||
<!-- PRELOADER -->
|
||
<img id="preloader" src="images/preloader.gif" alt="" />
|
||
<!-- //PRELOADER -->
|
||
<div class="preloader_hide">
|
||
|
||
<!-- PAGE -->
|
||
<div id="page">
|
||
|
||
<!-- HEADER -->
|
||
<header>
|
||
|
||
<!-- MENU BLOCK -->
|
||
<div class="menu_block">
|
||
|
||
<!-- CONTAINER -->
|
||
<div class="container clearfix">
|
||
|
||
<!-- LOGO -->
|
||
<div class="logo pull-left">
|
||
<a href="index.html" ><span class="b5">a</span><span class="b4">r</span><span class="b3">e</span><span class="b2">a</span><span class="b1">‐</span><span class="b2">5</span><span class="b3">1</span><svg style="margin-bottom:-7px;" xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24"><path fill="currentColor" d="M20.382 9.405c-.065-.648-.13-1.362-.26-2.01c-.13-.65-.259-1.298-.518-1.946c-.13-.325-.26-.649-.39-.908c-.13-.325-.324-.584-.454-.909c-.194-.259-.389-.583-.583-.843a3.712 3.712 0 0 0-.714-.713A9.496 9.496 0 0 0 15.906.973a6.618 6.618 0 0 0-1.88-.713C13.375.065 12.727 0 12.013 0c-.713 0-1.362.065-2.01.26c-.649.13-1.233.389-1.817.713c-.648.324-1.167.714-1.686 1.168c-.26.194-.454.454-.714.713l-.583.778c-.13.325-.325.584-.454.909l-.39.973c-.194.648-.389 1.297-.519 1.946c-.13.648-.194 1.297-.259 2.01c-.065.714 0 1.298 0 1.946c0 .649.065 1.297.195 2.011l.194.973c.065.324.195.649.324.973c.454 1.232 1.168 2.4 1.881 3.503c.39.584.779 1.102 1.168 1.621c.39.52.778 1.103 1.233 1.557c.194.26.454.454.713.714c.26.194.52.389.843.583c.26.195.584.325.908.454c.13.065.325.13.454.13c.195 0 .325.065.52.065c.194 0 .324 0 .518-.065c.195 0 .325-.065.454-.13c.325-.13.649-.26.908-.454c.26-.194.584-.389.844-.583c.26-.195.519-.454.713-.714c.454-.519.843-1.038 1.233-1.557c.389-.519.778-1.102 1.167-1.621c.714-1.103 1.427-2.27 1.881-3.503c.13-.324.26-.649.325-.973c.065-.324.194-.649.194-.973c.13-.649.195-1.297.195-2.01c0-.65 0-1.363-.065-2.012zm-15.568 2.66s3.698.843 6.098 5.838c-.065 0-6.422-.13-6.098-5.838zm8.368 5.838c2.335-4.995 6.097-5.838 6.097-5.838c.325 5.708-6.097 5.838-6.097 5.838z"/></svg></a>
|
||
</div><!-- //LOGO -->
|
||
|
||
<!-- SEARCH FORM -->
|
||
<div id="search-form" class="pull-right">
|
||
<form method="get" action="#">
|
||
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" />
|
||
</form>
|
||
</div><!-- SEARCH FORM -->
|
||
|
||
<!-- MENU -->
|
||
<div class="pull-right">
|
||
<nav class="navmenu center">
|
||
<ul>
|
||
<li class="first active scroll_btn"><a href="#home" >Home <i class="fa fa-rocket"></i></a></li>
|
||
<li class="scroll_btn"><a href="#about" >About <i class="fa fa-user"></i></a></li>
|
||
<li class="scroll_btn"><a href="#projects" >Project's <i class="fa fa-share"></i></a></li>
|
||
<li class="scroll_btn"><a href="#team" >Team <i class="fa fa-users"></i></a></li>
|
||
<li class="scroll_btn"><a href="#news" >News <i class="fa fa-rss"></i></a></li>
|
||
<li class="scroll_btn last"><a href="#contacts" >Contact's <i class="fa fa-envelope"></i></a></li>
|
||
<li class="sub-menu">
|
||
<a href="javascript:void(0);" >Git <i class="fa fa-folder"></i></a>
|
||
<ul>
|
||
<li><a href="blog.html" >Blog <i class="fa fa-rss"></i></a></li>
|
||
<li><a href="blog-post.html" >Blog Post</a></li>
|
||
<li><a href="portfolio-post.html" >Portfolio Single Work</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div><!-- //MENU -->
|
||
</div><!-- //MENU BLOCK -->
|
||
</div><!-- //CONTAINER -->
|
||
</header><!-- //HEADER -->
|
||
|
||
|
||
<!-- HOME -->
|
||
<section id="home" class="padbot0">
|
||
|
||
<!-- TOP SLIDER -->
|
||
<div class="flexslider top_slider">
|
||
<ul class="slides">
|
||
<li class="slide1">
|
||
<div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 15rem;">
|
||
<!--<p class="title2 captionDelay2 FromTop">Obscure </p>-->
|
||
<p class="title1 captionDelay4 FromTop"><big><i class="fa fa-eye"></i></big> FLUX</p>
|
||
<p class="title2 captionDelay4 FromTop">AI</p>
|
||
<p class="title1 captionDelay6 FromTop"><i class="fa fa-share"><!--<sub style="font-size: 20px; margin-left: -2rem;"><small>shared on</small></sub>--></i> <big>𝕏</big></p>
|
||
<p class="title4 captionDelay7 FromBottom">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
||
</div>
|
||
<a class="slide_btn FromRight" href="javascript:void(0);" ><big><i class="fa fa-eye"></i></big> Číst dál</a>
|
||
<li class="slide2">
|
||
<div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 15rem;">
|
||
<!--<p class="title2 captionDelay6 FromLeft">Erotic </p>-->
|
||
<p class="title1 captionDelay4 FromTop"><big><i class="fa fa-eye"></i></big> CANON</p>
|
||
<p class="title2 captionDelay4 FromLeft">EOS</p>
|
||
<p class="title3 captionDelay2 FromLeft"><i class="fa fa-share"><!--<sub style="font-size: 20px; margin-left: -2rem;"><small>shared on</small></sub>--></i> <big>𝕏</big></p>
|
||
<p class="title4 captionDelay7 FromLeft">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
||
</div>
|
||
<a class="slide_btn FromRight" href="javascript:void(0);" ><big><i class="fa fa-eye"></i></big> Číst dál</a>
|
||
</li>
|
||
<li class="slide3">
|
||
<div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 15rem;">
|
||
<!--<p class="title2 captionDelay1 FromBottom">Science </p>-->
|
||
<p class="title1 captionDelay1 FromBottom"><big><i class="fa fa-eye"></i></big> BLENDER</p>
|
||
<p class="title2 captionDelay2 FromBottom">3D</p>
|
||
<p class="title1 captionDelay3 FromBottom"><i class="fa fa-share"><!--<sub style="font-size: 20px; margin-left: -2rem;"><small>shared on</small></sub>--></i> <big>𝕏</big></p>
|
||
<p class="title4 captionDelay5 FromBottom">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
||
</div>
|
||
<a class="slide_btn FromRight" href="javascript:void(0);" ><big><i class="fa fa-eye"></i></big> Číst dál</a>
|
||
|
||
<!-- VIDEO BACKGROUND -->
|
||
<a id="P2" class="player" data-property="{videoURL:'tDvBwPzJ7dY',containment:'.top_slider .slide3',autoPlay:true, mute:true, startAt:0, opacity:1}" ></a>
|
||
<!-- //VIDEO BACKGROUND -->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div id="carousel">
|
||
<ul class="slides">
|
||
<li><img src="images/slider/slide1_bg.jpg" alt="" /></li>
|
||
<li><img src="images/slider/slide2_bg.jpg" alt="" /></li>
|
||
<li><img src="images/slider/slide3_bg.jpg" alt="" /></li>
|
||
</ul>
|
||
</div><!-- //TOP SLIDER -->
|
||
</section><!-- //HOME -->
|
||
|
||
|
||
<!-- ABOUT -->
|
||
<section id="about">
|
||
|
||
<!-- SERVICES -->
|
||
<div class="services_block padbot40" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||
|
||
<!-- CONTAINER -->
|
||
<div class="container">
|
||
<small>https://www.area-51.cz</small>
|
||
<!-- ROW -->
|
||
<div class="row">
|
||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||
<a class="services_item" href="javascript:void(0);" >
|
||
<p><big><i class="fa fa-server"></i></big><b> Datové</b> centrum</p>
|
||
<span>Dnes má datové centrum kde kdo! Láká mne myšlenka, zřídit si rovněž své vlastní...</span>
|
||
</a>
|
||
</div>
|
||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||
<a class="services_item" href="javascript:void(0);" >
|
||
<p><big><i class="fa fa-linux"></i></big> <b>GNU</b> Linux</p>
|
||
<span>Quality and unique design that meets all the requirements and trends of modern web design.</span>
|
||
</a>
|
||
</div>
|
||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||
<a class="services_item" href="javascript:void(0);" >
|
||
<p><big><i class="fa fa-desktop"></i></big> <b>International</b> Outreach</p>
|
||
<span>Design that will be equally beautifully displayed on all your devices, tablet, smartphone or computer.</span>
|
||
</a>
|
||
</div>
|
||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||
<a class="services_item" href="javascript:void(0);" >
|
||
<p><big><i class="fa fa-database"></i></big> <b>Free</b> Updates & Support</p>
|
||
<span>Hour and great support template. You can always ask a question and we will help you.</span>
|
||
</a>
|
||
</div>
|
||
</div><!-- //ROW -->
|
||
</div><!-- //CONTAINER -->
|
||
</div><!-- //SERVICES -->
|
||
|
||
<!-- CLEAN CODE -->
|
||
<div class="cleancode_block">
|
||
|
||
<!-- CONTAINER -->
|
||
<div class="container" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||
|
||
<!-- CASTOM TAB -->
|
||
<div id="myTabContent" class="tab-content">
|
||
<div class="tab-pane fade in active clearfix" id="tab1">
|
||
<p class="title"><i class="fa fa-microchip"></i> <b>Umělá</b> inteligence</p>
|
||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||
</div>
|
||
<div class="tab-pane fade clearfix" id="tab2">
|
||
<p class="title"><i class="fa fa-server"></i> <b>Datové</b> centrum</p>
|
||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||
</div>
|
||
<div class="tab-pane fade clearfix" id="tab3">
|
||
<p class="title"><i class="fa fa-code"></i> <b>GNU/Linux</b></p>
|
||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||
</div>
|
||
<div class="tab-pane fade clearfix" id="tab4">
|
||
<p class="title"><i class="fa fa-folder"></i> <b>Documentation</b></p>
|
||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||
</div>
|
||
<div class="tab-pane fade clearfix" id="tab5">
|
||
<p class="title"><b>Quality</b></p>
|
||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||
</div>
|
||
<div class="tab-pane fade clearfix" id="tab6">
|
||
<p class="title"><b>Support</b></p>
|
||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||
</div>
|
||
</div>
|
||
<ul id="myTab" class="nav nav-tabs">
|
||
<li class="active"><a class="i1" href="#tab1" data-toggle="tab" ><i></i><span>Clean Code</span></a></li>
|
||
<li><a class="i2" href="#tab2" data-toggle="tab" ><i></i><span>Support</span></a></li>
|
||
<li><a class="i3" href="#tab3" data-toggle="tab" ><i></i><span>Linux</span></a></li>
|
||
<li><a class="i4" href="#tab4" data-toggle="tab" ><i></i><span>Documentation</span></a></li>
|
||
<li><a class="i5" href="#tab5" data-toggle="tab" ><i></i><span>Quality</span></a></li>
|
||
<li><a class="i6" href="#tab6" data-toggle="tab" ><i></i><span>Support</span></a></li>
|
||
</ul><!-- CASTOM TAB -->
|
||
</div><!-- //CONTAINER -->
|
||
</div><!-- //CLEAN CODE -->
|
||
|
||
<!-- MULTI PURPOSE -->
|
||
<div class="purpose_block">
|
||
|
||
<!-- CONTAINER -->
|
||
<div class="container">
|
||
|
||
<!-- ROW -->
|
||
<div class="row">
|
||
|
||
<div class="col-lg-7 col-md-7 col-sm-7" data-appear-top-offset="-200" data-animated="fadeInLeft">
|
||
<h2><i class="fa fa-camera"></i> Hlavní Téma: <b>Nahota</b> na <b>veřejnosti</b></h2>
|
||
<h3><strong>Záležitost, jenž mne provází už od dětství...</strong></h3>
|
||
<p>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</p>
|
||
<p><img align="right" src="images/wth500-1.png" width="200">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
|
||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
|
||
<a class="btn btn-active" href="javascript:void(0);" ><span data-hover="🅽 Nudista">Magazín o nudismu</span></a>
|
||
<a class="btn" href="javascript:void(0);" >Nude · In · Public · EU</a>
|
||
</div>
|
||
|
||
<div class="col-lg-5 col-md-5 col-sm-5 ipad_img_in" data-appear-top-offset="-200" data-animated="fadeInRight">
|
||
<img class="ipad_img1" src="images/img1.png" alt="" />
|
||
<img class="ipad_img1" src="images/img1b.png" alt="" />
|
||
</div>
|
||
</div><!-- //ROW -->
|
||
</div><!-- //CONTAINER -->
|
||
</div><!-- //MULTI PURPOSE -->
|
||
</section><!-- //ABOUT -->
|
||
|
||
|
||
<!-- PROJECTS -->
|
||
<section id="projects" class="padbot20">
|
||
|
||
<!-- CONTAINER -->
|
||
<div class="container">
|
||
<h2>Mé <b>Budoucí</b> Koncepty</h2>
|
||
</div><!-- //CONTAINER -->
|
||
|
||
|
||
<div class="projects-wrapper" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||
<!-- PROJECTS SLIDER -->
|
||
<div class="owl-demo owl-carousel projects_slider">
|
||
|
||
<!-- work1 -->
|
||
<div class="item">
|
||
<div class="work_item">
|
||
<div class="work_img">
|
||
<img src="images/works/1.jpg" alt="" />
|
||
<a class="zoom" href="images/works/1.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||
</div>
|
||
<div class="work_description">
|
||
<div class="work_descr_cont">
|
||
<a href="portfolio-post.html" ><svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" viewBox="0 0 14 14"><g fill="none"><g clip-path="url(#primeTwitter0)"><path fill="currentColor" d="M11.025.656h2.147L8.482 6.03L14 13.344H9.68L6.294 8.909l-3.87 4.435H.275l5.016-5.75L0 .657h4.43L7.486 4.71zm-.755 11.4h1.19L3.78 1.877H2.504z"/></g><defs><clipPath id="primeTwitter0"><path fill="#FFFFFF" d="M0 0h14v14H0z"/></clipPath></defs></g></svg></a>
|
||
<span>Sociální sítě 18+</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- //work1 -->
|
||
|
||
<!-- work2 -->
|
||
<div class="item">
|
||
<div class="work_item">
|
||
<div class="work_img">
|
||
<img src="images/works/2.jpg" alt="" />
|
||
<a class="zoom" href="images/works/2.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||
</div>
|
||
<div class="work_description">
|
||
<div class="work_descr_cont">
|
||
<a href="portfolio-post.html" ><svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" viewBox="0 0 24 24"><path fill="currentColor" d="M22 12a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2a10 10 0 0 1 10 10m-7.66-4.26c.58.33 1.31.13 1.66-.44c.31-.57.12-1.3-.46-1.64c-.57-.33-1.31-.16-1.64.44c-.33.57-.13 1.31.44 1.64m-2.46 7.76c-.53 0-1.03-.11-1.47-.32l-.84 1.5c.7.32 1.48.54 2.31.54c.49 0 .95-.07 1.4-.19c.08-.49.36-.93.82-1.19c.46-.27.98-.29 1.44-.12c.89-.87 1.46-2.06 1.55-3.39l-1.71-.02a3.506 3.506 0 0 1-3.5 3.19m0-7c1.84 0 3.34 1.39 3.5 3.19l1.71-.03a5.2 5.2 0 0 0-1.55-3.38c-.46.17-.99.14-1.44-.12c-.46-.26-.74-.71-.82-1.19c-.45-.12-.91-.19-1.4-.19c-.83 0-1.61.19-2.31.54l.84 1.5c.44-.21.94-.32 1.47-.32M8.37 12c0-1.19.59-2.24 1.49-2.87L9 7.65a5.22 5.22 0 0 0-2.17 3.04c.38.31.62.78.62 1.31s-.24 1-.62 1.31A5.2 5.2 0 0 0 9 16.34l.86-1.47c-.9-.63-1.49-1.68-1.49-2.87m5.97 4.26c-.57.33-.77 1.06-.44 1.64c.33.57 1.07.77 1.64.44c.58-.34.77-1.07.46-1.64c-.35-.58-1.08-.77-1.66-.44M5.76 10.8c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2c.67 0 1.2-.54 1.2-1.2s-.53-1.2-1.2-1.2"/></svg></a>
|
||
<span>Ubuntu/Debian Linux</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- //work2 -->
|
||
|
||
<!-- work3 -->
|
||
<div class="item">
|
||
<div class="work_item">
|
||
<div class="work_img">
|
||
<img src="images/works/3.jpg" alt="" />
|
||
<a class="zoom" href="images/works/3.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||
</div>
|
||
<div class="work_description">
|
||
<div class="work_descr_cont">
|
||
<a href="portfolio-post.html" ><svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" viewBox="0 0 24 24"><path fill="currentColor" d="M12 19.778v-9.445H2zm0 0v-9.445h10z"/><path fill="currentColor" d="M17.278 4.222L12 10.333h10zm-10.556 0L12 10.333H2z"/><path fill="currentColor" d="M12 10.333V6.65l5.278-2.428zm0 0V6.65L6.723 4.222z"/></svg></a>
|
||
<span>Možnosti příjímání plateb</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- //work3 -->
|
||
|
||
<!-- work4 -->
|
||
<div class="item">
|
||
<div class="work_item">
|
||
<div class="work_img">
|
||
<img src="images/works/4.jpg" alt="" />
|
||
<a class="zoom" href="images/works/4.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||
</div>
|
||
<div class="work_description">
|
||
<div class="work_descr_cont">
|
||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||
<span>17 March, 2041</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- //work4 -->
|
||
|
||
<!-- work5 -->
|
||
<div class="item">
|
||
<div class="work_item">
|
||
<div class="work_img">
|
||
<img src="images/works/5.jpg" alt="" />
|
||
<a class="zoom" href="images/works/5.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||
</div>
|
||
<div class="work_description">
|
||
<div class="work_descr_cont">
|
||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||
<span>17 March, 2041</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- //work5 -->
|
||
|
||
<!-- work6 -->
|
||
<div class="item">
|
||
<div class="work_item">
|
||
<div class="work_img">
|
||
<img src="images/works/6.jpg" alt="" />
|
||
<a class="zoom" href="images/works/6.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||
</div>
|
||
<div class="work_description">
|
||
<div class="work_descr_cont">
|
||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||
<span>17 March, 2041</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- //work6 -->
|
||
|
||
<!-- work7 -->
|
||
<div class="item">
|
||
<div class="work_item">
|
||
<div class="work_img">
|
||
<img src="images/works/7.jpg" alt="" />
|
||
<a class="zoom" href="images/works/7.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||
</div>
|
||
<div class="work_description">
|
||
<div class="work_descr_cont">
|
||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||
<span>17 March, 2041</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- //work7 -->
|
||
</div><!-- //PROJECTS SLIDER -->
|
||
</div>
|
||
|
||
|
||
<!-- OUR CLIENTS -->
|
||
<div class="our_clients">
|
||
|
||
<!-- CONTAINER -->
|
||
<div class="container" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||
|
||
<!-- ROW -->
|
||
<div class="row">
|
||
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
|
||
<img src="images/clients/1.svg" alt="" />
|
||
</div>
|
||
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
|
||
<img src="images/clients/2.svg" alt="" />
|
||
</div>
|
||
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
|
||
<img src="images/clients/3.jpg" alt="" />
|
||
</div>
|
||
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
|
||
<img src="images/clients/4.jpg" alt="" />
|
||
</div>
|
||
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
|
||
<img src="images/clients/5.jpg" alt="" />
|
||
</div>
|
||
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
|
||
<img src="images/clients/6.jpg" alt="" />
|
||
</div>
|
||
</div><!-- //ROW -->
|
||
</div><!-- CONTAINER -->
|
||
</div><!-- //OUR CLIENTS -->
|
||
</section><!-- //PROJECTS -->
|
||
|
||
|
||
<!-- TEAM -->
|
||
<section id="team">
|
||
|
||
<!-- CONTAINER -->
|
||
<div class="container">
|
||
<h2><b>Spolupracují</b> se mnou</h2>
|
||
|
||
<!-- ROW -->
|
||
<div class="row" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||
|
||
<!-- TEAM SLIDER -->
|
||
<div class="owl-demo owl-carousel team_slider">
|
||
|
||
<!-- crewman1 -->
|
||
<div class="item">
|
||
<div class="crewman_item">
|
||
<div class="crewman">
|
||
<img src="images/team/1.jpg" alt="" />
|
||
</div>
|
||
<div class="crewman_descr center">
|
||
<div class="crewman_descr_cont">
|
||
<p><a href="https://radeknolc.cz/">Radek Nolč</a></p>
|
||
<span>Programátor</span>
|
||
</div>
|
||
</div>
|
||
<div class="crewman_social">
|
||
<a href="https://www.linkedin.com/in/radeknolc/" ><i class="fa fa-linkedin"></i></a>
|
||
<a href="https://www.facebook.com/radek.nolc1" ><i class="fa fa-facebook-square"></i></a>
|
||
</div>
|
||
</div>
|
||
</div><!-- crewman1 -->
|
||
|
||
<!-- crewman2 -->
|
||
<div class="item">
|
||
<div class="crewman_item">
|
||
<div class="crewman">
|
||
<img src="images/team/2.jpg" alt="" />
|
||
</div>
|
||
<div class="crewman_descr center">
|
||
<div class="crewman_descr_cont">
|
||
<p>David Jones</p>
|
||
<span>Creative Director</span>
|
||
</div>
|
||
</div>
|
||
<div class="crewman_social">
|
||
<a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a>
|
||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||
</div>
|
||
</div>
|
||
</div><!-- crewman1 -->
|
||
|
||
<!-- crewman3 -->
|
||
<div class="item">
|
||
<div class="crewman_item">
|
||
<div class="crewman">
|
||
<img src="images/team/3.jpg" alt="" />
|
||
</div>
|
||
<div class="crewman_descr center">
|
||
<div class="crewman_descr_cont">
|
||
<p>Kate Smith</p>
|
||
<span>Manager</span>
|
||
</div>
|
||
</div>
|
||
<div class="crewman_social">
|
||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||
</div>
|
||
</div>
|
||
</div><!-- crewman3 -->
|
||
|
||
<!-- crewman4 -->
|
||
<div class="item">
|
||
<div class="crewman_item">
|
||
<div class="crewman">
|
||
<img src="images/team/4.jpg" alt="" />
|
||
</div>
|
||
<div class="crewman_descr center">
|
||
<div class="crewman_descr_cont">
|
||
<p>Peter Parker</p>
|
||
<span>Manager</span>
|
||
</div>
|
||
</div>
|
||
<div class="crewman_social">
|
||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||
</div>
|
||
</div>
|
||
</div><!-- crewman4 -->
|
||
|
||
<!-- crewman5 -->
|
||
<div class="item">
|
||
<div class="crewman_item">
|
||
<div class="crewman">
|
||
<img src="images/team/5.jpg" alt="" />
|
||
</div>
|
||
<div class="crewman_descr center">
|
||
<div class="crewman_descr_cont">
|
||
<p>Jim Moss</p>
|
||
<span>Designer</span>
|
||
</div>
|
||
</div>
|
||
<div class="crewman_social">
|
||
<a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a>
|
||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||
</div>
|
||
</div>
|
||
</div><!-- crewman5 -->
|
||
|
||
<!-- crewman6 -->
|
||
<div class="item">
|
||
<div class="crewman_item">
|
||
<div class="crewman">
|
||
<img src="images/team/6.jpg" alt="" />
|
||
</div>
|
||
<div class="crewman_descr center">
|
||
<div class="crewman_descr_cont">
|
||
<p>John Marks</p>
|
||
<span>Designer</span>
|
||
</div>
|
||
</div>
|
||
<div class="crewman_social">
|
||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||
</div>
|
||
</div>
|
||
</div><!-- crewman6 -->
|
||
|
||
<!-- crewman7 -->
|
||
<div class="item">
|
||
<div class="crewman_item">
|
||
<div class="crewman">
|
||
<img src="images/team/7.jpg" alt="" />
|
||
</div>
|
||
<div class="crewman_descr center">
|
||
<div class="crewman_descr_cont">
|
||
<p>Joe Mades</p>
|
||
<span>Developer</span>
|
||
</div>
|
||
</div>
|
||
<div class="crewman_social">
|
||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||
</div>
|
||
</div>
|
||
</div><!-- crewman7 -->
|
||
|
||
<!-- crewman8 -->
|
||
<div class="item">
|
||
<div class="crewman_item">
|
||
<div class="crewman">
|
||
<img src="images/team/8.jpg" alt="" />
|
||
</div>
|
||
<div class="crewman_descr center">
|
||
<div class="crewman_descr_cont">
|
||
<p>Julia Anderson</p>
|
||
<span>Developer</span>
|
||
</div>
|
||
</div>
|
||
<div class="crewman_social">
|
||
<a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a>
|
||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||
</div>
|
||
</div>
|
||
</div><!-- crewman8 -->
|
||
</div><!-- TEAM SLIDER -->
|
||
</div><!-- //ROW -->
|
||
</div><!-- //CONTAINER -->
|
||
</section><!-- //TEAM -->
|
||
|
||
|
||
<!-- NEWS -->
|
||
<section id="news">
|
||
|
||
<!-- CONTAINER -->
|
||
<div class="container">
|
||
<h2><i class="fa fa-server"></i> <b>Server</b> <small>192 · 168 · 1 · </small>5✗</h2>
|
||
|
||
<!-- TESTIMONIALS -->
|
||
<div class="testimonials" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||
|
||
<!-- TESTIMONIALS SLIDER -->
|
||
<div class="owl-demo owl-carousel testim_slider">
|
||
|
||
<!-- TESTIMONIAL1 -->
|
||
<div class="item">
|
||
<div class="testim_content">“There is nothing scary in the darkness, if you encounter it face-to-face. The inevitable price we pay for our happiness is eternal fear to lose it. When you start thinking a lot about your past, it becomes your present and you can't see your future without it.”</div>
|
||
<div class="testim_author">— Anna Balashova, <b>Philosopher</b></div>
|
||
</div><!-- TESTIMONIAL1 -->
|
||
|
||
<!-- TESTIMONIAL2 -->
|
||
<div class="item">
|
||
<div class="testim_content">“There is nothing scary in the darkness, if you encounter it face-to-face. The inevitable price we pay for our happiness is eternal fear to lose it. When you start thinking a lot about your past, it becomes your present and you can't see your future without it.”</div>
|
||
<div class="testim_author">— Anna Balashova, <b>Philosopher</b></div>
|
||
</div><!-- TESTIMONIAL2 -->
|
||
|
||
<!-- TESTIMONIAL3 -->
|
||
<div class="item">
|
||
<div class="testim_content">“There is nothing scary in the darkness, if you encounter it face-to-face. The inevitable price we pay for our happiness is eternal fear to lose it. When you start thinking a lot about your past, it becomes your present and you can't see your future without it.”</div>
|
||
<div class="testim_author">— Anna Balashova, <b>Philosopher</b></div>
|
||
</div><!-- TESTIMONIAL3 -->
|
||
</div><!-- TESTIMONIALS SLIDER -->
|
||
</div><!-- //TESTIMONIALS -->
|
||
|
||
<!-- RECENT POSTS -->
|
||
<div class="row recent_posts" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||
<div class="col-lg-4 col-md-4 col-sm-4 padbot30 post_item_block">
|
||
<div class="post_item">
|
||
<div class="post_item_img">
|
||
<img src="images/blog/1.jpg" alt="" />
|
||
<a class="link" href="blog-post.html" ></a>
|
||
</div>
|
||
<div class="post_item_content">
|
||
<a class="title" href="blog-post.html" >Inteligent Transitions In UX Design</a>
|
||
<ul class="post_item_inf">
|
||
<li><a href="javascript:void(0);" >Anna</a> |</li>
|
||
<li><a href="javascript:void(0);" >Photography</a> |</li>
|
||
<li><a href="javascript:void(0);" >10 Comments</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-4 col-sm-4 padbot30 post_item_block">
|
||
<div class="post_item">
|
||
<div class="post_item_img">
|
||
<img src="images/blog/2.jpg" alt="" />
|
||
<a class="link" href="blog-post.html"></a>
|
||
</div>
|
||
<div class="post_item_content">
|
||
<a class="title" href="blog-post.html" >Recent trends in storytelling</a>
|
||
<ul class="post_item_inf">
|
||
<li><a href="javascript:void(0);" >Anna</a> |</li>
|
||
<li><a href="javascript:void(0);" >Web Design</a> |</li>
|
||
<li><a href="javascript:void(0);" >No comment</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-4 col-sm-4 padbot30 post_item_block">
|
||
<div class="post_item">
|
||
<div class="post_item_img">
|
||
<img src="images/blog/3.jpg" alt="" />
|
||
<a class="link" href="blog-post.html"></a>
|
||
</div>
|
||
<div class="post_item_content">
|
||
<a class="title" href="blog-post.html" >Supernatural FX Showreel</a>
|
||
<ul class="post_item_inf">
|
||
<li><a href="javascript:void(0);" >Anna</a> |</li>
|
||
<li><a href="javascript:void(0);" >Creative</a> |</li>
|
||
<li><a href="javascript:void(0);" >3 Comments</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- RECENT POSTS -->
|
||
</div><!-- //CONTAINER -->
|
||
</section><!-- //NEWS -->
|
||
</div><!-- //PAGE -->
|
||
|
||
<!-- CONTACTS -->
|
||
<section id="contacts">
|
||
</section><!-- //CONTACTS -->
|
||
|
||
<!-- FOOTER -->
|
||
<footer>
|
||
|
||
<!-- CONTAINER -->
|
||
<div class="container">
|
||
|
||
<!-- ROW -->
|
||
<div class="row" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||
|
||
<div class="col-lg-4 col-md-4 col-sm-6 padbot30">
|
||
<h4><b>Featured</b> posts</h4>
|
||
<div class="recent_posts_small clearfix">
|
||
<div class="post_item_img_small">
|
||
<img src="images/blog/1.jpg" alt="" />
|
||
</div>
|
||
<div class="post_item_content_small">
|
||
<a class="title" href="blog.html" >As we have developed a unique layout template</a>
|
||
<ul class="post_item_inf_small">
|
||
<li>10 January 2014</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="recent_posts_small clearfix">
|
||
<div class="post_item_img_small">
|
||
<img src="images/blog/2.jpg" alt="" />
|
||
</div>
|
||
<div class="post_item_content_small">
|
||
<a class="title" href="blog.html" >How much is to develop a design for the game?</a>
|
||
<ul class="post_item_inf_small">
|
||
<li>14 January 2014</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="recent_posts_small clearfix">
|
||
<div class="post_item_img_small">
|
||
<img src="images/blog/3.jpg" alt="" />
|
||
</div>
|
||
<div class="post_item_content_small">
|
||
<a class="title" href="blog.html" >How to pump designer</a>
|
||
<ul class="post_item_inf_small">
|
||
<li>21 December 2013</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-4 col-sm-6 padbot30 foot_about_block">
|
||
<h4><b>About</b> us</h4>
|
||
<p>We value people over profits, quality over quantity, and keeping it real. As such, we deliver an unmatched working relationship with our clients.</p>
|
||
<p>Our team is intentionally small, eclectic, and skilled; with our in-house expertise, we provide sharp and</p>
|
||
<ul class="social">
|
||
<li><a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a></li>
|
||
<li><a href="javascript:void(0);" ><i class="fa fa-facebook"></i></a></li>
|
||
<li><a href="javascript:void(0);" ><i class="fa fa-github"></i></a></li>
|
||
<li><a href="javascript:void(0);" ><i class="fa fa-rss"></i></a></li>
|
||
<li><a href="javascript:void(0);" ><i class="map_show fa fa-map-marker"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="respond_clear"></div>
|
||
|
||
<div class="col-lg-4 col-md-4 padbot30">
|
||
<h4><b>Contacts</b> Us</h4>
|
||
|
||
<!-- CONTACT FORM -->
|
||
<div class="span9 contact_form">
|
||
<div id="note"></div>
|
||
<div id="fields">
|
||
<form id="contact-form-face" class="clearfix" action="#">
|
||
<input type="text" name="name" value="Name" onFocus="if (this.value == 'Name') this.value = '';" onBlur="if (this.value == '') this.value = 'Name';" />
|
||
<textarea name="message" onFocus="if (this.value == 'Message') this.value = '';" onBlur="if (this.value == '') this.value = 'Message';">Message</textarea>
|
||
<input class="contact_btn" type="submit" value="Send message" />
|
||
</form>
|
||
</div>
|
||
</div><!-- //CONTACT FORM -->
|
||
</div>
|
||
</div><!-- //ROW -->
|
||
</div><!-- //CONTAINER -->
|
||
</footer><!-- //FOOTER -->
|
||
|
||
|
||
<!-- MAP -->
|
||
<div id="map">
|
||
<a class="map_hide" href="javascript:void(0);" ><i class="fa fa-angle-right"></i><i class="fa fa-angle-left"></i></a>
|
||
<iframe src="https://www.openstreetmap.org/export/embed.html?bbox=12.187957763671877%2C50.20061077138339%2C12.244606018066406%2C50.22370759985845&layer=mapnik" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/#map=15/50.21216/12.21628">Zobrazit větší mapu</a></small>
|
||
</div><!-- //MAP -->
|
||
|
||
</div>
|
||
</body>
|
||
</html>
|