Úprava souboru index.html
This commit is contained in:
janrippl
parent
08ee9bab45
commit
027b9e74d4
6810 changed files with 76 additions and 597177 deletions
423
blog-post.html
423
blog-post.html
|
|
@ -1,423 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="cs">
|
||||
<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" />
|
||||
<script>
|
||||
function isMobile() {
|
||||
const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
|
||||
return regex.test(navigator.userAgent);
|
||||
}
|
||||
|
||||
if (isMobile()) {
|
||||
console.log("Detekováno mobilní zařízení");
|
||||
document.write("<style>");
|
||||
document.write(".sloupce {column-count:1; column-width:100px; column-rule-width:10px;}");
|
||||
document.write(".menu a span {padding-left: 5px; vertical-align:center; white-space:nowrap;}");
|
||||
document.write(".menu a:hover span {padding-left: 10px;}");
|
||||
document.write("</style>");
|
||||
document.write("<link href='css/flexslider-mobil.css' rel='stylesheet' type='text/css' />");
|
||||
} else {
|
||||
console.log("Detekován počítač");
|
||||
document.write("<style>");
|
||||
document.write(".sloupce {column-count:2; column-width:100px; column-rule-width:10px;}");
|
||||
document.write(".navigace {margin-top: -0.5rem;}");
|
||||
document.write(".menu a span {display:block; margin-top: -0.6625rem;}");
|
||||
document.write(".menu a:hover span {display:none;}");
|
||||
document.write("</style>");
|
||||
document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
|
||||
}
|
||||
</script>
|
||||
<!--<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/animate1.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/animate2.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.7.0/css/font-awesome.css" rel="stylesheet">
|
||||
<link href="lib/font-logos/assets/font-logos.css" rel="stylesheet">
|
||||
<link href="lib/bootstrap-icons-1.11.3/font/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="lib/boxicons-2.1.4/css/boxicons.min.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.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"></script>
|
||||
<script src="js/animate.js" type="text/javascript"></script>
|
||||
<script src="js/myscript.js" type="text/javascript"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
setTimeout(function() { $("#showDiv").fadeOut(0); }, 0);
|
||||
setTimeout(function() { $("#hideDiv").fadeOut(1500); }, 5000);
|
||||
setTimeout(function() { $("#showDiv").fadeIn(1500); }, 5000);
|
||||
})
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER -->
|
||||
<img id="preloader" src="images/preloader.gif" alt="" />
|
||||
<!-- //PRELOADER -->
|
||||
<div class="preloader_hide">
|
||||
|
||||
<!-- PAGE -->
|
||||
<div id="page" class="single_page">
|
||||
|
||||
<!-- HEADER -->
|
||||
<header>
|
||||
|
||||
<!-- MENU BLOCK -->
|
||||
<div class="menu_block">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container clearfix">
|
||||
|
||||
<!-- LOGO -->
|
||||
<div id="hideDiv" class="logo pull-left">
|
||||
<a href="index.html" ><div style="text-shadow: 0px 0px 5px #111111;"><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);"><!--⛬--><!--⸫--></span><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">a</span><span class="b2" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">r</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">e</span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.3px);">a</span><span class="b5" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">‐ </span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">5</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">1</span></span></div></a>
|
||||
</div><!-- //LOGO -->
|
||||
<!-- LOGO -->
|
||||
<div id="showDiv" class="logo pull-left">
|
||||
<a href="index.html" ><div style="text-shadow: 0px 0px 5px #111111;"><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);"><!--⛬--><!--⸫--></span><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">a</span><span class="b5" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">‐ </span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">5</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">1</span></span></div></a>
|
||||
</div><!-- //LOGO -->
|
||||
|
||||
<!-- SEARCH FORM -->
|
||||
<div id="search-form" class="pull-right">
|
||||
<form method="get" target="_blank" action="https://search.nolog.cz/search">
|
||||
<input type="text" name="q" value="Hledat" onFocus="if (this.value == 'Hledat') this.value = '';" onBlur="if (this.value == '') this.value = 'Hledat';" />
|
||||
</form>
|
||||
</div><!-- SEARCH FORM -->
|
||||
|
||||
<div class="pull-right">
|
||||
<nav class="navmenu center navigace">
|
||||
<ul class="menu">
|
||||
<li class="first active scroll_btn"><a href="#home" ><small><i class="fa fa-slideshare"></i><span>A-51</span></small></a></li>
|
||||
<li class="scroll_btn"><a href="#about" ><small><i class="fa fa-film"></i><span>Film</span></small></a></li>
|
||||
<li class="scroll_btn"><a href="#projects" ><small><i class="fa fa-bar-chart"></i><span>Koncept</span></small></a></li>
|
||||
<li class="scroll_btn"><a href="#team" ><small><i class="fa fa-users"></i><span>Zdroje</span></small></a></li>
|
||||
<li class="scroll_btn"><a href="#news" ><small><i class="fa fa-map-marker"></i><span>Mapa</span></small></a></li>
|
||||
<li class="scroll_btn last"><a href="#contacts" ><small><i class="fa fa-envelope"></i><span>Dotaz</span></small></a></li>
|
||||
<li class="sub-menu">
|
||||
<a href="javascript:void(0);" ><i class="fa fa-cube"></i><span>Projekt</span></a>
|
||||
<ul>
|
||||
<li><a href="blog.html" ><big><i class="fl-gitea"></i></big> RSS <i class="fa fa-rss"></i></a></li>
|
||||
<li><a href="blog-post.html" ><big><i class="fa fa-github"></i></big> RSS <i class="fa fa-rss"></i></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 -->
|
||||
|
||||
|
||||
<!-- BREADCRUMBS -->
|
||||
<section class="breadcrumbs_block clearfix parallax">
|
||||
<div class="container center">
|
||||
<h2><b>The</b> Blog</h2>
|
||||
<p>Publication of the latest news, articles, and free apps.</p>
|
||||
</div>
|
||||
</section><!-- //BREADCRUMBS -->
|
||||
|
||||
|
||||
<!-- BLOG -->
|
||||
<section id="blog">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row">
|
||||
|
||||
<!-- BLOG BLOCK -->
|
||||
<div class="blog_block col-lg-9 col-md-9 padbot50">
|
||||
|
||||
<!-- SINGLE BLOG POST -->
|
||||
<div class="single_blog_post clearfix" data-animated="fadeInUp">
|
||||
<div class="single_blog_post_descr">
|
||||
<div class="single_blog_post_date">JANUARY 30 | 21:30</div>
|
||||
<div class="single_blog_post_title">Rihanna's Costume Designer Comes Into His Own with New Show</div>
|
||||
<ul class="single_blog_post_info">
|
||||
<li><a href="javascript:void(0);" >Admin</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative</a></li>
|
||||
<li><a href="javascript:void(0);" >3 Comments</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="single_blog_post_img"><img src="images/blog/1.jpg" alt="" /></div>
|
||||
|
||||
<div class="single_blog_post_content">
|
||||
<p class="margbot50">On Tuesday, the daughters of Texas state senator Wendy Davis defended their mom against charges that she’s been smudging her biography to make it look like she was a more involved mom than she actually was. Davis, who is running for governor, has been under fire since a Dallas Morning News article accused her of “blurring” facts, like exactly when she got divorced and how long her family lived in a trailer park. That DMN article also seemingly took her to task for allowing her ex-husband to have parental custody of their daughter, quoting an anonymous source who said, Davis was “not going to let family or raising children or anything else get in her way.”</p>
|
||||
<p class="margbot30">I understand why Davis’ daughters felt they needed to defend their mom and her parenting. The onslaught on Davis’ parenting (and her politics) from the right, particularly in the wake of that DMN article, has been appalling: They’ve called her everything from “Abortion Barbie” to implying she’s a bad, gold digging mom. Her daughter, Dru, points out that her mom always shared joint custody, even though she was living in her father’s house.</p>
|
||||
<p class="margbot40">But she also discusses her mom’s involvement in other ways: Her mom was her Brownie troop leader. Her mom was her team’s field hockey mom when Dru was a senior in high school. “She went with me to every field hockey camp, tryout, program that I ever had,” Dru writes, adding, “my sister and I were always her first priority.”</p>
|
||||
</div>
|
||||
|
||||
</div><!-- //SINGLE BLOG POST -->
|
||||
|
||||
|
||||
<!-- SINGLE BLOG POST TAG -->
|
||||
<div class="single_blog_post_tags margbot50" data-animated="fadeInUp">
|
||||
<ul>
|
||||
<li><a href="javascript:void(0);" >Fashion</a></li>
|
||||
<li><a href="javascript:void(0);" >Shop</a></li>
|
||||
<li><a href="javascript:void(0);" >Color</a></li>
|
||||
</ul>
|
||||
</div><!-- //SINGLE BLOG POST TAG -->
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- COMMENTS -->
|
||||
<div id="comments" class="margbot30" data-animated="fadeInUp">
|
||||
<h3><b>Comments </b><span class="comments_count">(152)</span></h3>
|
||||
|
||||
<ul>
|
||||
<li class="clearfix" data-animated="fadeInUp">
|
||||
<div class="pull-left avatar">
|
||||
<a href="javascript:void(0);" ><img src="images/avatar1.jpg" alt="" /></a>
|
||||
</div>
|
||||
<div class="comment_right">
|
||||
<div class="comment_info clearfix">
|
||||
<div class="pull-left comment_author">Stanislav Kerimov</div>
|
||||
<div class="pull-left comment_inf_sep">|</div>
|
||||
<div class="pull-left comment_date">13 January 2014</div>
|
||||
</div>
|
||||
<p>Thank you so much for putting this together Jeremy. Most of these seem like common sense but it is amazing how many times I see new employees having the worst days of their life because managers/leaders don’t want to be “bothered” with the new guy.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="clearfix" data-animated="fadeInUp">
|
||||
<div class="pull-left avatar">
|
||||
<a href="javascript:void(0);" ><img src="images/avatar2.jpg" alt="" /></a>
|
||||
</div>
|
||||
<div class="comment_right">
|
||||
<div class="comment_info clearfix">
|
||||
<div class="pull-left comment_author">Anna Balashova</div>
|
||||
<div class="pull-left comment_inf_sep">|</div>
|
||||
<div class="pull-left comment_date">10 January 2014</div>
|
||||
</div>
|
||||
<p>I would add under “keep the busy” to make sure that every team member is aware of the new team member starting, and even thought the first 1-2 days may be meet and greats, to have them up with access to everything they need to preform their tasks.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //COMMENTS -->
|
||||
|
||||
<hr class="margbot80">
|
||||
|
||||
<!-- LEAVE A COMMENT -->
|
||||
<div class="leave_comment" data-animated="fadeInUp">
|
||||
<h3><b>Leave a</b> Comment</h3>
|
||||
|
||||
<form id="comment_form" class="row" action="#" method="post">
|
||||
<div class="col-lg-4 col-md-4">
|
||||
<input type="text" name="name" value="Your Name *" onFocus="if (this.value == 'Your Name *') this.value = '';" onBlur="if (this.value == '') this.value = 'Your Name *';" />
|
||||
<input type="text" name="phone" value="E-mail *" onFocus="if (this.value == 'E-mail *') this.value = '';" onBlur="if (this.value == '') this.value = 'E-mail *';" />
|
||||
<input type="text" name="phone" value="Web site" onFocus="if (this.value == 'Web site') this.value = '';" onBlur="if (this.value == '') this.value = 'Web site';" />
|
||||
<div class="comment_note">All fields marked with an asterisk (*) are required</div>
|
||||
</div>
|
||||
<div class="col-lg-8 col-md-8">
|
||||
<textarea name="message" onFocus="if (this.value == 'Your message *') this.value = '';" onBlur="if (this.value == '') this.value = 'Your message *';">Your message *</textarea>
|
||||
<input class="contact_btn pull-right" type="submit" value="Send message" />
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- //LEAVE A COMMENT -->
|
||||
</div><!-- //BLOG BLOCK -->
|
||||
|
||||
|
||||
<!-- SIDEBAR -->
|
||||
<div class="sidebar col-lg-3 col-md-3 padbot50">
|
||||
|
||||
<!-- META WIDGET -->
|
||||
<div class="sidepanel widget_meta">
|
||||
<ul>
|
||||
<li><a href="javascript:void(0);" >Advertising</a></li>
|
||||
<li><a href="javascript:void(0);" >Fashion & Trends</a></li>
|
||||
<li><a href="javascript:void(0);" >Media Projects</a></li>
|
||||
<li><a href="javascript:void(0);" >Small Business</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative</a></li>
|
||||
</ul>
|
||||
</div><!-- //META WIDGET -->
|
||||
|
||||
|
||||
<!-- POPULAR POSTS WIDGET -->
|
||||
<div class="sidepanel widget_popular_posts">
|
||||
<h3><b>Popular</b> Posts</h3>
|
||||
|
||||
<div class="recent_posts_widget clearfix">
|
||||
<div class="post_item_img_widget">
|
||||
<img src="images/blog/1.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_widget">
|
||||
<a class="title" href="blog.html" >How the Denver Broncos Cheerleaders Get in Shape for the Super Bowl</a>
|
||||
<ul class="post_item_inf_widget">
|
||||
<li>JANUARY 30 | 21:30</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_widget clearfix">
|
||||
<div class="post_item_img_widget">
|
||||
<img src="images/blog/2.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_widget">
|
||||
<a class="title" href="blog.html" >Barneys Spring Campaign Stars 17 Transgender Models</a>
|
||||
<ul class="post_item_inf_widget">
|
||||
<li>JANUARY 25 | 9:30</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_widget clearfix">
|
||||
<div class="post_item_img_widget">
|
||||
<img src="images/blog/3.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_widget">
|
||||
<a class="title" href="blog.html" >Dominic Cooper: I'm Nothing Like the Real James Bond</a>
|
||||
<ul class="post_item_inf_widget">
|
||||
<li>JANUARY 21 | 13:30</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //POPULAR POSTS WIDGET -->
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- POPULAR TAGS WIDGET -->
|
||||
<div class="sidepanel widget_tags">
|
||||
<h3><b>Popular</b> Tags</h3>
|
||||
<ul>
|
||||
<li><a href="javascript:void(0);" >Fashion</a></li>
|
||||
<li><a href="javascript:void(0);" >Shop</a></li>
|
||||
<li><a href="javascript:void(0);" >Color</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative Agency</a></li>
|
||||
<li><a href="javascript:void(0);" >Theme</a></li>
|
||||
<li><a href="javascript:void(0);" >Dress</a></li>
|
||||
<li><a href="javascript:void(0);" >Wordpress</a></li>
|
||||
</ul>
|
||||
</div><!-- POPULAR TAGS WIDGET -->
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- TEXT WIDGET -->
|
||||
<div class="sidepanel widget_text">
|
||||
<h3><b>About</b> Blog</h3>
|
||||
<p>I must admit this particular defense set me on edge a little bit, for two reasons. The first is that she’s being held to a completely different standard than male politicians are held to.</p>
|
||||
</div><!-- //TEXT WIDGET -->
|
||||
</div><!-- //SIDEBAR -->
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</section><!-- //BLOG -->
|
||||
</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-google-plus"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-pinterest-square"></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="http://maps.google.com/maps?f=q&give%20a%20hand=s_q&hl=en&geocode=&q=london&sll=37.0625,-95.677068&sspn=42.631141,90.263672&ie=UTF8&hq=&hnear=London,+United+Kingdom&ll=51.500141,-0.126257&spn=0.026448,0.039396&z=14&output=embed" ></iframe>
|
||||
</div><!-- //MAP -->
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
485
blog.html
485
blog.html
|
|
@ -1,485 +0,0 @@
|
|||
<!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" />
|
||||
<script>
|
||||
function isMobile() {
|
||||
const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
|
||||
return regex.test(navigator.userAgent);
|
||||
}
|
||||
|
||||
if (isMobile()) {
|
||||
console.log("Detekováno mobilní zařízení");
|
||||
document.write("<style>");
|
||||
document.write(".sloupce {column-count:1; column-width:100px; column-rule-width:10px;}");
|
||||
document.write(".menu a span {padding-left: 5px; vertical-align:center; white-space:nowrap;}");
|
||||
document.write(".menu a:hover span {padding-left: 10px;}");
|
||||
document.write("</style>");
|
||||
document.write("<link href='css/flexslider-mobil.css' rel='stylesheet' type='text/css' />");
|
||||
} else {
|
||||
console.log("Detekován počítač");
|
||||
document.write("<style>");
|
||||
document.write(".sloupce {column-count:2; column-width:100px; column-rule-width:10px;}");
|
||||
document.write(".navigace {margin-top: -0.5rem;}");
|
||||
document.write(".menu a span {display:block; margin-top: -0.6625rem;}");
|
||||
document.write(".menu a:hover span {display:none;}");
|
||||
document.write("</style>");
|
||||
document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
|
||||
}
|
||||
</script>
|
||||
<!--<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/animate1.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/animate2.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.7.0/css/font-awesome.css" rel="stylesheet">
|
||||
<link href="lib/font-logos/assets/font-logos.css" rel="stylesheet">
|
||||
<link href="lib/bootstrap-icons-1.11.3/font/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="lib/boxicons-2.1.4/css/boxicons.min.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>
|
||||
<script>
|
||||
$(function() {
|
||||
setTimeout(function() { $("#showDiv").fadeOut(0); }, 0);
|
||||
setTimeout(function() { $("#hideDiv").fadeOut(1500); }, 5000);
|
||||
setTimeout(function() { $("#showDiv").fadeIn(1500); }, 5000);
|
||||
})
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER -->
|
||||
<img id="preloader" src="images/preloader.gif" alt="" />
|
||||
<!-- //PRELOADER -->
|
||||
<div class="preloader_hide">
|
||||
|
||||
<!-- PAGE -->
|
||||
<div id="page" class="single_page">
|
||||
|
||||
<!-- HEADER -->
|
||||
<header>
|
||||
|
||||
<!-- MENU BLOCK -->
|
||||
<div class="menu_block">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container clearfix">
|
||||
|
||||
<!-- LOGO -->
|
||||
<div id="hideDiv" class="logo pull-left">
|
||||
<a href="index.html" ><div style="text-shadow: 0px 0px 5px #111111;"><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);"><!--⛬--><!--⸫--></span><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">a</span><span class="b2" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">r</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">e</span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.3px);">a</span><span class="b5" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">‐ </span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">5</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">1</span></span></div></a>
|
||||
</div><!-- //LOGO -->
|
||||
<!-- LOGO -->
|
||||
<div id="showDiv" class="logo pull-left">
|
||||
<a href="index.html" ><div style="text-shadow: 0px 0px 5px #111111;"><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);"><!--⛬--><!--⸫--></span><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">a</span><span class="b5" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">‐ </span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">5</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">1</span></span></div></a>
|
||||
</div><!-- //LOGO -->
|
||||
|
||||
<!-- SEARCH FORM -->
|
||||
<div id="search-form" class="pull-right">
|
||||
<form method="get" target="_blank" action="https://search.nolog.cz/search">
|
||||
<input type="text" name="q" value="Hledat" onFocus="if (this.value == 'Hledat') this.value = '';" onBlur="if (this.value == '') this.value = 'Hledat';" />
|
||||
</form>
|
||||
</div><!-- SEARCH FORM -->
|
||||
|
||||
<!-- MENU -->
|
||||
<div class="pull-right">
|
||||
<nav class="navmenu center navigace">
|
||||
<ul class="menu">
|
||||
<li class="first active scroll_btn"><a href="#home" ><small><i class="fa fa-slideshare"></i><span>A-51</span></small></a></li>
|
||||
<li class="scroll_btn"><a href="#about" ><small><i class="fa fa-film"></i><span>Film</span></small></a></li>
|
||||
<li class="scroll_btn"><a href="#projects" ><small><i class="fa fa-bar-chart"></i><span>Koncept</span></small></a></li>
|
||||
<li class="scroll_btn"><a href="#team" ><small><i class="fa fa-users"></i><span>Zdroje</span></small></a></li>
|
||||
<li class="scroll_btn"><a href="#news" ><small><i class="fa fa-map-marker"></i><span>Mapa</span></small></a></li>
|
||||
<li class="scroll_btn last"><a href="#contacts" ><small><i class="fa fa-envelope"></i><span>Dotaz</span></small></a></li>
|
||||
<li class="sub-menu">
|
||||
<a href="javascript:void(0);" ><i class="fa fa-cube"></i><span>Projekt</span></a>
|
||||
<ul>
|
||||
<li><a href="blog.html" ><big><i class="fl-gitea"></i></big> RSS <i class="fa fa-rss"></i></a></li>
|
||||
<li><a href="blog-post.html" ><big><i class="fa fa-github"></i></big> RSS <i class="fa fa-rss"></i></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 -->
|
||||
|
||||
|
||||
<!-- BREADCRUMBS -->
|
||||
<section class="breadcrumbs_block clearfix parallax">
|
||||
<div class="container center">
|
||||
<h2><big><i class="fl-gitea"></i></big> <b>RSS</b> <i class="fa fa-rss"></i></h2>
|
||||
<p>RSS kanály u repozitářů...</p>
|
||||
</div>
|
||||
</section><!-- //BREADCRUMBS -->
|
||||
|
||||
|
||||
<!-- BLOG -->
|
||||
<section id="blog">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row">
|
||||
|
||||
<!-- BLOG BLOCK -->
|
||||
<div class="blog_block col-lg-9 col-md-9 padbot50">
|
||||
|
||||
<!-- BLOG POST -->
|
||||
<div class="blog_post margbot50 clearfix" data-animated="fadeInUp">
|
||||
<div class="blog_post_img">
|
||||
<img src="images/blog/1.jpg" alt="" />
|
||||
<a class="zoom" href="blog-post.html" ></a>
|
||||
</div>
|
||||
<div class="blog_post_descr">
|
||||
<div class="blog_post_date">8 ÚNOR 2025 | 16:25</div>
|
||||
<a class="blog_post_title" href="blog-post.html" >JavaScript pro detekci typu zařízení a změna zobrazení webové stránky...</a>
|
||||
<ul class="blog_post_info">
|
||||
<li><a href="javascript:void(0);" >⸫ A-51</a></li>
|
||||
<li><a href="javascript:void(0);" ><big><i class="fl-gitea"></i></big> Gitea</a></li>
|
||||
<li><a href="javascript:void(0);" >RSS <i class="fa fa-rss"></i></a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<div class="blog_post_content">The best way to describe Adam Selman would be simply to say that he is the epitome of cool. So it’s only fitting that his first runway collection was made for the ultimate cool girl.</div>
|
||||
<a class="read_more_btn" href="blog-post.html" ><i class='bx bxl-git'></i> Read More</a>
|
||||
</div>
|
||||
</div><!-- //BLOG POST -->
|
||||
|
||||
|
||||
<!-- BLOG POST -->
|
||||
<div class="blog_post margbot50 clearfix" data-animated="fadeInUp">
|
||||
<div class="blog_post_img">
|
||||
<img src="images/blog/2.jpg" alt="" />
|
||||
<a class="zoom" href="blog-post.html" ></a>
|
||||
</div>
|
||||
<div class="blog_post_descr">
|
||||
<div class="blog_post_date">JANUARY 30 | 21:30</div>
|
||||
<a class="blog_post_title" href="blog-post.html" >The Four Week Workout to Tank Top Worthy Arm</a>
|
||||
<ul class="blog_post_info">
|
||||
<li><a href="javascript:void(0);" >Admin</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative</a></li>
|
||||
<li><a href="javascript:void(0);" >3 Comments</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<div class="blog_post_content">Our stomachs, legs, and butts, (thanks to Jen Selter) are usually top priority areas when it comes to getting in shape. But when I'm tagged in a photo on Instagram, I quite often find myself wishing for an arm-sculpting filter.</div>
|
||||
<a class="read_more_btn" href="blog-post.html" >Read More</a>
|
||||
</div>
|
||||
</div><!-- //BLOG POST -->
|
||||
|
||||
|
||||
<!-- BLOG POST -->
|
||||
<div class="blog_post margbot50 clearfix" data-animated="fadeInUp">
|
||||
<div class="blog_post_img">
|
||||
<img src="images/blog/3.jpg" alt="" />
|
||||
<a class="zoom" href="blog-post.html" ></a>
|
||||
</div>
|
||||
<div class="blog_post_descr">
|
||||
<div class="blog_post_date">JANUARY 30 | 21:30</div>
|
||||
<a class="blog_post_title" href="blog-post.html" >The Fault in Our Stars Trailer Makes Us Feel All The Feelings</a>
|
||||
<ul class="blog_post_info">
|
||||
<li><a href="javascript:void(0);" >Admin</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative</a></li>
|
||||
<li><a href="javascript:void(0);" >3 Comments</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<div class="blog_post_content">The trailer for 'The Fault in Our Stars', the movie based on John Green's tear-jerky YA novel, is finally out, and it's good.</div>
|
||||
<a class="read_more_btn" href="blog-post.html" >Read More</a>
|
||||
</div>
|
||||
</div><!-- //BLOG POST -->
|
||||
|
||||
|
||||
<!-- BLOG POST -->
|
||||
<div class="blog_post margbot50 clearfix" data-animated="fadeInUp">
|
||||
<div class="blog_post_img">
|
||||
<img src="images/blog/4.jpg" alt="" />
|
||||
<a class="zoom" href="blog-post.html" ></a>
|
||||
</div>
|
||||
<div class="blog_post_descr">
|
||||
<div class="blog_post_date">JANUARY 30 | 21:30</div>
|
||||
<a class="blog_post_title" href="blog-post.html" >The Broad City Girls Almost Make Us Pee Our Pant</a>
|
||||
<ul class="blog_post_info">
|
||||
<li><a href="javascript:void(0);" >Admin</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative</a></li>
|
||||
<li><a href="javascript:void(0);" >3 Comments</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<div class="blog_post_content">Last week I made a promise to the hilarious creators of the cover-your-eyes-with-one-hand, text-your-best-friend-to-watch-it-with-the-other-hand show, 'Broad City'.</div>
|
||||
<a class="read_more_btn" href="blog-post.html" >Read More</a>
|
||||
</div>
|
||||
</div><!-- //BLOG POST -->
|
||||
|
||||
|
||||
<!-- BLOG POST -->
|
||||
<div class="blog_post margbot50 clearfix" data-animated="fadeInUp">
|
||||
<div class="blog_post_img">
|
||||
<img src="images/blog/5.jpg" alt="" />
|
||||
<a class="zoom" href="blog-post.html" ></a>
|
||||
</div>
|
||||
<div class="blog_post_descr">
|
||||
<div class="blog_post_date">JANUARY 30 | 21:30</div>
|
||||
<a class="blog_post_title" href="blog-post.html" >Why Do We Need to Defend Wendy Davis for Being a Working Mom?</a>
|
||||
<ul class="blog_post_info">
|
||||
<li><a href="javascript:void(0);" >Admin</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative</a></li>
|
||||
<li><a href="javascript:void(0);" >3 Comments</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<div class="blog_post_content">On Tuesday, the daughters of Texas state senator Wendy Davis defended their mom against charges that she’s been smudging her biography</div>
|
||||
<a class="read_more_btn" href="blog-post.html" >Read More</a>
|
||||
</div>
|
||||
</div><!-- //BLOG POST -->
|
||||
|
||||
|
||||
<!-- PAGINATION -->
|
||||
<ul class="pagination clearfix">
|
||||
<li class="active"><a href="javascript:void(0);" >0</a></li>
|
||||
<li><a href="javascript:void(0);" >1</a></li>
|
||||
<li><a href="javascript:void(0);" >2</a></li>
|
||||
<li><a href="javascript:void(0);" >3</a></li>
|
||||
<li><a href="javascript:void(0);" >4</a></li>
|
||||
<li><a href="javascript:void(0);" >5</a></li>
|
||||
<li><a href="javascript:void(0);" >. . .</a></li>
|
||||
<li><a href="javascript:void(0);" >75</a></li>
|
||||
</ul><!-- //PAGINATION -->
|
||||
</div><!-- //BLOG BLOCK -->
|
||||
|
||||
|
||||
<!-- SIDEBAR -->
|
||||
<div class="sidebar col-lg-3 col-md-3 padbot50">
|
||||
|
||||
<!-- META WIDGET -->
|
||||
<div class="sidepanel widget_meta">
|
||||
<ul>
|
||||
<li><a href="javascript:void(0);" ><i class="bi bi-filetype-html"></i> + <i class="bi bi-filetype-css"></i> HTML5 - CSS3</a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="bi bi-filetype-js"></i> JavaScript</a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="bi bi-filetype-php"></i> PHP5 - 7</a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="bi bi-filetype-json"></i> JSON</a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="bi bi-filetype-xml"></i> XML</a></li>
|
||||
</ul>
|
||||
</div><!-- //META WIDGET -->
|
||||
|
||||
|
||||
<!-- POPULAR POSTS WIDGET -->
|
||||
<div class="sidepanel widget_popular_posts">
|
||||
<h3><b>Popularizace</b> Linuxu</h3>
|
||||
|
||||
<div class="recent_posts_widget clearfix">
|
||||
<div class="post_item_img_widget">
|
||||
<img src="images/blog/1.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_widget">
|
||||
<a class="title" href="blog.html" >How the Denver Broncos Cheerleaders Get in Shape for the Super Bowl</a>
|
||||
<ul class="post_item_inf_widget">
|
||||
<li>JANUARY 30 | 21:30</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_widget clearfix">
|
||||
<div class="post_item_img_widget">
|
||||
<img src="images/blog/2.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_widget">
|
||||
<a class="title" href="blog.html" >Barneys Spring Campaign Stars 17 Transgender Models</a>
|
||||
<ul class="post_item_inf_widget">
|
||||
<li>JANUARY 25 | 9:30</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_widget clearfix">
|
||||
<div class="post_item_img_widget">
|
||||
<img src="images/blog/3.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_widget">
|
||||
<a class="title" href="blog.html" >Dominic Cooper: I'm Nothing Like the Real James Bond</a>
|
||||
<ul class="post_item_inf_widget">
|
||||
<li>JANUARY 21 | 13:30</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //POPULAR POSTS WIDGET -->
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- POPULAR TAGS WIDGET -->
|
||||
<div class="sidepanel widget_tags">
|
||||
<h3><b>Popular</b> Tags</h3>
|
||||
<ul>
|
||||
<li><a href="javascript:void(0);" ><i class="fl-debian"></i> Debian</a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fl-ubuntu"></i> Ubuntu</a></li>
|
||||
<li><a href="javascript:void(0);" >Color</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative Agency</a></li>
|
||||
<li><a href="javascript:void(0);" >Theme</a></li>
|
||||
<li><a href="javascript:void(0);" >Dress</a></li>
|
||||
<li><a href="javascript:void(0);" >Wordpress</a></li>
|
||||
</ul>
|
||||
</div><!-- POPULAR TAGS WIDGET -->
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- TEXT WIDGET -->
|
||||
<div class="sidepanel widget_text">
|
||||
<h3><b>About</b> Blog</h3>
|
||||
<p>I must admit this particular defense set me on edge a little bit, for two reasons. The first is that she’s being held to a completely different standard than male politicians are held to.</p>
|
||||
</div><!-- //TEXT WIDGET -->
|
||||
</div><!-- //SIDEBAR -->
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</section><!-- //BLOG -->
|
||||
</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-google-plus"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-pinterest-square"></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="http://maps.google.com/maps?f=q&give%20a%20hand=s_q&hl=en&geocode=&q=london&sll=37.0625,-95.677068&sspn=42.631141,90.263672&ie=UTF8&hq=&hnear=London,+United+Kingdom&ll=51.500141,-0.126257&spn=0.026448,0.039396&z=14&output=embed" ></iframe>
|
||||
</div><!-- //MAP -->
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
1627
css/animate.css
vendored
1627
css/animate.css
vendored
File diff suppressed because it is too large
Load diff
|
|
@ -1,57 +0,0 @@
|
|||
/* Google Fonts */
|
||||
@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);
|
||||
|
||||
/* Cursor */
|
||||
.cursor{
|
||||
position: relative;
|
||||
width: 24em;
|
||||
margin: 0 auto;
|
||||
border-right: 2px solid rgba(255,255,255,.75);
|
||||
font-size: 30px;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
/* Animation */
|
||||
.typewriter-animation {
|
||||
animation:
|
||||
typewriter 5s steps(50) 1s 1 normal both,
|
||||
blinkingCursor 500ms steps(50) infinite normal;
|
||||
}
|
||||
|
||||
.typewriter-animation1 {
|
||||
animation:
|
||||
typewriter 5s steps(50) 5s 1 normal both,
|
||||
blinkingCursor 500ms steps(50) infinite normal;
|
||||
}
|
||||
|
||||
.typewriter-animation2 {
|
||||
animation:
|
||||
typewriter 5s steps(100) 10s 1 normal both,
|
||||
blinkingCursor 500ms steps(100) infinite normal;
|
||||
}
|
||||
|
||||
.typewriter-animation3 {
|
||||
animation:
|
||||
typewriter 5s steps(100) 15s 1 normal both,
|
||||
blinkingCursor 500ms steps(100) infinite normal;
|
||||
}
|
||||
|
||||
.typewriter-animation4 {
|
||||
animation:
|
||||
typewriter 5s steps(100) 20s 1 normal both,
|
||||
blinkingCursor 500ms steps(100) infinite normal;
|
||||
}
|
||||
|
||||
@keyframes typewriter {
|
||||
from { width: 0; }
|
||||
to { width: 100%; }
|
||||
}
|
||||
@keyframes blinkingCursor{
|
||||
from { border-right-color: rgba(255,255,255,.75); }
|
||||
to { border-right-color: transparent; }
|
||||
}
|
||||
|
||||
/* Global */
|
||||
.note { margin-top: 0em; padding: 2em; color: #ffffff; font-family: 'Anonymous Pro', monospace; text-shadow: 0px 0px 10px #000000;}
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700");
|
||||
*, *::before, *::after {
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 95%;
|
||||
max-width: 40ch;
|
||||
padding: 3em 1em;
|
||||
}
|
||||
|
||||
.marquee {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 2em;
|
||||
font-size: 5em;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.marquee_text {
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
text-shadow: 0px 0px 5px #000;
|
||||
white-space: nowrap;
|
||||
-webkit-animation: marquee 16s infinite linear;
|
||||
animation: marquee 16s infinite linear;
|
||||
}
|
||||
@-webkit-keyframes marquee {
|
||||
from {
|
||||
translate: 70%;
|
||||
}
|
||||
to {
|
||||
translate: -70%;
|
||||
}
|
||||
}
|
||||
@keyframes marquee {
|
||||
from {
|
||||
translate: 70%;
|
||||
}
|
||||
to {
|
||||
translate: -70%;
|
||||
}
|
||||
}
|
||||
.marquee_blur {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
background-color: white;
|
||||
background-image: linear-gradient(to right, black, 1rem, transparent 50%), linear-gradient(to left, black, 1rem, transparent 50%);
|
||||
filter: contrast(15);
|
||||
}
|
||||
.marquee_blur p {
|
||||
filter: blur(0.07em);
|
||||
}
|
||||
.marquee_clear {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-block: 2em;
|
||||
text-shadow: 0px 0px 30px #000;
|
||||
color: #000;
|
||||
opacity: 0.3;
|
||||
}
|
||||
9
css/bootstrap.min.css
vendored
9
css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,578 +0,0 @@
|
|||
/*
|
||||
* jQuery FlexSlider v2.2.0
|
||||
* http://www.woothemes.com/flexslider/
|
||||
*
|
||||
* Copyright 2012 WooThemes
|
||||
* Free to use under the GPLv2 license.
|
||||
* http://www.gnu.org/licenses/gpl-2.0.html
|
||||
*
|
||||
* Contributing author: Tyler Smith (@mbmufffin)
|
||||
*/
|
||||
|
||||
|
||||
/* Browser Resets
|
||||
*********************************/
|
||||
.flex-container a:active,
|
||||
.flexslider a:active,
|
||||
.flex-container a:focus,
|
||||
.flexslider a:focus {outline: none;}
|
||||
.slides,
|
||||
.flex-control-nav,
|
||||
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
|
||||
|
||||
/* FlexSlider Necessary Styles
|
||||
*********************************/
|
||||
.flexslider {margin: 0; padding: 0;}
|
||||
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
|
||||
.flexslider .slides img {width: 100%; display: block;}
|
||||
.flex-control-thumbs img {cursor:pointer;}
|
||||
.flex-pauseplay span {text-transform: capitalize;}
|
||||
|
||||
/* Clearfix for the .slides element */
|
||||
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
|
||||
html[xmlns] .slides {display: block;}
|
||||
* html .slides {height: 1%;}
|
||||
|
||||
/* No JavaScript Fallback */
|
||||
/* If you are not using another script, such as Modernizr, make sure you
|
||||
* include js that eliminates this class on page load */
|
||||
.no-js .slides > li:first-child {display: block;}
|
||||
|
||||
/* FlexSlider Default Theme
|
||||
*********************************/
|
||||
.flexslider {overflow:hidden; position: relative; z-index:2;}
|
||||
.flexslider.top_slider {min-height:564px; background-color:#ccc;}
|
||||
.flexslider.top_slider:before {
|
||||
content:'';
|
||||
position:absolute;
|
||||
z-index:3;
|
||||
left:0;
|
||||
bottom:0;
|
||||
width:100%;
|
||||
height:80px;
|
||||
background-image:url(../images/slider/slide_shadow.png);
|
||||
background-repeat:repeat-x;
|
||||
background-size:auto 100%;
|
||||
-webkit-background-size:auto 100%;
|
||||
}
|
||||
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
|
||||
.loading .flex-viewport { max-height: 300px; }
|
||||
.flexslider .slides { zoom: 1; }
|
||||
.carousel li { margin-right: 5px; }
|
||||
|
||||
|
||||
|
||||
/* Direction Nav */
|
||||
.flexslider.top_slider .flex-direction-nav {
|
||||
position:relative;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.flexslider.top_slider .flex-direction-nav li a {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
bottom:50px;
|
||||
display:block;
|
||||
width:70px;
|
||||
height:70px;
|
||||
font-family:FontAwesome;
|
||||
text-align:center;
|
||||
background-color:#fff;
|
||||
}
|
||||
.flexslider.top_slider .flex-direction-nav li a:hover {background-color:#333;}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-prev {left:0;}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-next {left:71px;}
|
||||
.flexslider.top_slider .flex-direction-nav li a:before {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width:70px;
|
||||
height:70px;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
color:#333;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-prev:before {content: "\f104";}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-next:before {content: "\f105";}
|
||||
.flexslider.top_slider .flex-direction-nav li a:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
/* __________ Portfolio Post Direction Nav __________ */
|
||||
.flexslider.portfolio_single_slider {position:relative;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
top:0;
|
||||
bottom:0;
|
||||
display:block;
|
||||
width:200px;
|
||||
height:100%;
|
||||
font-family:FontAwesome;
|
||||
text-align:center;
|
||||
opacity:0;
|
||||
}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a:hover {background:none;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-prev {left:-50px;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-next {right:-50px;}
|
||||
.flexslider.portfolio_single_slider:hover .flex-direction-nav li a.flex-prev {left:0; opacity:1;}
|
||||
.flexslider.portfolio_single_slider:hover .flex-direction-nav li a.flex-next {right:0; opacity:1;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a:before {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
width:70px;
|
||||
height:70px;
|
||||
margin-top:-35px;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
color:rgba(0,0,0,0.5);
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-prev:before {content: "\f104"; left:0;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-next:before {content: "\f105"; right:0;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
/* __________ Control Navigation __________ */
|
||||
.flex-control-nav {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
left:0;
|
||||
bottom:30px;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
}
|
||||
.flex-control-nav li {
|
||||
display:inline-block;
|
||||
margin:0 8px;
|
||||
}
|
||||
.flex-control-nav li a {
|
||||
display:block;
|
||||
width:10px;
|
||||
height:10px;
|
||||
border-radius:50%;
|
||||
border:2px solid #333;
|
||||
background-color:#fff;
|
||||
font-size:0;
|
||||
cursor:pointer;
|
||||
transition: none;
|
||||
-webkit-transition: none;
|
||||
}
|
||||
.flex-control-nav li a.flex-active {
|
||||
position:relative;
|
||||
top:-3px;
|
||||
left:-3px;
|
||||
right:-3px;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background-color:#333;
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Pause/Play */
|
||||
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
|
||||
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
|
||||
.flex-pauseplay a:hover { opacity: 1; }
|
||||
.flex-pauseplay a.flex-play:before { content: '\f003'; }
|
||||
|
||||
|
||||
|
||||
/* Works Slider */
|
||||
.flexslider.works_slider .flex-direction-nav li a {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
bottom:30px;
|
||||
display:block;
|
||||
width:50px;
|
||||
height:50px;
|
||||
font-family:FontAwesome;
|
||||
text-align:center;
|
||||
background-color:#fff;
|
||||
}
|
||||
.flexslider.works_slider .flex-direction-nav li a:hover {background-color:#333;}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-prev {left:20px;}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-next {left:70px;}
|
||||
.flexslider.works_slider .flex-direction-nav li a:before {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width:50px;
|
||||
height:50px;
|
||||
line-height:46px;
|
||||
font-size:32px;
|
||||
color:#333;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-prev:before {content: "\f104";}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-next:before {content: "\f105";}
|
||||
.flexslider.works_slider .flex-direction-nav li a:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Control Nav */
|
||||
.flex-control-thumbs {
|
||||
position: absolute;
|
||||
z-index:200;
|
||||
left:0;
|
||||
bottom:50px;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
}
|
||||
.flex-control-thumbs li {
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
display:inline-block;
|
||||
width: 100px;
|
||||
height:70px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.flex-control-thumbs img {
|
||||
position:asbolute;
|
||||
width: auto;
|
||||
max-width:none;
|
||||
height:100%;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.flex-control-thumbs li img.flex-active:before {
|
||||
content:'';
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
border:5px solid #fff;
|
||||
}
|
||||
|
||||
|
||||
/* thumb navigation */
|
||||
#carousel {
|
||||
position:absolute;
|
||||
left:0;
|
||||
bottom:45px;
|
||||
width:100%;
|
||||
}
|
||||
#carousel .slides {text-align:center;}
|
||||
#carousel .slides li {
|
||||
overflow:hidden;
|
||||
z-index:10 !important;
|
||||
float:none !important;
|
||||
display:inline-block !important;
|
||||
padding:5px 0 0;
|
||||
width:105px !important;
|
||||
height:75px !important;
|
||||
margin:0 2px 0 5px !important;
|
||||
opacity:1 !important;
|
||||
cursor:pointer;
|
||||
box-shadow:3px 3px 3px rgba(0,0,0,0.15);
|
||||
}
|
||||
#carousel .slides li.flex-active-slide:before {
|
||||
content:'';
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:5px;
|
||||
right:0;
|
||||
bottom:0;
|
||||
border:5px solid transparent;
|
||||
}
|
||||
#carousel .slides li.flex-active-slide:before {border-color:#fff;}
|
||||
|
||||
#carousel .slides li.flex-active-slide:after {
|
||||
content:'';
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:0;
|
||||
margin-left:-2px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 5px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-bottom: 5px solid #fff;
|
||||
}
|
||||
|
||||
#carousel .slides li img {
|
||||
width:auto;
|
||||
max-width:none;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Caption */
|
||||
.top_slider .slide1 {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide1_bg_mobil.jpg);
|
||||
background-size:cover;
|
||||
background-attachment:fixed !important;
|
||||
}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 {
|
||||
position:absolute;
|
||||
z-index:30;
|
||||
left:50%;
|
||||
top:45%;
|
||||
width:100%;
|
||||
margin-left:-585px;
|
||||
color:#fff;
|
||||
transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
}
|
||||
.top_slider .slide1 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide1 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide1 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide1 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
|
||||
|
||||
|
||||
|
||||
.top_slider .slide2 {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide2_bg_mobil.jpg);
|
||||
background-size:cover;
|
||||
background-attachment:fixed !important;
|
||||
}
|
||||
|
||||
.top_slider .slide2 .flex_caption1 {
|
||||
position:absolute;
|
||||
z-index:30;
|
||||
left:50%;
|
||||
top:45%;
|
||||
width:100%;
|
||||
margin-left:-585px;
|
||||
color:#333;
|
||||
transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
}
|
||||
.top_slider .slide2 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide2 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide2 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide2 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
|
||||
|
||||
|
||||
.top_slider .slide3 {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide3_bg_mobil.jpg);
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
.top_slider .slide3 .flex_caption1 {
|
||||
position:absolute;
|
||||
z-index:30;
|
||||
left:50%;
|
||||
top:45%;
|
||||
width:100%;
|
||||
margin-left:-585px;
|
||||
color:#000;
|
||||
transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
}
|
||||
.top_slider .slide3 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide3 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide3 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide3 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
|
||||
|
||||
|
||||
.top_slider .slide_btn {
|
||||
position:absolute;
|
||||
z-index:110;
|
||||
bottom:50px;
|
||||
left:50%;
|
||||
width:171px;
|
||||
display:inline-block;
|
||||
margin-left:414px;
|
||||
padding:26px 30px 24px;
|
||||
text-transform:uppercase;
|
||||
font-weight:900;
|
||||
color:#333;
|
||||
background-color:#fff;
|
||||
}
|
||||
.top_slider .slide_btn:hover {background-color:#1c1c1c; color:#fff;}
|
||||
.top_slider .slide_btn:before {
|
||||
position:absolute;
|
||||
content: "\f105";
|
||||
right:30px;
|
||||
top:0;
|
||||
width:20px;
|
||||
height:20px;
|
||||
font-family:FontAwesome;
|
||||
text-align:right;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
color:#333;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.top_slider .slide_btn:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* __________ Video Slide __________ */
|
||||
.slide3 .buttonBar {display:none;}
|
||||
|
||||
#controlBar_P2 {display:none !important;}
|
||||
|
||||
.slide3.bg {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide3_bg_mobil.jpg);
|
||||
background-size:cover;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
#carousel .slides li .video {
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:50%;
|
||||
width:30px;
|
||||
height:30px;
|
||||
margin:-15px 0 0 -15px;
|
||||
background-image:url(../images/video.png);
|
||||
background-repeat:no-repeat;
|
||||
background-size:100% auto;
|
||||
-webkit-background-size:100% auto;
|
||||
}
|
||||
|
||||
/* _________ //Video Slide _________ */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Flex Caption Effect */
|
||||
.FadeIn, .FromTop, .FromRight, .FromBottom, .FromLeft {opacity: 0; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out;}
|
||||
.captionDelay1 {transition-delay: 0.1s; -webkit-transition-delay: 0.1s;}
|
||||
.captionDelay2 {transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
|
||||
.captionDelay3 {transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
|
||||
.captionDelay4 {transition-delay: 0.4s; -webkit-transition-delay: 0.4s;}
|
||||
.captionDelay5 {transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
|
||||
.captionDelay6 {transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
|
||||
.captionDelay7 {transition-delay: 0.7s; -webkit-transition-delay: 0.7s;}
|
||||
.captionDelay8 {transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
|
||||
.captionDelay9 {transition-delay: 0.9s; -webkit-transition-delay: 0.9s;}
|
||||
.captionDelay10 {transition-delay: 1s; -webkit-transition-delay: 1s;}
|
||||
.captionDelay11{transition-delay: 1.1s; -webkit-transition-delay: 1.1s;}
|
||||
.captionDelay12 {transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}
|
||||
|
||||
.flexslider li.flex-active-slide .FadeIn {opacity: 1;}
|
||||
.flexslider li .FromTop {transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%);}
|
||||
.flexslider li.flex-active-slide .FromTop {opacity: 1; transform: translateY(0); -o-transform: translateY(0%); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
|
||||
.flexslider li .FromBottom {transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%);}
|
||||
.flexslider li.flex-active-slide .FromBottom {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
|
||||
.flexslider li .FromLeft {transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%);}
|
||||
.flexslider li.flex-active-slide .FromLeft {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);}
|
||||
.flexslider li .FromRight {transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%);}
|
||||
.flexslider li.flex-active-slide .FromRight {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Responsive Styles */
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:-485px;}
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:70px; line-height:70px;}
|
||||
.top_slider .slide_btn {margin-left:314px;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:-375px;}
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:60px; line-height:60px;}
|
||||
.top_slider .slide_btn {margin-left:204px;}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {font-size:17px; line-height:24px; width:450px;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.flexslider.top_slider:before {height:40px;}
|
||||
|
||||
|
||||
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:0; left:15px;}
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:40px; line-height:40px;}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {font-size:13px; line-height:19px; width:420px;}
|
||||
|
||||
|
||||
#carousel .slides li {width:70px !important; height:55px !important; margin:0 0 0 2px !important;}
|
||||
|
||||
|
||||
.flexslider.top_slider .flex-direction-nav li a {width:50px; height:50px;}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-next {left:51px;}
|
||||
.flexslider.top_slider .flex-direction-nav li a:before {width:50px; height:50px; line-height:46px;}
|
||||
|
||||
|
||||
.top_slider .slide_btn {padding:15px 20px 15px 5px; width:auto; left:auto; right:15px; margin:0;}
|
||||
.top_slider .slide_btn:before {right:5px; font-size:18px; top:-7px;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 479px) {
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:26px; line-height:26px;}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {width:290px;}
|
||||
|
||||
#carousel {display:none;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,578 +0,0 @@
|
|||
/*
|
||||
* jQuery FlexSlider v2.2.0
|
||||
* http://www.woothemes.com/flexslider/
|
||||
*
|
||||
* Copyright 2012 WooThemes
|
||||
* Free to use under the GPLv2 license.
|
||||
* http://www.gnu.org/licenses/gpl-2.0.html
|
||||
*
|
||||
* Contributing author: Tyler Smith (@mbmufffin)
|
||||
*/
|
||||
|
||||
|
||||
/* Browser Resets
|
||||
*********************************/
|
||||
.flex-container a:active,
|
||||
.flexslider a:active,
|
||||
.flex-container a:focus,
|
||||
.flexslider a:focus {outline: none;}
|
||||
.slides,
|
||||
.flex-control-nav,
|
||||
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
|
||||
|
||||
/* FlexSlider Necessary Styles
|
||||
*********************************/
|
||||
.flexslider {margin: 0; padding: 0;}
|
||||
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
|
||||
.flexslider .slides img {width: 100%; display: block;}
|
||||
.flex-control-thumbs img {cursor:pointer;}
|
||||
.flex-pauseplay span {text-transform: capitalize;}
|
||||
|
||||
/* Clearfix for the .slides element */
|
||||
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
|
||||
html[xmlns] .slides {display: block;}
|
||||
* html .slides {height: 1%;}
|
||||
|
||||
/* No JavaScript Fallback */
|
||||
/* If you are not using another script, such as Modernizr, make sure you
|
||||
* include js that eliminates this class on page load */
|
||||
.no-js .slides > li:first-child {display: block;}
|
||||
|
||||
/* FlexSlider Default Theme
|
||||
*********************************/
|
||||
.flexslider {overflow:hidden; position: relative; z-index:2;}
|
||||
.flexslider.top_slider {min-height:564px; background-color:#ccc;}
|
||||
.flexslider.top_slider:before {
|
||||
content:'';
|
||||
position:absolute;
|
||||
z-index:3;
|
||||
left:0;
|
||||
bottom:0;
|
||||
width:100%;
|
||||
height:80px;
|
||||
background-image:url(../images/slider/slide_shadow.png);
|
||||
background-repeat:repeat-x;
|
||||
background-size:auto 100%;
|
||||
-webkit-background-size:auto 100%;
|
||||
}
|
||||
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
|
||||
.loading .flex-viewport { max-height: 300px; }
|
||||
.flexslider .slides { zoom: 1; }
|
||||
.carousel li { margin-right: 5px; }
|
||||
|
||||
|
||||
|
||||
/* Direction Nav */
|
||||
.flexslider.top_slider .flex-direction-nav {
|
||||
position:relative;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.flexslider.top_slider .flex-direction-nav li a {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
bottom:50px;
|
||||
display:block;
|
||||
width:70px;
|
||||
height:70px;
|
||||
font-family:FontAwesome;
|
||||
text-align:center;
|
||||
background-color:#fff;
|
||||
}
|
||||
.flexslider.top_slider .flex-direction-nav li a:hover {background-color:#333;}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-prev {left:0;}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-next {left:71px;}
|
||||
.flexslider.top_slider .flex-direction-nav li a:before {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width:70px;
|
||||
height:70px;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
color:#333;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-prev:before {content: "\f104";}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-next:before {content: "\f105";}
|
||||
.flexslider.top_slider .flex-direction-nav li a:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
/* __________ Portfolio Post Direction Nav __________ */
|
||||
.flexslider.portfolio_single_slider {position:relative;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
top:0;
|
||||
bottom:0;
|
||||
display:block;
|
||||
width:200px;
|
||||
height:100%;
|
||||
font-family:FontAwesome;
|
||||
text-align:center;
|
||||
opacity:0;
|
||||
}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a:hover {background:none;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-prev {left:-50px;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-next {right:-50px;}
|
||||
.flexslider.portfolio_single_slider:hover .flex-direction-nav li a.flex-prev {left:0; opacity:1;}
|
||||
.flexslider.portfolio_single_slider:hover .flex-direction-nav li a.flex-next {right:0; opacity:1;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a:before {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
width:70px;
|
||||
height:70px;
|
||||
margin-top:-35px;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
color:rgba(0,0,0,0.5);
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-prev:before {content: "\f104"; left:0;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-next:before {content: "\f105"; right:0;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
/* __________ Control Navigation __________ */
|
||||
.flex-control-nav {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
left:0;
|
||||
bottom:30px;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
}
|
||||
.flex-control-nav li {
|
||||
display:inline-block;
|
||||
margin:0 8px;
|
||||
}
|
||||
.flex-control-nav li a {
|
||||
display:block;
|
||||
width:10px;
|
||||
height:10px;
|
||||
border-radius:50%;
|
||||
border:2px solid #333;
|
||||
background-color:#fff;
|
||||
font-size:0;
|
||||
cursor:pointer;
|
||||
transition: none;
|
||||
-webkit-transition: none;
|
||||
}
|
||||
.flex-control-nav li a.flex-active {
|
||||
position:relative;
|
||||
top:-3px;
|
||||
left:-3px;
|
||||
right:-3px;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background-color:#333;
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Pause/Play */
|
||||
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
|
||||
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
|
||||
.flex-pauseplay a:hover { opacity: 1; }
|
||||
.flex-pauseplay a.flex-play:before { content: '\f003'; }
|
||||
|
||||
|
||||
|
||||
/* Works Slider */
|
||||
.flexslider.works_slider .flex-direction-nav li a {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
bottom:30px;
|
||||
display:block;
|
||||
width:50px;
|
||||
height:50px;
|
||||
font-family:FontAwesome;
|
||||
text-align:center;
|
||||
background-color:#fff;
|
||||
}
|
||||
.flexslider.works_slider .flex-direction-nav li a:hover {background-color:#333;}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-prev {left:20px;}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-next {left:70px;}
|
||||
.flexslider.works_slider .flex-direction-nav li a:before {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width:50px;
|
||||
height:50px;
|
||||
line-height:46px;
|
||||
font-size:32px;
|
||||
color:#333;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-prev:before {content: "\f104";}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-next:before {content: "\f105";}
|
||||
.flexslider.works_slider .flex-direction-nav li a:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Control Nav */
|
||||
.flex-control-thumbs {
|
||||
position: absolute;
|
||||
z-index:200;
|
||||
left:0;
|
||||
bottom:50px;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
}
|
||||
.flex-control-thumbs li {
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
display:inline-block;
|
||||
width: 100px;
|
||||
height:70px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.flex-control-thumbs img {
|
||||
position:asbolute;
|
||||
width: auto;
|
||||
max-width:none;
|
||||
height:100%;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.flex-control-thumbs li img.flex-active:before {
|
||||
content:'';
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
border:5px solid #fff;
|
||||
}
|
||||
|
||||
|
||||
/* thumb navigation */
|
||||
#carousel {
|
||||
position:absolute;
|
||||
left:0;
|
||||
bottom:45px;
|
||||
width:100%;
|
||||
}
|
||||
#carousel .slides {text-align:center;}
|
||||
#carousel .slides li {
|
||||
overflow:hidden;
|
||||
z-index:10 !important;
|
||||
float:none !important;
|
||||
display:inline-block !important;
|
||||
padding:5px 0 0;
|
||||
width:105px !important;
|
||||
height:75px !important;
|
||||
margin:0 2px 0 5px !important;
|
||||
opacity:1 !important;
|
||||
cursor:pointer;
|
||||
box-shadow:3px 3px 3px rgba(0,0,0,0.15);
|
||||
}
|
||||
#carousel .slides li.flex-active-slide:before {
|
||||
content:'';
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:5px;
|
||||
right:0;
|
||||
bottom:0;
|
||||
border:5px solid transparent;
|
||||
}
|
||||
#carousel .slides li.flex-active-slide:before {border-color:#fff;}
|
||||
|
||||
#carousel .slides li.flex-active-slide:after {
|
||||
content:'';
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:0;
|
||||
margin-left:-2px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 5px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-bottom: 5px solid #fff;
|
||||
}
|
||||
|
||||
#carousel .slides li img {
|
||||
width:auto;
|
||||
max-width:none;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Caption */
|
||||
.top_slider .slide1 {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide1_bg.jpg);
|
||||
background-size:cover;
|
||||
background-attachment:fixed !important;
|
||||
}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 {
|
||||
position:absolute;
|
||||
z-index:30;
|
||||
left:50%;
|
||||
top:45%;
|
||||
width:100%;
|
||||
margin-left:-585px;
|
||||
color:#fff;
|
||||
transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
}
|
||||
.top_slider .slide1 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide1 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide1 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide1 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
|
||||
|
||||
|
||||
|
||||
.top_slider .slide2 {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide2_bg.jpg);
|
||||
background-size:cover;
|
||||
background-attachment:fixed !important;
|
||||
}
|
||||
|
||||
.top_slider .slide2 .flex_caption1 {
|
||||
position:absolute;
|
||||
z-index:30;
|
||||
left:50%;
|
||||
top:45%;
|
||||
width:100%;
|
||||
margin-left:-585px;
|
||||
color:#333;
|
||||
transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
}
|
||||
.top_slider .slide2 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide2 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide2 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide2 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
|
||||
|
||||
|
||||
.top_slider .slide3 {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide3_bg.jpg);
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
.top_slider .slide3 .flex_caption1 {
|
||||
position:absolute;
|
||||
z-index:30;
|
||||
left:50%;
|
||||
top:45%;
|
||||
width:100%;
|
||||
margin-left:-585px;
|
||||
color:#000;
|
||||
transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
}
|
||||
.top_slider .slide3 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide3 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide3 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide3 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
|
||||
|
||||
|
||||
.top_slider .slide_btn {
|
||||
position:absolute;
|
||||
z-index:110;
|
||||
bottom:50px;
|
||||
left:50%;
|
||||
width:171px;
|
||||
display:inline-block;
|
||||
margin-left:414px;
|
||||
padding:26px 30px 24px;
|
||||
text-transform:uppercase;
|
||||
font-weight:900;
|
||||
color:#333;
|
||||
background-color:#fff;
|
||||
}
|
||||
.top_slider .slide_btn:hover {background-color:#1c1c1c; color:#fff;}
|
||||
.top_slider .slide_btn:before {
|
||||
position:absolute;
|
||||
content: "\f105";
|
||||
right:30px;
|
||||
top:0;
|
||||
width:20px;
|
||||
height:20px;
|
||||
font-family:FontAwesome;
|
||||
text-align:right;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
color:#333;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.top_slider .slide_btn:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* __________ Video Slide __________ */
|
||||
.slide3 .buttonBar {display:none;}
|
||||
|
||||
#controlBar_P2 {display:none !important;}
|
||||
|
||||
.slide3.bg {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide3_bg.jpg);
|
||||
background-size:cover;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
#carousel .slides li .video {
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:50%;
|
||||
width:30px;
|
||||
height:30px;
|
||||
margin:-15px 0 0 -15px;
|
||||
background-image:url(../images/video.png);
|
||||
background-repeat:no-repeat;
|
||||
background-size:100% auto;
|
||||
-webkit-background-size:100% auto;
|
||||
}
|
||||
|
||||
/* _________ //Video Slide _________ */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Flex Caption Effect */
|
||||
.FadeIn, .FromTop, .FromRight, .FromBottom, .FromLeft {opacity: 0; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out;}
|
||||
.captionDelay1 {transition-delay: 0.1s; -webkit-transition-delay: 0.1s;}
|
||||
.captionDelay2 {transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
|
||||
.captionDelay3 {transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
|
||||
.captionDelay4 {transition-delay: 0.4s; -webkit-transition-delay: 0.4s;}
|
||||
.captionDelay5 {transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
|
||||
.captionDelay6 {transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
|
||||
.captionDelay7 {transition-delay: 0.7s; -webkit-transition-delay: 0.7s;}
|
||||
.captionDelay8 {transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
|
||||
.captionDelay9 {transition-delay: 0.9s; -webkit-transition-delay: 0.9s;}
|
||||
.captionDelay10 {transition-delay: 1s; -webkit-transition-delay: 1s;}
|
||||
.captionDelay11{transition-delay: 1.1s; -webkit-transition-delay: 1.1s;}
|
||||
.captionDelay12 {transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}
|
||||
|
||||
.flexslider li.flex-active-slide .FadeIn {opacity: 1;}
|
||||
.flexslider li .FromTop {transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%);}
|
||||
.flexslider li.flex-active-slide .FromTop {opacity: 1; transform: translateY(0); -o-transform: translateY(0%); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
|
||||
.flexslider li .FromBottom {transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%);}
|
||||
.flexslider li.flex-active-slide .FromBottom {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
|
||||
.flexslider li .FromLeft {transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%);}
|
||||
.flexslider li.flex-active-slide .FromLeft {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);}
|
||||
.flexslider li .FromRight {transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%);}
|
||||
.flexslider li.flex-active-slide .FromRight {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Responsive Styles */
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:-485px;}
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:70px; line-height:70px;}
|
||||
.top_slider .slide_btn {margin-left:314px;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:-375px;}
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:60px; line-height:60px;}
|
||||
.top_slider .slide_btn {margin-left:204px;}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {font-size:17px; line-height:24px; width:450px;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.flexslider.top_slider:before {height:40px;}
|
||||
|
||||
|
||||
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:0; left:15px;}
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:40px; line-height:40px;}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {font-size:13px; line-height:19px; width:420px;}
|
||||
|
||||
|
||||
#carousel .slides li {width:70px !important; height:55px !important; margin:0 0 0 2px !important;}
|
||||
|
||||
|
||||
.flexslider.top_slider .flex-direction-nav li a {width:50px; height:50px;}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-next {left:51px;}
|
||||
.flexslider.top_slider .flex-direction-nav li a:before {width:50px; height:50px; line-height:46px;}
|
||||
|
||||
|
||||
.top_slider .slide_btn {padding:15px 20px 15px 5px; width:auto; left:auto; right:15px; margin:0;}
|
||||
.top_slider .slide_btn:before {right:5px; font-size:18px; top:-7px;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 479px) {
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:26px; line-height:26px;}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {width:290px;}
|
||||
|
||||
#carousel {display:none;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,169 +0,0 @@
|
|||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
* v1.3.2
|
||||
*/
|
||||
|
||||
/* clearfix */
|
||||
.owl-carousel .owl-wrapper:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
/* display none until init */
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding:48px 0 0;
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.owl-carousel .testim_slider {padding-top:30px;}
|
||||
.owl-carousel .owl-wrapper{
|
||||
display: none;
|
||||
position: relative;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer.autoHeight{
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item{
|
||||
float: left;
|
||||
}
|
||||
.owl-controls .owl-page,
|
||||
.owl-controls .owl-buttons div{
|
||||
cursor: pointer;
|
||||
}
|
||||
.owl-controls {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* mouse grab icon */
|
||||
.grabbing {
|
||||
cursor:url(grabbing.png) 8 8, move;
|
||||
}
|
||||
|
||||
/* fix */
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item{
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-moz-transform: translate3d(0,0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Navigation */
|
||||
|
||||
.owl-theme .owl-controls{
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:-80px;
|
||||
width:100%;
|
||||
text-align: right;
|
||||
transform:translateX(-50%);
|
||||
-o-transform:translateX(-50%);
|
||||
-ms-transform:translateX(-50%);
|
||||
-webkit-transform:translateX(-50%);
|
||||
}
|
||||
.testimonials .owl-theme .owl-controls{top:-50px;}
|
||||
|
||||
.owl-theme .owl-controls .owl-buttons div {
|
||||
position:relative;
|
||||
z-index:1;
|
||||
display: inline-block;
|
||||
width:70px;
|
||||
height:70px;
|
||||
margin:0 0 0 -2px;
|
||||
border:2px solid #ccc;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-buttons div:hover {z-index:2; border-color:#333;}
|
||||
.owl-theme .owl-controls .owl-buttons div:before {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width:68px;
|
||||
height:68px;
|
||||
font-family: FontAwesome;
|
||||
text-align:center;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
color:#ccc;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-buttons .owl-prev:before {content: "\f104";}
|
||||
.owl-theme .owl-controls .owl-buttons .owl-next:before {content: "\f105";}
|
||||
.owl-theme .owl-controls .owl-buttons div:hover:before {color:#333;}
|
||||
|
||||
|
||||
/* Styling Pagination*/
|
||||
.owl-theme .owl-controls .owl-pagination {height:14px;}
|
||||
.owl-theme .owl-controls .owl-page{
|
||||
display: inline-block;
|
||||
vertical-align:top;
|
||||
margin-left:16px;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page span{
|
||||
display: block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin: 0;
|
||||
border-radius: 50%;
|
||||
border:2px solid #333;
|
||||
}
|
||||
|
||||
.owl-theme .owl-controls .owl-page.active span {
|
||||
position:relative;
|
||||
top:-3px;
|
||||
bottom:-3px;
|
||||
width:20px;
|
||||
height:20px;
|
||||
background-color:#333;
|
||||
}
|
||||
|
||||
/* If PaginationNumbers is true */
|
||||
|
||||
.owl-theme .owl-controls .owl-page span.owl-numbers{
|
||||
height: auto;
|
||||
width: auto;
|
||||
color: #FFF;
|
||||
padding: 2px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
/* preloading images */
|
||||
.owl-item.loading{
|
||||
min-height: 150px;
|
||||
background: url(AjaxLoader.gif) no-repeat center center
|
||||
}
|
||||
|
|
@ -1,210 +0,0 @@
|
|||
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
|
||||
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
|
||||
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
|
||||
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
|
||||
div.pp_default .pp_content .ppt{color:#f8f8f8}
|
||||
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
|
||||
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
|
||||
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
|
||||
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
|
||||
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
|
||||
div.pp_default .pp_social{margin-top:7px}
|
||||
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
|
||||
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
|
||||
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
|
||||
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
|
||||
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
|
||||
div.pp_default .pp_content_container .pp_details{margin-top:5px}
|
||||
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
|
||||
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
|
||||
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
|
||||
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
|
||||
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
|
||||
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
|
||||
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
|
||||
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
|
||||
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
|
||||
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
|
||||
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
|
||||
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
|
||||
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
|
||||
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
|
||||
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
|
||||
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
|
||||
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
|
||||
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
|
||||
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
|
||||
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
|
||||
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
|
||||
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
|
||||
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
|
||||
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
|
||||
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
|
||||
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
|
||||
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
|
||||
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
|
||||
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
|
||||
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
|
||||
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
|
||||
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_nav{clear:none}
|
||||
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
|
||||
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
|
||||
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
|
||||
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
|
||||
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
|
||||
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
|
||||
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
|
||||
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
|
||||
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
|
||||
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
|
||||
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
|
||||
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
|
||||
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
|
||||
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
|
||||
div.facebook .pp_description{margin:0 37px 0 0}
|
||||
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
|
||||
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
|
||||
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
|
||||
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
|
||||
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
|
||||
div.facebook .pp_nav{margin-top:0}
|
||||
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
|
||||
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
|
||||
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
|
||||
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
|
||||
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
|
||||
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
|
||||
div.pp_pic_holder a:focus{outline:none}
|
||||
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
|
||||
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
|
||||
.pp_content{height:40px;min-width:40px}
|
||||
* html .pp_content{width:40px}
|
||||
.pp_content_container{position:relative;text-align:left;width:100%}
|
||||
.pp_content_container .pp_left{padding-left:20px}
|
||||
.pp_content_container .pp_right{padding-right:20px}
|
||||
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
|
||||
.pp_description{display:none;margin:0}
|
||||
.pp_social{float:left;margin:0}
|
||||
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
|
||||
.pp_social .twitter{float:left}
|
||||
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
|
||||
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
|
||||
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
|
||||
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
|
||||
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
|
||||
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
|
||||
.pp_gallery div{float:left;overflow:hidden;position:relative}
|
||||
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
|
||||
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
|
||||
.pp_gallery ul a img{border:0}
|
||||
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
|
||||
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
|
||||
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
|
||||
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
|
||||
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
|
||||
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
|
||||
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
|
||||
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
|
||||
#pp_full_res{line-height:1!important}
|
||||
#pp_full_res .pp_inline{text-align:left}
|
||||
#pp_full_res .pp_inline p{margin:0 0 15px}
|
||||
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
|
||||
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
|
||||
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
|
||||
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
|
||||
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
|
||||
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
|
||||
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
|
||||
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
|
||||
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
|
||||
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
|
||||
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
|
||||
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
|
||||
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
|
||||
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
|
||||
.pp_top,.pp_bottom{height:20px;position:relative}
|
||||
* html .pp_top,* html .pp_bottom{padding:0 20px}
|
||||
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
|
||||
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
|
||||
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
|
||||
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
|
||||
.pp_fade,.pp_gallery li.default a img{display:none}
|
||||
|
||||
.pp_gallery ul a img{
|
||||
width:50px !important;
|
||||
height:35px !important;
|
||||
max-width:50px !important;
|
||||
}
|
||||
|
||||
|
||||
/* CUSTOM */
|
||||
.pp_left, .pp_middle, .pp_right, div.pp_default .pp_content_container .pp_left, div.pp_default .pp_content, div.light_rounded .pp_content {background:none !important;}
|
||||
.pp_details {position:static !important;}
|
||||
.pp_nav, .pp_social {display:none !Important;}
|
||||
div.pp_default .pp_close {z-index:9999; right:40px; top:20px; width:19px; height:18px; transition: none; -webkit-transition: none;}
|
||||
div.pp_default .pp_close:hover {background-position:0 -17px;}
|
||||
|
||||
a.pp_previous, a.pp_next {background:none !Important; font-family:FontAwesome; text-indent:0; font-size:0;}
|
||||
a.pp_previous:before,
|
||||
a.pp_next:before {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
width:70px;
|
||||
height:70px;
|
||||
margin-top:-35px;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
text-align:center;
|
||||
color:rgba(0,0,0,0.5);
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
a.pp_previous:before {content: "\f104"; left:0;}
|
||||
a.pp_next:before {content: "\f105"; right:0;}
|
||||
a.pp_previous:hover:before, a.pp_next:hover:before {color:#fff;}
|
||||
|
||||
.pp_gallery {margin-top:20px;}
|
||||
|
||||
.pp_gallery div {padding-top:2px;}
|
||||
div.pp_default .pp_gallery ul li a {border:0 !important;}
|
||||
div.pp_default .pp_gallery ul li {margin:0 5px;}
|
||||
div.pp_default .pp_gallery ul li:hover, div.pp_default .pp_gallery ul li.selected {border:2px solid #fff; margin:-2px 3px 0;}
|
||||
2069
css/style.css
2069
css/style.css
File diff suppressed because it is too large
Load diff
|
|
@ -1,135 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
<svg
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:ns1="http://sozi.baierouge.fr"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
id="svg2"
|
||||
sodipodi:docname="plane.svg"
|
||||
viewBox="0 0 379.91 372.47"
|
||||
version="1.1"
|
||||
inkscape:version="0.48+devel r"
|
||||
>
|
||||
<sodipodi:namedview
|
||||
id="namedview4"
|
||||
fit-margin-left="0"
|
||||
inkscape:zoom="0.60811183"
|
||||
borderopacity="1"
|
||||
inkscape:current-layer="svg2"
|
||||
inkscape:cx="245.72152"
|
||||
inkscape:cy="105.96446"
|
||||
inkscape:window-maximized="0"
|
||||
showgrid="false"
|
||||
fit-margin-right="0"
|
||||
bordercolor="#666666"
|
||||
inkscape:window-x="638"
|
||||
guidetolerance="10"
|
||||
objecttolerance="10"
|
||||
inkscape:window-y="146"
|
||||
fit-margin-bottom="0"
|
||||
inkscape:window-width="955"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
pagecolor="#ffffff"
|
||||
gridtolerance="10"
|
||||
inkscape:window-height="795"
|
||||
fit-margin-top="0"
|
||||
/>
|
||||
<path
|
||||
id="path3071"
|
||||
sodipodi:nodetypes="ccccccccccccccccc"
|
||||
style="stroke:#000000;stroke-width:1.0154px;fill:#000000"
|
||||
inkscape:connector-curvature="0"
|
||||
d="m379.23 371.95-43.67-19.63-22.27-78.43-82.52-32.08-7.09-27.6-47.39-20.21-8.46-34.95-37.39-15.83-16.24-60.663-44.563-20.82 0.075 3.07-43.839-19.247-0.984-3.119-14.341-6.146-9.7775-35.405 307.41 130.9c22.642 84.532 43.886 151.88 71.053 240.16z"
|
||||
/>
|
||||
<metadata
|
||||
>
|
||||
<rdf:RDF
|
||||
>
|
||||
<cc:Work
|
||||
>
|
||||
<dc:format
|
||||
>image/svg+xml</dc:format
|
||||
>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage"
|
||||
/>
|
||||
<cc:license
|
||||
rdf:resource="http://creativecommons.org/licenses/publicdomain/"
|
||||
/>
|
||||
<dc:publisher
|
||||
>
|
||||
<cc:Agent
|
||||
rdf:about="http://openclipart.org/"
|
||||
>
|
||||
<dc:title
|
||||
>Openclipart</dc:title
|
||||
>
|
||||
</cc:Agent
|
||||
>
|
||||
</dc:publisher
|
||||
>
|
||||
<dc:title
|
||||
>plane</dc:title
|
||||
>
|
||||
<dc:date
|
||||
>2010-11-28T16:15:26</dc:date
|
||||
>
|
||||
<dc:description
|
||||
/>
|
||||
<dc:source
|
||||
>https://openclipart.org/detail/98497/plane-by-yves_guillou</dc:source
|
||||
>
|
||||
<dc:creator
|
||||
>
|
||||
<cc:Agent
|
||||
>
|
||||
<dc:title
|
||||
>yves_guillou</dc:title
|
||||
>
|
||||
</cc:Agent
|
||||
>
|
||||
</dc:creator
|
||||
>
|
||||
<dc:subject
|
||||
>
|
||||
<rdf:Bag
|
||||
>
|
||||
<rdf:li
|
||||
>plane</rdf:li
|
||||
>
|
||||
<rdf:li
|
||||
>silhouette</rdf:li
|
||||
>
|
||||
</rdf:Bag
|
||||
>
|
||||
</dc:subject
|
||||
>
|
||||
</cc:Work
|
||||
>
|
||||
<cc:License
|
||||
rdf:about="http://creativecommons.org/licenses/publicdomain/"
|
||||
>
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#Reproduction"
|
||||
/>
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#Distribution"
|
||||
/>
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#DerivativeWorks"
|
||||
/>
|
||||
</cc:License
|
||||
>
|
||||
</rdf:RDF
|
||||
>
|
||||
</metadata
|
||||
>
|
||||
</svg
|
||||
>
|
||||
|
Before Width: | Height: | Size: 3.6 KiB |
BIN
images/Thumbs.db
BIN
images/Thumbs.db
Binary file not shown.
|
|
@ -1,4 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg viewBox="232.0497 224.5 35.9003 51" width="35.9" height="51" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="currentColor" d="M 267.814 244.486 C 267.675 243.109 267.537 241.591 267.261 240.214 C 266.985 238.833 266.711 237.456 266.16 236.079 C 265.884 235.389 265.608 234.7 265.332 234.15 C 265.055 233.459 264.643 232.909 264.367 232.218 C 263.955 231.668 263.54 230.979 263.128 230.427 C 262.692 229.855 262.182 229.347 261.611 228.912 C 260.589 228.021 259.479 227.237 258.302 226.568 C 257.055 225.862 255.707 225.352 254.307 225.053 C 252.924 224.638 251.547 224.5 250.029 224.5 C 248.514 224.5 247.135 224.638 245.758 225.053 C 244.379 225.329 243.138 225.879 241.897 226.568 C 240.52 227.256 239.417 228.085 238.314 229.05 C 237.762 229.462 237.35 230.014 236.797 230.565 L 235.558 232.218 C 235.282 232.909 234.868 233.459 234.593 234.15 L 233.765 236.217 C 233.352 237.594 232.938 238.973 232.662 240.352 C 232.386 241.73 232.25 243.109 232.111 244.624 C 231.973 246.141 232.111 247.382 232.111 248.759 C 232.111 250.138 232.25 251.515 232.526 253.032 L 232.938 255.1 C 233.076 255.789 233.352 256.479 233.627 257.168 C 234.591 259.786 236.109 262.268 237.624 264.612 C 238.452 265.852 239.279 266.953 240.106 268.056 C 240.934 269.161 241.759 270.4 242.726 271.365 C 243.138 271.917 243.691 272.329 244.241 272.882 C 244.793 273.294 245.346 273.709 246.032 274.121 C 246.585 274.535 247.273 274.812 247.962 275.086 C 248.238 275.224 248.652 275.362 248.927 275.362 C 249.341 275.362 249.617 275.5 250.032 275.5 C 250.444 275.5 250.72 275.5 251.132 275.362 C 251.547 275.362 251.823 275.224 252.097 275.086 C 252.788 274.809 253.476 274.533 254.027 274.121 C 254.579 273.709 255.268 273.294 255.82 272.882 C 256.373 272.468 256.923 271.917 257.335 271.365 C 258.3 270.262 259.127 269.159 259.955 268.056 C 260.782 266.953 261.609 265.714 262.435 264.612 C 263.952 262.268 265.468 259.788 266.432 257.168 C 266.709 256.479 266.985 255.789 267.123 255.1 C 267.261 254.411 267.535 253.721 267.535 253.032 C 267.811 251.653 267.95 250.276 267.95 248.761 C 267.95 247.38 267.95 245.865 267.811 244.486 L 267.814 244.486 Z M 234.732 250.138 C 234.732 250.138 242.59 251.929 247.69 262.544 C 247.552 262.544 234.043 262.268 234.732 250.138 Z M 252.514 262.544 C 257.475 251.929 265.47 250.138 265.47 250.138 C 266.16 262.268 252.514 262.544 252.514 262.544 Z" transform="matrix(1, 0, 0, 1, 3.552713678800501e-15, 3.552713678800501e-15)"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 KiB |
|
|
@ -1,19 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg viewBox="22.822 16.43 204.357 92.09" width="204.357" height="92.09" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="sw-gradient" x1="0" x2="1" y1="1" y2="0">
|
||||
<stop id="stop1" stop-color="rgba(230, 51, 57, 1)" offset="0"/>
|
||||
<stop id="stop2" stop-color="rgba(251, 46.371, 31, 1)" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g transform="matrix(1, 0, 0, 1, 22.822487, 12.406843)">
|
||||
<path fill="url(#sw-gradient)" d="M 22.223 73.006 C 16.296 66.353 10.732 60.91 6.015 52.685 C 1.418 44.46 -2.453 33.332 1.901 27.888 C 6.256 22.324 18.594 22.566 29.359 18.937 C 40.245 15.309 49.318 7.809 58.631 7.809 C 67.825 7.93 77.138 15.429 79.437 24.502 C 81.614 33.573 76.896 44.218 75.082 55.467 C 73.146 66.716 74.235 78.57 68.913 85.344 C 63.711 92.117 52.221 93.812 43.27 90.666 C 34.44 87.642 28.15 79.659 22.223 73.006 Z" width="100%" height="100%" stroke-width="0" style="transition: all 0.3s ease 0s;"/>
|
||||
<path d="M 39.974 66.234 L 34.869 66.234 Q 34.471 66.234 34.471 65.885 L 34.421 31.147 Q 34.421 30.748 34.82 30.748 L 39.426 30.748 L 48.043 50.844 L 47.794 31.147 Q 47.794 30.748 48.242 30.748 L 53.297 30.748 Q 53.596 30.748 53.596 31.147 L 53.646 65.935 Q 53.646 66.234 53.397 66.234 L 48.914 66.234 L 40.074 47.458 L 40.447 65.836 Q 40.447 66.234 39.974 66.234 Z" style="fill: rgb(255, 255, 255); white-space: pre;"/>
|
||||
</g>
|
||||
<path d="M 114.978 75.916 Q 113.291 75.916 111.853 75.041 Q 110.416 74.166 109.564 72.69 Q 108.713 71.213 108.713 69.463 L 108.775 53.463 Q 108.775 53.338 108.9 53.338 L 112.494 53.338 Q 112.619 53.338 112.619 53.463 L 112.619 69.463 Q 112.619 70.541 113.306 71.299 Q 113.994 72.057 114.978 72.057 Q 116.01 72.057 116.697 71.299 Q 117.385 70.541 117.385 69.463 L 117.385 53.463 Q 117.385 53.338 117.51 53.338 L 121.103 53.338 Q 121.228 53.338 121.228 53.463 L 121.291 69.463 Q 121.291 71.229 120.447 72.713 Q 119.588 74.182 118.166 75.049 Q 116.744 75.916 114.978 75.916 Z" style="white-space: pre;"/>
|
||||
<path d="M 137.184 75.573 L 131.45 75.604 Q 131.294 75.604 131.294 75.448 L 131.356 53.463 Q 131.356 53.338 131.481 53.338 L 137.465 53.307 Q 139.247 53.26 140.684 54.12 Q 142.137 54.979 143.005 56.44 Q 143.872 57.901 143.872 59.666 L 143.872 68.854 Q 143.872 70.698 142.981 72.229 Q 142.075 73.745 140.575 74.643 Q 139.075 75.541 137.184 75.573 Z M 137.465 57.135 L 135.231 57.166 L 135.2 71.666 L 137.184 71.666 Q 138.372 71.666 139.184 70.838 Q 139.997 70.01 139.997 68.854 L 139.997 59.635 Q 139.997 58.62 139.247 57.862 Q 138.497 57.104 137.465 57.135 Z" style="white-space: pre;"/>
|
||||
<path d="M 157.656 75.604 L 154.031 75.604 Q 153.875 75.604 153.875 75.448 L 153.906 53.463 Q 153.906 53.338 154.031 53.338 L 157.625 53.338 Q 157.75 53.338 157.75 53.463 L 157.781 75.448 Q 157.781 75.604 157.656 75.604 Z" style="white-space: pre;"/>
|
||||
<path d="M 173.533 75.916 Q 171.83 75.916 170.392 75.041 Q 168.97 74.166 168.119 72.706 Q 167.267 71.245 167.267 69.495 L 167.267 68.026 Q 167.267 67.854 167.423 67.854 L 171.017 67.854 Q 171.142 67.854 171.142 68.026 L 171.142 69.495 Q 171.142 70.541 171.845 71.299 Q 172.548 72.057 173.533 72.057 Q 174.533 72.057 175.236 71.284 Q 175.939 70.51 175.939 69.495 Q 175.939 68.323 174.408 67.448 Q 174.158 67.291 173.759 67.065 Q 173.361 66.838 172.814 66.541 Q 172.267 66.245 171.751 65.956 Q 171.236 65.666 170.751 65.401 Q 169.001 64.37 168.15 62.815 Q 167.298 61.26 167.298 59.323 Q 167.298 57.541 168.173 56.104 Q 169.048 54.682 170.462 53.846 Q 171.876 53.01 173.533 53.01 Q 175.236 53.01 176.658 53.854 Q 178.08 54.713 178.931 56.135 Q 179.783 57.557 179.783 59.323 L 179.783 61.948 Q 179.783 62.073 179.658 62.073 L 176.064 62.073 Q 175.939 62.073 175.939 61.948 L 175.908 59.323 Q 175.908 58.198 175.205 57.495 Q 174.501 56.791 173.533 56.791 Q 172.548 56.791 171.845 57.541 Q 171.142 58.291 171.142 59.323 Q 171.142 60.37 171.587 61.073 Q 172.033 61.776 173.22 62.416 Q 173.345 62.479 173.798 62.729 Q 174.251 62.979 174.806 63.284 Q 175.361 63.588 175.814 63.831 Q 176.267 64.073 176.361 64.12 Q 177.955 65.01 178.884 66.307 Q 179.814 67.604 179.814 69.495 Q 179.814 71.323 178.97 72.776 Q 178.111 74.229 176.689 75.073 Q 175.267 75.916 173.533 75.916 Z" style="white-space: pre;"/>
|
||||
<path d="M 195.723 75.604 L 192.114 75.604 Q 191.973 75.604 191.973 75.448 L 191.973 57.198 L 187.817 57.198 Q 187.66 57.198 187.66 57.041 L 187.692 53.463 Q 187.692 53.338 187.817 53.338 L 199.973 53.338 Q 200.145 53.338 200.145 53.463 L 200.145 57.041 Q 200.145 57.198 200.02 57.198 L 195.817 57.198 L 195.848 75.448 Q 195.848 75.604 195.723 75.604 Z" style="white-space: pre;"/>
|
||||
<path d="M 206.178 75.448 L 210.147 53.463 Q 210.178 53.338 210.303 53.338 L 214.944 53.338 Q 215.069 53.338 215.1 53.463 L 218.913 75.448 Q 218.928 75.604 218.788 75.604 L 215.241 75.604 Q 215.085 75.604 215.069 75.448 L 214.725 73.104 L 210.366 73.104 L 210.022 75.448 Q 210.007 75.604 209.866 75.604 L 206.303 75.604 Q 206.178 75.604 206.178 75.448 Z M 212.772 60.698 L 212.585 59.51 L 212.444 60.698 L 211.007 69.682 L 214.085 69.682 Z" style="white-space: pre;"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB |
|
|
@ -1,8 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg viewBox="0 0 250 125" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs/>
|
||||
<g transform="matrix(1, 0, 0, 1, -0.5562169551849347, 21.66077423095704)">
|
||||
<path d="M 35.06 66.92 Q 35.46 65.34 36.55 64.41 Q 37.65 63.47 39.01 62.83 Q 40.37 62.19 41.83 61.74 Q 43.29 61.29 44.47 60.77 Q 45.65 60.24 47.19 58.74 Q 48.73 57.24 50.3 55.44 Q 51.87 53.64 53.4 51.88 Q 54.93 50.12 56.09 49.07 Q 56.76 48.47 57.82 47.53 Q 58.88 46.59 59.9 45.66 Q 60.92 44.72 61.66 44.01 Q 62.4 43.29 62.5 43.22 Q 62.59 43.14 62.82 42.24 Q 63.04 41.34 63.15 40.89 Q 63.3 40.29 63.04 38.49 Q 62.78 36.69 62.31 34.37 Q 61.83 32.04 61.19 29.53 Q 60.54 27.02 59.98 24.88 Q 59.43 22.74 59.02 21.36 Q 58.62 19.97 58.55 19.97 L 50.75 19.97 Q 49.47 19.97 49.35 18.96 Q 49.23 17.94 49.45 17.04 Q 49.86 15.39 51.61 14.68 Q 53.37 13.97 55.49 13.86 Q 57.62 13.74 59.72 13.89 Q 61.82 14.04 62.95 14.04 Q 63.25 14.04 63.92 14.04 Q 64.6 14.04 65.38 14.08 Q 66.15 14.12 66.83 14.12 Q 67.5 14.12 67.73 14.12 Q 67.86 14.19 68.09 14.46 Q 68.33 14.72 68.59 15.02 Q 68.85 15.32 69.04 15.62 Q 69.23 15.92 69.29 15.99 L 69.23 16.22 Q 69.19 16.37 69.21 16.44 Q 69.23 16.52 69.21 16.59 Q 69.03 17.34 68.42 17.83 Q 67.81 18.32 67.09 18.77 Q 66.38 19.22 65.75 19.82 Q 65.11 20.42 64.88 21.32 Q 64.6 22.44 64.49 24.54 Q 64.38 26.64 64.66 28.67 Q 64.95 30.69 65.66 32.19 Q 66.37 33.69 67.72 33.69 Q 68.7 33.69 69.67 32.94 Q 70.65 32.19 71.46 31.18 Q 72.28 30.17 72.93 29.19 Q 73.59 28.22 74 27.77 Q 74.41 27.32 75.33 26.34 Q 76.25 25.37 77.31 24.28 Q 78.37 23.19 79.31 22.26 Q 80.26 21.32 80.65 20.94 Q 80.46 19.59 79.51 19.37 Q 78.55 19.14 77.61 18.99 Q 76.68 18.84 76.09 18.32 Q 75.51 17.79 75.96 15.99 Q 76.28 14.72 76.75 13.89 Q 77.22 13.07 78.64 13.07 Q 78.79 13.07 79.16 13.11 Q 79.52 13.14 79.6 13.14 Q 79.8 13.22 80.44 13.52 Q 81.08 13.82 81.82 14.16 Q 82.56 14.49 83.2 14.79 Q 83.84 15.09 83.97 15.17 L 84.49 15.17 Q 86.44 15.17 88.35 14.61 Q 90.25 14.04 92.12 14.04 Q 93.77 14.04 94.34 14.46 Q 94.92 14.87 94.49 16.59 Q 94.04 18.39 92.6 19.03 Q 91.17 19.67 89.35 20.04 Q 87.53 20.42 85.54 20.91 Q 83.54 21.39 82.06 22.82 Q 80.84 24.39 78.95 26.72 Q 77.06 29.04 75.14 31.63 Q 73.22 34.22 71.66 36.84 Q 70.11 39.47 69.55 41.72 Q 69.06 43.67 69.25 44.87 Q 69.44 46.07 70.02 47.04 Q 70.6 48.02 71.38 49.11 Q 72.16 50.19 72.91 51.99 Q 73.34 53.27 73.47 54.43 Q 73.59 55.59 73.73 56.68 Q 73.87 57.77 74.21 58.82 Q 74.55 59.87 75.52 60.77 Q 76.55 61.74 78.18 62.01 Q 79.8 62.27 81.25 62.61 Q 82.71 62.94 83.55 63.77 Q 84.39 64.59 83.89 66.62 Q 83.78 67.07 83.58 67.71 Q 83.38 68.34 83.08 68.98 Q 82.77 69.62 82.21 70.03 Q 81.66 70.44 80.91 70.44 L 63.36 70.44 Q 62.91 70.44 62.8 69.99 Q 62.69 69.54 62.74 69.02 Q 62.8 68.49 62.96 68.01 Q 63.11 67.52 63.15 67.37 Q 63.4 66.39 64 65.79 Q 64.59 65.19 65.28 64.71 Q 65.96 64.22 66.54 63.69 Q 67.12 63.17 67.33 62.34 Q 67.55 61.44 67.42 59.12 Q 67.29 56.79 66.89 54.32 Q 66.5 51.84 65.92 49.97 Q 65.33 48.09 64.66 48.09 Q 63.61 48.09 62.25 49.63 Q 60.89 51.17 59.65 53.16 Q 58.4 55.14 57.47 57.06 Q 56.55 58.97 56.34 59.79 Q 56.08 60.84 56.19 61.74 Q 56.31 62.64 56.47 63.51 Q 56.63 64.37 56.74 65.27 Q 56.85 66.17 56.61 67.14 Q 56.5 67.59 56.32 68.16 Q 56.14 68.72 55.78 69.24 Q 55.43 69.77 54.93 70.11 Q 54.44 70.44 53.69 70.44 L 35.31 70.44 Q 34.86 70.44 34.76 69.96 Q 34.65 69.47 34.69 68.87 Q 34.73 68.27 34.87 67.71 Q 35.01 67.14 35.06 66.92 Z" style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0);"/>
|
||||
</g>
|
||||
<path d="M 84.59 70.26 L 87.69 53.08 Q 87.71 52.99 87.81 52.99 L 91.44 52.99 Q 91.54 52.99 91.56 53.08 L 94.54 70.26 Q 94.55 70.38 94.44 70.38 L 91.67 70.38 Q 91.55 70.38 91.54 70.26 L 91.27 68.43 L 87.86 68.43 L 87.59 70.26 Q 87.58 70.38 87.47 70.38 L 84.69 70.38 Q 84.59 70.38 84.59 70.26 Z M 89.74 58.74 L 89.59 57.81 L 89.48 58.74 L 88.36 65.76 L 90.77 65.76 Z M 103.99 70.38 L 101.15 70.38 Q 101.06 70.38 101.06 70.26 L 101.11 53.11 Q 101.11 52.99 101.2 52.99 L 104.01 52.99 Q 104.11 52.99 104.11 53.11 L 104.11 59.03 L 108.03 53.08 Q 108.12 52.99 108.21 52.99 L 111.08 52.99 Q 111.19 52.99 111.13 53.08 L 106.81 59.98 L 111.65 70.28 Q 111.71 70.38 111.53 70.38 L 108.48 70.38 Q 108.36 70.38 108.33 70.28 L 104.95 62.94 L 104.08 64.3 L 104.08 70.26 Q 104.08 70.38 103.99 70.38 Z M 125.92 70.38 L 123.1 70.38 Q 122.99 70.38 122.99 70.26 L 122.99 56 L 119.75 56 Q 119.62 56 119.62 55.88 L 119.65 53.08 Q 119.65 52.99 119.75 52.99 L 129.24 52.99 Q 129.38 52.99 129.38 53.08 L 129.38 55.88 Q 129.38 56 129.28 56 L 126 56 L 126.02 70.26 Q 126.02 70.38 125.92 70.38 Z M 143.07 70.38 L 140.24 70.38 Q 140.12 70.38 140.12 70.26 L 140.14 53.08 Q 140.14 52.99 140.24 52.99 L 143.05 52.99 Q 143.15 52.99 143.15 53.08 L 143.17 70.26 Q 143.17 70.38 143.07 70.38 Z M 157.67 70.38 L 154.65 70.38 Q 154.54 70.38 154.52 70.26 L 151.07 53.08 Q 151.04 52.99 151.17 52.99 L 154 52.99 Q 154.1 52.99 154.12 53.08 L 156.17 64.53 L 158.17 53.08 Q 158.2 52.99 158.3 52.99 L 161.09 52.99 Q 161.23 52.99 161.19 53.08 L 157.8 70.26 Q 157.78 70.38 157.67 70.38 Z M 174.32 70.38 L 171.49 70.38 Q 171.37 70.38 171.37 70.26 L 171.39 53.08 Q 171.39 52.99 171.49 52.99 L 174.3 52.99 Q 174.4 52.99 174.4 53.08 L 174.42 70.26 Q 174.42 70.38 174.32 70.38 Z M 188.42 70.38 L 185.6 70.38 Q 185.49 70.38 185.49 70.26 L 185.49 56 L 182.25 56 Q 182.12 56 182.12 55.88 L 182.15 53.08 Q 182.15 52.99 182.25 52.99 L 191.74 52.99 Q 191.88 52.99 191.88 53.08 L 191.88 55.88 Q 191.88 56 191.78 56 L 188.5 56 L 188.52 70.26 Q 188.52 70.38 188.42 70.38 Z M 203.93 70.38 L 201.06 70.38 Q 200.97 70.38 200.97 70.28 L 201 63.18 L 197.65 53.08 Q 197.63 52.99 197.72 52.99 L 200.51 52.99 Q 200.63 52.99 200.65 53.08 L 202.5 59.81 L 204.38 53.08 Q 204.4 52.99 204.5 52.99 L 207.31 52.99 Q 207.4 52.99 207.38 53.08 L 204 63.08 L 204.02 70.28 Q 204.02 70.38 203.93 70.38 Z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4 KiB |
Binary file not shown.
|
|
@ -1,8 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg id="sw-js-blob-svg" viewBox="0 0 250 125" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs/>
|
||||
<g transform="matrix(1, 0, 0, 1, -0.543893, 21.660774)">
|
||||
<text style="fill: rgb(255, 255, 255); font-family: 'The X-Files'; font-size: 75px; font-style: italic; font-weight: 700; stroke: rgb(0, 0, 0); white-space: pre;" x="32.404" y="69.768">x</text>
|
||||
</g>
|
||||
<text style="fill: rgb(255, 255, 255); font-family: Dyuthi; font-size: 25px; font-style: italic; font-weight: 700; letter-spacing: 7.5px; stroke: rgb(0, 0, 0); white-space: pre;" x="84.455" y="70.382">aktivity</text>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 635 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
BIN
images/i1.png
BIN
images/i1.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
BIN
images/i2.png
BIN
images/i2.png
Binary file not shown.
|
Before Width: | Height: | Size: 3 KiB |
BIN
images/i3.png
BIN
images/i3.png
Binary file not shown.
|
Before Width: | Height: | Size: 452 B |
BIN
images/i4.png
BIN
images/i4.png
Binary file not shown.
|
Before Width: | Height: | Size: 826 B |
BIN
images/i5.png
BIN
images/i5.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
BIN
images/i6.png
BIN
images/i6.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
BIN
images/img1.png
BIN
images/img1.png
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
BIN
images/img1a.png
BIN
images/img1a.png
Binary file not shown.
|
Before Width: | Height: | Size: 157 KiB |
BIN
images/img1b.png
BIN
images/img1b.png
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 276 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 278 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 188 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 727 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 462 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 183 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 133 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 131 B |
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
BIN
images/video.png
BIN
images/video.png
Binary file not shown.
|
Before Width: | Height: | Size: 572 B |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 43 KiB |
BIN
images/zoom.png
BIN
images/zoom.png
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
942
index.html
942
index.html
|
|
@ -8,892 +8,94 @@
|
|||
<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" />
|
||||
<script>
|
||||
function isMobile() {
|
||||
const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
|
||||
return regex.test(navigator.userAgent);
|
||||
}
|
||||
|
||||
if (isMobile()) {
|
||||
console.log("Detekováno mobilní zařízení");
|
||||
document.write("<style>");
|
||||
document.write(".sloupce {column-count:1; column-width:100px; column-rule-width:10px;}");
|
||||
document.write(".menu a span {padding-left: 5px; vertical-align:center; white-space:nowrap;}");
|
||||
document.write(".menu a:hover span {padding-left: 10px;}");
|
||||
document.write("</style>");
|
||||
document.write("<link href='css/flexslider-mobil.css' rel='stylesheet' type='text/css' />");
|
||||
} else {
|
||||
console.log("Detekován počítač");
|
||||
document.write("<style>");
|
||||
document.write(".sloupce {column-count:2; column-width:100px; column-rule-width:10px;}");
|
||||
document.write(".navigace {margin-top: -0.5rem;}");
|
||||
document.write(".menu a span {display:block; margin-top: -0.6625rem;}");
|
||||
document.write(".menu a:hover span {display:none;}");
|
||||
document.write("</style>");
|
||||
document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
|
||||
}
|
||||
</script>
|
||||
<!--<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/animate1.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/animate2.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.7.0/css/font-awesome.css" rel="stylesheet">
|
||||
<link href="lib/font-logos/assets/font-logos.css" rel="stylesheet">
|
||||
<link href="lib/bootstrap-icons-1.11.3/font/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="lib/boxicons-2.1.4/css/boxicons.min.css" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
.bubble {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
border-bottom: none;
|
||||
@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700");
|
||||
|
||||
*, *::before, *::after {
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.bubble .bubbletext {
|
||||
visibility: hidden;
|
||||
width: 120px;
|
||||
background-color: black;
|
||||
body {
|
||||
font-family: Raleway, sans-serif;
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 0px;
|
||||
padding: 5px 0;
|
||||
|
||||
/* Position the tooltip */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.bubble:hover .bubbletext {
|
||||
visibility: visible;
|
||||
.content {
|
||||
width: 95%;
|
||||
max-width: 40ch;
|
||||
padding: 3em 1em;
|
||||
}
|
||||
|
||||
.marquee {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 2em;
|
||||
font-size: 5em;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
overflow: hidden;
|
||||
|
||||
&_text {
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
white-space: nowrap;
|
||||
animation: marquee 16s infinite linear;
|
||||
|
||||
@keyframes marquee {
|
||||
from { translate: 70%; }
|
||||
to { translate: -70%; }
|
||||
}
|
||||
}
|
||||
|
||||
&_blur {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
background-color: black;
|
||||
background-image:
|
||||
linear-gradient(to right, white, 1rem, transparent 50%),
|
||||
linear-gradient(to left, white, 1rem, transparent 50%);
|
||||
filter: contrast(15);
|
||||
|
||||
p {
|
||||
filter: blur(0.07em);
|
||||
}
|
||||
}
|
||||
|
||||
&_clear {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-block: 2em;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- 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>
|
||||
<script>
|
||||
$(function() {
|
||||
setTimeout(function() { $("#showDiv").fadeOut(0); }, 0);
|
||||
setTimeout(function() { $("#hideDiv").fadeOut(1500); }, 5000);
|
||||
setTimeout(function() { $("#showDiv").fadeIn(1500); }, 5000);
|
||||
})
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="content">
|
||||
|
||||
<!-- 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 id="hideDiv" class="logo pull-left">
|
||||
<a href="index.html" ><div style="text-shadow: 0px 0px 5px #111111;"><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);"><!--⛬--><!--⸫--></span><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">a</span><span class="b2" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">r</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">e</span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.3px);">a</span><span class="b5" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">‐ </span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">5</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">1</span></span></div></a>
|
||||
</div><!-- //LOGO -->
|
||||
<!-- LOGO -->
|
||||
<div id="showDiv" class="logo pull-left">
|
||||
<a href="index.html" ><div style="text-shadow: 0px 0px 5px #111111;"><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);"><!--⛬--><!--⸫--></span><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">a</span><span class="b5" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">‐ </span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">5</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">1</span></span></div></a>
|
||||
</div><!-- //LOGO -->
|
||||
|
||||
<!-- SEARCH FORM -->
|
||||
<div id="search-form" class="pull-right">
|
||||
<form method="get" target="_blank" action="https://search.nolog.cz/search">
|
||||
<input type="text" name="q" value="Hledat" onFocus="if (this.value == 'Hledat') this.value = '';" onBlur="if (this.value == '') this.value = 'Hledat';" />
|
||||
</form>
|
||||
</div><!-- SEARCH FORM -->
|
||||
|
||||
<!-- MENU -->
|
||||
<div class="pull-right">
|
||||
<nav class="navmenu center navigace">
|
||||
<ul class="menu">
|
||||
<li class="first active scroll_btn bubble"><span class="bubbletext"><i class="fa fa-slideshare"></i> Projekt</span><a href="#home" ><small><i class="fa fa-slideshare"></i><span>P</span></small></a></li>
|
||||
<li class="scroll_btn bubble" title="Film"><span class="bubbletext"><i class="fa fa-film"></i> Film</span><a href="#about" ><small><i class="fa fa-film"></i><span>F</span></small></a></li>
|
||||
<li class="scroll_btn bubble"><span class="bubbletext"><i class="fa fa-bar-chart"></i> Koncepce</span><a href="#projects" ><small><i class="fa fa-bar-chart"></i><span>K</span></small></a></li>
|
||||
<li class="scroll_btn bubble"><a href="#team" ><small><i class="fa fa-users"></i><span>Z</span></small></a></li>
|
||||
<li class="scroll_btn bubble"><a href="#news" ><small><i class="fa fa-map-marker"></i><span>M</span></small></a></li>
|
||||
<li class="scroll_btn last bubble"><a href="#contacts" ><small><i class="fa fa-envelope"></i><span>D</span></small></a></li>
|
||||
<li class="sub-menu bubble">
|
||||
<a href="javascript:void(0);" ><i class="fa fa-cube"></i><span>P</span></a>
|
||||
<ul>
|
||||
<li><a href="blog.html" ><big><i class="fl-gitea"></i></big> RSS <i class="fa fa-rss"></i></a></li>
|
||||
<li><a href="blog.html" ><big><i class="fa fa-github"></i></big> RSS <i class="fa fa-rss"></i></a></li>
|
||||
<li><a href="blog-post.html" ><big><i class="fa fa-cube"></i></big> Koncepce <i class="fa fa-download"></i></a></li>
|
||||
<li><a href="portfolio-post.html" ><big><i class="fa fa-th-large"></i></big> 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 #000; margin-top: 0rem;">
|
||||
<p class="title2 captionDelay2 FromLeft"><small><small><i class="fa fa-users"> </i></small></small></p>
|
||||
<p class="title1 captionDelay3 FromTop"><small><small>AKCE<sup>¹‐³</sup></small></small></p>
|
||||
<p class="title2 captionDelay4 FromRight"><i class='bx bx-street-view'></i></p>
|
||||
<p class="title1 captionDelay5 FromRight"><small><small><i class="fa fa-share" style="transform: rotate(90deg);"></i></small></small></p>
|
||||
<p class="title4 captionDelay6 FromBottom"><small><small>Jsem 'influencer' vyznávající nudismus, jenž v tomto duchu pořádá veřejně přístupné <b>akce</b> pro širokou veřejnost...</small></small></p>
|
||||
<p class="title4 captionDelay10 FromRight" style="padding-left: 40px;"><small><small><i class="fa fa-square" style="padding-right: 20px;"></i> Do bazénu bez plavek...</small></small></p>
|
||||
<p class="title4 captionDelay11 FromRight" style="padding-left: 40px;"><small><small><i class="fa fa-square" style="padding-right: 20px;"></i> K vodě i na procházky bez oblečení...</small></small></p>
|
||||
<p class="title4 captionDelay12 FromRight" style="padding-left: 40px;"><small><small><i class="fa fa-square" style="padding-right: 20px;"></i> Pořádám veřejné i soukromé akce...</small></small></p>
|
||||
<!--<hr style="border-width: 1px; text-shadow: 0px 0px 10px #ffffff; opacity: 0.5;">-->
|
||||
<!--<p class="cursor typewriter-animation1 note"><small>První část z trilogie <a href="https://nahej.cz">'nahej'</a>...</small></p>-->
|
||||
</div>
|
||||
<a class="slide_btn FromRight" href="https://nudista.online" ><big><i class="fa fa-globe"></i></big> Web</a>
|
||||
<li class="slide2">
|
||||
<div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 0rem;">
|
||||
<p class="title2 captionDelay2 FromLeft"><small><small><i class="fa fa-users"> </i></small></small></p>
|
||||
<p class="title1 captionDelay3 FromTop"><small><small>PRODUKCE<sup>²‐³</sup></small></small></p>
|
||||
<p class="title2 captionDelay4 FromRight"><i class='bx bxs-camera-movie' ></i></p>
|
||||
<p class="title3 captionDelay5 FromRight"><small><small><i class="fa fa-share" style="transform: rotate(90deg);"></i></small></small></p>
|
||||
<p class="title4 captionDelay6 FromBottom"><small><small>Mým cílem je proto má vlastní soukromá filmová <b>produkce</b>, jež by měla veřejnosti osvětlit můj pohled na tuto problematiku...</small></small></p>
|
||||
<p class="title4 captionDelay11 FromRight" style="padding-left: 40px;"><small><small><i class="fa fa-square" style="padding-right: 20px;"></i> Film o mé nahotě v soukromí i na veřejnosti...</small></small></p>
|
||||
<p class="title4 captionDelay12 FromRight" style="padding-left: 40px;"><small><small><i class="fa fa-square" style="padding-right: 20px;"></i> Film o mé osobě, o mé nahotě v soukromí i na veřejnosti, o tom, čemu se věnuji jen v soukromí, a čemu i na veřejnosti, o tom, čemu věřím, co mne zajímá a za co bojuji...</small></small></p>
|
||||
</div>
|
||||
<a class="slide_btn FromRight" href="javascript:void(0);" ><big><i class="fa fa-film"></i></big> Film</a>
|
||||
</li>
|
||||
<li class="slide3">
|
||||
<div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 0rem;">
|
||||
<p class="title2 captionDelay2 FromLeft"><small><small><i class="fa fa-users"> </i></small></small></p>
|
||||
<p class="title1 captionDelay3 FromTop"><small><small>KONCEPCE<sup>³‐³</sup></small></small></p>
|
||||
<p class="title2 captionDelay4 FromRight"><i class='bx bxs-notepad'></i></p>
|
||||
<p class="title1 captionDelay5 FromRight"><small><small><i class="fa fa-share" style="transform: rotate(90deg);"></i></small></small></p>
|
||||
<p class="title4 captionDelay6 FromBottom"><small><small>Taktéž jsem příznivcem vědecko - fantastického žánru, a možná právě proto se některé mé koncepce mohou jevit jako čirá <b>fikce</b>...</small></small></p>
|
||||
<p class="title4 captionDelay11 FromRight" style="padding-left: 40px;"><small><small><i class="fa fa-square" style="padding-right: 20px;"></i> Film o mé nahotě v soukromí i na veřejnosti...</small></small></p>
|
||||
<p class="title4 captionDelay12 FromRight" style="padding-left: 40px;"><small><small><i class="fa fa-square" style="padding-right: 20px;"></i> Film o mé osobě, o mé nahotě v soukromí i na veřejnosti, o tom, čemu se věnuji jen v soukromí, a čemu i na veřejnosti, o tom, čemu věřím, co mne zajímá a za co bojuji...</small></small></p>
|
||||
</div>
|
||||
<a class="slide_btn FromRight" href="javascript:void(0);" ><big><i class="fa fa-cube"></i></big> 3D</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">
|
||||
<!-- ROW -->
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||||
<small><big><i class="fa fa-server"></i> <i class="fl-debian"></i></big> nudista · online</small>
|
||||
<a class="services_item" href="javascript:void(0);" >
|
||||
<p><i class="bi bi-1-square-fill"></i> <b>Příprava</b> Filmu</p>
|
||||
<span>Everyone has a data center these days! I'm tempted by the idea of building my own... That's my plan!</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||||
<small>192.168.1.51</small>
|
||||
<a class="services_item" href="javascript:void(0);" >
|
||||
<p><i class="bi bi-2-square-fill"></i> <b>Realizace</b> Filmu</p>
|
||||
<span>Quality and unique design that meets all the requirements and trends of modern web design.</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ROW -->
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||||
<ul>
|
||||
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
|
||||
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
|
||||
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||||
<ul>
|
||||
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||||
<ul>
|
||||
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
|
||||
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
|
||||
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
|
||||
</ul>
|
||||
<div class="marquee">
|
||||
<div class="marquee_blur" aria-hidden="true">
|
||||
<p class="marquee_text">Lorem ipsum dolor sit amet!</p>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||||
<ul>
|
||||
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
|
||||
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
|
||||
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
|
||||
</ul>
|
||||
</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"><i class="fa fa-share"></i> <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"><i class="fa fa-users"></i> <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>Dokumentace</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-desktop"></i> Main Topic: <b>Nude</b> in <b>Public</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="🅽 Nahota ·">Nudista · Online</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>🎬 <b>Ašské</b> Studio</big></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 class="marquee_clear">
|
||||
<p class="marquee_text">Lorem ipsum dolor sit amet!</p>
|
||||
</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" ><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>
|
||||
<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>Kdo</b> jsem</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="https://witter.cz/@janrippl" ><small><i class='bx bxl-mastodon' ></i></small></a></li>
|
||||
<li><a href="https://code.nolog.cz/Nudista-Online/area-51" ><i class="fl-gitea"></i></a></li>
|
||||
<li><a href="https://archive.org/details/@jan_rippl" ><i class="fa fa-university"></i></a></li>
|
||||
<li><a href="https://code.nolog.cz/Nudista-Online/area-51.rss" ><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 -->
|
||||
|
||||
<p class="text">
|
||||
I wanted to make a Gooey Marquee type effect, tried a couple of things, and ended up using two layers of text, one with the effect, and a clean one on top so that the text remains readable.
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
245
index2.html
245
index2.html
|
|
@ -1,245 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="cs">
|
||||
<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/animate1.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/animate2.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.7.0/css/font-awesome.css" rel="stylesheet">
|
||||
<link href="lib/font-logos/assets/font-logos.css" rel="stylesheet">
|
||||
<link href="lib/bootstrap-icons-1.11.3/font/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="lib/boxicons-2.1.4/css/boxicons.min.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" ><div style="text-shadow: 0px 0px 5px #111111;"><span style="filter: blur(1.5px);"><big>⛬</big></span><small> <span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">a</span><span class="b2" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">r</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">e</span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.3px);">a</span><span class="b5" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">— </span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">5</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">1</span></small></div></a>
|
||||
</div><!-- //LOGO -->
|
||||
|
||||
<!-- SEARCH FORM -->
|
||||
<div id="search-form" class="pull-right">
|
||||
<form method="get" action="#">
|
||||
<input type="text" name="Search" value="Hledat" onFocus="if (this.value == 'Hledat') this.value = '';" onBlur="if (this.value == '') this.value = 'Hledat';" />
|
||||
</form>
|
||||
</div><!-- SEARCH FORM -->
|
||||
|
||||
<!-- MENU -->
|
||||
<div class="pull-right">
|
||||
<nav class="navmenu center">
|
||||
<ul>
|
||||
<li class="first active scroll_btn"><a href="#home" ><i class="fa fa-slideshare"></i></a></li>
|
||||
<li class="scroll_btn"><a href="#about" ><i class="fa fa-film"></i></a></li>
|
||||
<li class="scroll_btn"><a href="#projects" ><i class="fa fa-bar-chart"></i></a></li>
|
||||
<li class="scroll_btn"><a href="#team" ><i class="fa fa-users"></i></a></li>
|
||||
<li class="scroll_btn"><a href="#news" ><i class="fa fa-map-marker"></i></a></li>
|
||||
<li class="scroll_btn last"><a href="#contacts" ><i class="fa fa-envelope"></i></a></li>
|
||||
<li class="sub-menu">
|
||||
<a href="javascript:void(0);" ><i class="fa fa-cube"></i></a>
|
||||
<ul>
|
||||
<li><a href="blog.html" ><i class="bi bi-badge-3d-fill"></i> <small>Scény</small> <big><i class="bx bxl-blender"></i></big></a></li>
|
||||
<li><a href="blog-post.html" ><i class="bi bi-badge-4k-fill"></i> <small>Videa</small> <big><i class="bx bxs-video-recording"></i></big></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">
|
||||
<!-- ANIMATION -->
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30" style="background: #fff; color: #000000;">
|
||||
<div class="content">
|
||||
<div class="marquee">
|
||||
<div class="marquee_blur" aria-hidden="true">
|
||||
<p class="marquee_text"><svg xmlns="http://www.w3.org/2000/svg" width="5rem" height="5rem" 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> Mám pro Vás vzkaz! Mám pro Vás vzkaz!</p>
|
||||
</div>
|
||||
<div class="marquee_clear">
|
||||
<p class="marquee_text"><svg xmlns="http://www.w3.org/2000/svg" width="5rem" height="5rem" 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> Mám pro Vás vzkaz! Mám pro Vás vzkaz!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text">I wanted to make a Gooey Marquee type effect, tried a couple of things, and ended up using two layers of text, one with the effect, and a clean one on top so that the text remains readable.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 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>Kdo</b> jsem</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="https://witter.cz/@janrippl" ><small><i class='bx bxl-mastodon' ></i></small></a></li>
|
||||
<li><a href="https://code.nolog.cz/Nudista-Online/area-51" ><i class="fl-gitea"></i></a></li>
|
||||
<li><a href="https://archive.org/details/@jan_rippl" ><i class="fa fa-university"></i></a></li>
|
||||
<li><a href="https://code.nolog.cz/Nudista-Online/area-51.rss" ><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>
|
||||
155
js/animate.js
155
js/animate.js
|
|
@ -1,155 +0,0 @@
|
|||
/*
|
||||
* jQuery appear plugin
|
||||
*
|
||||
* Copyright (c) 2012 Andrey Sidorov
|
||||
* licensed under MIT license.
|
||||
*
|
||||
* https://github.com/morr/jquery.appear/
|
||||
*
|
||||
* Version: 0.3.3
|
||||
*/
|
||||
if ($(window).width() > 1024){
|
||||
|
||||
(function($) {
|
||||
var selectors = [];
|
||||
|
||||
var check_binded = false;
|
||||
var check_lock = false;
|
||||
var defaults = {
|
||||
interval: 250,
|
||||
force_process: false
|
||||
}
|
||||
var $window = $(window);
|
||||
|
||||
var $prior_appeared;
|
||||
|
||||
function process() {
|
||||
check_lock = false;
|
||||
for (var index = 0; index < selectors.length; index++) {
|
||||
var $appeared = $(selectors[index]).filter(function() {
|
||||
return $(this).is(':appeared');
|
||||
});
|
||||
|
||||
$appeared.trigger('appear', [$appeared]);
|
||||
|
||||
if ($prior_appeared) {
|
||||
var $disappeared = $prior_appeared.not($appeared);
|
||||
$disappeared.trigger('disappear', [$disappeared]);
|
||||
}
|
||||
$prior_appeared = $appeared;
|
||||
}
|
||||
}
|
||||
|
||||
// "appeared" custom filter
|
||||
$.expr[':']['appeared'] = function(element) {
|
||||
var $element = $(element);
|
||||
if (!$element.is(':visible')) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var window_left = $window.scrollLeft();
|
||||
var window_top = $window.scrollTop();
|
||||
var offset = $element.offset();
|
||||
var left = offset.left;
|
||||
var top = offset.top;
|
||||
|
||||
if (top + $element.height() >= window_top &&
|
||||
top - ($element.data('appear-top-offset') || 0) <= window_top + $window.height() &&
|
||||
left + $element.width() >= window_left &&
|
||||
left - ($element.data('appear-left-offset') || 0) <= window_left + $window.width()) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
$.fn.extend({
|
||||
// watching for element's appearance in browser viewport
|
||||
appear: function(options) {
|
||||
var opts = $.extend({}, defaults, options || {});
|
||||
var selector = this.selector || this;
|
||||
if (!check_binded) {
|
||||
var on_check = function() {
|
||||
if (check_lock) {
|
||||
return;
|
||||
}
|
||||
check_lock = true;
|
||||
|
||||
setTimeout(process, opts.interval);
|
||||
};
|
||||
|
||||
$(window).scroll(on_check).resize(on_check);
|
||||
check_binded = true;
|
||||
}
|
||||
|
||||
if (opts.force_process) {
|
||||
setTimeout(process, opts.interval);
|
||||
}
|
||||
selectors.push(selector);
|
||||
return $(selector);
|
||||
}
|
||||
});
|
||||
|
||||
$.extend({
|
||||
// force elements's appearance check
|
||||
force_appear: function() {
|
||||
if (check_binded) {
|
||||
process();
|
||||
return true;
|
||||
};
|
||||
return false;
|
||||
}
|
||||
});
|
||||
})(jQuery);
|
||||
|
||||
var isMobile = false;
|
||||
|
||||
(function( $ ) {
|
||||
"use strict";
|
||||
|
||||
$(function() {
|
||||
|
||||
/* --- MOBILE DETECT --- */
|
||||
if (navigator.userAgent.match(/Android/i) ||
|
||||
navigator.userAgent.match(/webOS/i) ||
|
||||
navigator.userAgent.match(/iPhone/i) ||
|
||||
navigator.userAgent.match(/iPad/i)||
|
||||
navigator.userAgent.match(/iPod/i) ||
|
||||
navigator.userAgent.match(/BlackBerry/i)) {
|
||||
isMobile = true;
|
||||
}
|
||||
|
||||
/* --- ADD NECESSARY CLASS --- */
|
||||
if (isMobile == true) {
|
||||
$('.animated').removeClass('animated');
|
||||
$('.op0').removeClass('op0');
|
||||
}
|
||||
|
||||
/* --- ANIMATE CONTENT --- */
|
||||
if (isMobile == false) {
|
||||
$('*[data-animated]').addClass('animated');
|
||||
}
|
||||
|
||||
function animated_contents() {
|
||||
$(".animated:appeared").each(function (i) {
|
||||
var $this = $(this),
|
||||
animated = $(this).data('animated');
|
||||
|
||||
setTimeout(function () {
|
||||
$this.addClass(animated);
|
||||
}, 100 * i);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
if (isMobile == false) {
|
||||
animated_contents();
|
||||
$(window).scroll(function () {
|
||||
animated_contents();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
}(jQuery));
|
||||
|
||||
}
|
||||
6
js/bootstrap.min.js
vendored
6
js/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,274 +0,0 @@
|
|||
/**
|
||||
*
|
||||
* Version: 0.2.8
|
||||
* Author: Gianluca Guarini
|
||||
* Contact: gianluca.guarini@gmail.com
|
||||
* Website: http://www.gianlucaguarini.com/
|
||||
* Twitter: @gianlucaguarini
|
||||
*
|
||||
* Copyright (c) 2013 Gianluca Guarini
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person
|
||||
* obtaining a copy of this software and associated documentation
|
||||
* files (the "Software"), to deal in the Software without
|
||||
* restriction, including without limitation the rights to use,
|
||||
* copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
* copies of the Software, and to permit persons to whom the
|
||||
* Software is furnished to do so, subject to the following
|
||||
* conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be
|
||||
* included in all copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
||||
* OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
||||
* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
* WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
||||
* OTHER DEALINGS IN THE SOFTWARE.
|
||||
**/
|
||||
!(function($) {
|
||||
$.fn.extend({
|
||||
BlackAndWhite: function(options) {
|
||||
'use strict';
|
||||
var $container = this,
|
||||
defaults = {
|
||||
hoverEffect: true,
|
||||
webworkerPath: false,
|
||||
responsive: true,
|
||||
invertHoverEffect: false,
|
||||
speed: 500,
|
||||
onImageReady: null,
|
||||
intensity: 1
|
||||
};
|
||||
options = $.extend(defaults, options);
|
||||
|
||||
/**
|
||||
*
|
||||
* Public vars
|
||||
*
|
||||
*/
|
||||
var hoverEffect = options.hoverEffect,
|
||||
webworkerPath = options.webworkerPath,
|
||||
invertHoverEffect = options.invertHoverEffect,
|
||||
responsive = options.responsive,
|
||||
intensity = (typeof options.intensity === 'number' && options.intensity < 1 && options.intensity > 0) ? options.intensity : 1,
|
||||
fadeSpeedIn = $.isPlainObject(options.speed) ? options.speed.fadeIn : options.speed,
|
||||
fadeSpeedOut = $.isPlainObject(options.speed) ? options.speed.fadeOut : options.speed;
|
||||
|
||||
var isIE7 = (document.all && !window.opera && window.XMLHttpRequest) ? true : false;
|
||||
|
||||
/*
|
||||
*
|
||||
* features detection
|
||||
*
|
||||
*/
|
||||
|
||||
var browserPrefixes = ' -webkit- -moz- -o- -ms- '.split(' ');
|
||||
|
||||
var cssPrefixString = {};
|
||||
var cssPrefix = function(property) {
|
||||
if (cssPrefixString[property] || cssPrefixString[property] === '') return cssPrefixString[property] + property;
|
||||
var e = document.createElement('div');
|
||||
var prefixes = ['', 'Moz', 'Webkit', 'O', 'ms', 'Khtml']; // Various supports...
|
||||
for (var i in prefixes) {
|
||||
if (typeof e.style[prefixes[i] + property] !== 'undefined') {
|
||||
cssPrefixString[property] = prefixes[i];
|
||||
return prefixes[i] + property;
|
||||
}
|
||||
}
|
||||
return property.toLowerCase();
|
||||
};
|
||||
|
||||
|
||||
// https://github.com/Modernizr/Modernizr/blob/master/feature-detects/css-filters.js
|
||||
var cssfilters = function() {
|
||||
var el = document.createElement('div');
|
||||
el.style.cssText = browserPrefixes.join('filter' + ':blur(2px); ');
|
||||
return !!el.style.length && ((document.documentMode === undefined || document.documentMode > 9));
|
||||
}();
|
||||
/**
|
||||
*
|
||||
* Private vars
|
||||
*
|
||||
*/
|
||||
var supportsCanvas = !! document.createElement('canvas').getContext,
|
||||
$window = $(window),
|
||||
/* Check if Web Workers are supported */
|
||||
supportWebworker = (function() {
|
||||
return (typeof(Worker) !== "undefined") ? true : false;
|
||||
}()),
|
||||
cssFilter = cssPrefix('Filter'),
|
||||
imagesArray = [],
|
||||
BnWWorker = supportWebworker && webworkerPath ? new Worker(webworkerPath + "BnWWorker.js") : false;
|
||||
|
||||
/**
|
||||
*
|
||||
* Private methods
|
||||
*
|
||||
*/
|
||||
var _onMouseLeave = function(e) {
|
||||
$(e.currentTarget).find('.BWfade').stop(true, true)[!invertHoverEffect ? 'fadeIn' : 'fadeOut'](fadeSpeedOut);
|
||||
};
|
||||
var _onMouseEnter = function(e) {
|
||||
$(e.currentTarget).find('.BWfade').stop(true, true)[invertHoverEffect ? 'fadeIn' : 'fadeOut'](fadeSpeedIn);
|
||||
};
|
||||
var _onImageReady = function(img) {
|
||||
if (typeof options.onImageReady === 'function')
|
||||
options.onImageReady(img);
|
||||
};
|
||||
// Loop all the images converting them by the webworker (this process is unobstrusive and it does not block the page loading)
|
||||
var _webWorkerLoop = function() {
|
||||
if (!imagesArray.length) {
|
||||
// terminate the worker
|
||||
// the standard way - http://www.w3.org/TR/workers/#dedicated-workers-and-the-worker-interface
|
||||
if (BnWWorker.terminate)
|
||||
BnWWorker.terminate();
|
||||
// IE 10 specific - http://msdn.microsoft.com/en-us/library/ie/hh673568(v=vs.85).aspx
|
||||
if (BnWWorker.close)
|
||||
BnWWorker.close();
|
||||
return;
|
||||
}
|
||||
|
||||
BnWWorker.postMessage({
|
||||
imgData:imagesArray[0].imageData,
|
||||
intensity: intensity
|
||||
});
|
||||
|
||||
BnWWorker.onmessage = function(event) {
|
||||
imagesArray[0].ctx.putImageData(event.data, 0, 0);
|
||||
_onImageReady(imagesArray[0].img);
|
||||
imagesArray.splice(0, 1);
|
||||
_webWorkerLoop();
|
||||
};
|
||||
};
|
||||
//convert any image into B&W using HTML5 canvas
|
||||
var _manipulateImage = function(img, canvas, width, height) {
|
||||
var ctx = canvas.getContext('2d'),
|
||||
currImg = img,
|
||||
i = 0,
|
||||
grey;
|
||||
|
||||
ctx.drawImage(img, 0, 0, width, height);
|
||||
|
||||
var imageData = ctx.getImageData(0, 0, width, height),
|
||||
px = imageData.data,
|
||||
length = px.length;
|
||||
|
||||
// web worker superfast implementation
|
||||
if (BnWWorker) {
|
||||
|
||||
imagesArray.push({
|
||||
imageData: imageData,
|
||||
ctx: ctx,
|
||||
img: img
|
||||
});
|
||||
|
||||
} else {
|
||||
|
||||
// no webworker slow implementation
|
||||
for (; i < length; i += 4) {
|
||||
var k = px[i] * 0.3 + px[i + 1] * 0.59 + px[i + 2] * 0.11;
|
||||
px[i] = ~~ (k * intensity + px[i] * (1 - intensity));
|
||||
px[i + 1] = ~~ (k * intensity + px[i + 1] * (1 - intensity));
|
||||
px[i + 2] = ~~ (k * intensity + px[i + 2] * (1 - intensity));
|
||||
}
|
||||
|
||||
ctx.putImageData(imageData, 0, 0);
|
||||
|
||||
_onImageReady(img);
|
||||
}
|
||||
};
|
||||
|
||||
var _injectTags = function($img, $imageWrapper) {
|
||||
|
||||
var pic = $img[0],
|
||||
src = pic.src,
|
||||
width = $img.width(),
|
||||
height = $img.height(),
|
||||
position = $img.position(),
|
||||
css = {
|
||||
'position': 'absolute',
|
||||
top: position.top,
|
||||
left: position.left,
|
||||
display: invertHoverEffect ? 'none' : 'block'
|
||||
};
|
||||
if (supportsCanvas && !cssfilters) {
|
||||
|
||||
var realWidth = pic.width,
|
||||
realHeight = pic.height;
|
||||
|
||||
//adding the canvas
|
||||
$('<canvas class="BWfade" width="' + realWidth + '" height="' + realHeight + '"></canvas>').prependTo($imageWrapper);
|
||||
//getting the canvas
|
||||
var $canvas = $imageWrapper.find('canvas');
|
||||
//setting the canvas position on the Pics
|
||||
$canvas.css(css);
|
||||
|
||||
_manipulateImage(pic, $canvas[0], realWidth, realHeight);
|
||||
|
||||
} else {
|
||||
|
||||
css[cssPrefix('Filter')] = 'grayscale(' + intensity * 100 + '%)';
|
||||
//adding the canvas
|
||||
$('<img src=' + src + ' width="' + width + '" height="' + height + '" class="BWFilter BWfade" /> ').prependTo($imageWrapper);
|
||||
$('.BWFilter').css($.extend(css, {
|
||||
'filter': 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'
|
||||
}));
|
||||
|
||||
_onImageReady(pic);
|
||||
}
|
||||
};
|
||||
this.init = function(options) {
|
||||
// convert all the images
|
||||
$container.each(function(index, tmpImageWrapper) {
|
||||
var $imageWrapper = $(tmpImageWrapper),
|
||||
$pic = $imageWrapper.find('img');
|
||||
|
||||
if (!$pic.width())
|
||||
$pic.on("load", function() {
|
||||
_injectTags($pic, $imageWrapper);
|
||||
});
|
||||
else
|
||||
_injectTags($pic, $imageWrapper);
|
||||
});
|
||||
// start the webworker
|
||||
if (BnWWorker) {
|
||||
// web worker implementation
|
||||
_webWorkerLoop();
|
||||
}
|
||||
// binding the hover effect
|
||||
if (hoverEffect) {
|
||||
|
||||
$container.on('mouseleave', _onMouseLeave);
|
||||
$container.on('mouseenter', _onMouseEnter);
|
||||
}
|
||||
// make it responsive
|
||||
if (responsive) {
|
||||
$window.on('resize orientationchange', $container.resizeImages);
|
||||
}
|
||||
};
|
||||
|
||||
this.resizeImages = function() {
|
||||
|
||||
$container.each(function(index, currImageWrapper) {
|
||||
var pic = $(currImageWrapper).find('img:not(.BWFilter)'),
|
||||
currWidth = isIE7 ? $(pic).prop('width') : $(pic).width(),
|
||||
currHeight = isIE7 ? $(pic).prop('height') : $(pic).height();
|
||||
|
||||
$(this).find('.BWFilter, canvas').css({
|
||||
width: currWidth,
|
||||
height: currHeight
|
||||
});
|
||||
|
||||
});
|
||||
};
|
||||
|
||||
return this.init(options);
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
}(jQuery));
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Reference in a new issue