Celý web
This commit is contained in:
janrippl
parent
98b583ea61
commit
9f8409d0de
97 changed files with 9065 additions and 0 deletions
3
.domains
Normal file
3
.domains
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
www.area-51.cz
|
||||
*.area-51.cz
|
||||
area-51.cz
|
||||
384
blog-post.html
Executable file
384
blog-post.html
Executable file
|
|
@ -0,0 +1,384 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<title>White | responsive bootstrap3 html5 one page template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<link rel="shortcut icon" href="images/favicon.ico">
|
||||
|
||||
<!-- CSS -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/owl.carousel.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/colors/" rel="stylesheet" type="text/css" id="colors" />
|
||||
|
||||
<!-- FONTS -->
|
||||
<link href='http://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="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
|
||||
|
||||
<!-- SCRIPTS -->
|
||||
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<!--[if IE]><html class="ie" lang="en"> <![endif]-->
|
||||
|
||||
<script src="js/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.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>
|
||||
|
||||
</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 class="logo pull-left">
|
||||
<a href="index.html" ><span class="b1">w</span><span class="b2">h</span><span class="b3">i</span><span class="b4">t</span><span class="b5">e</span></a>
|
||||
</div><!-- //LOGO -->
|
||||
|
||||
<!-- SEARCH FORM -->
|
||||
<div id="search-form" class="pull-right">
|
||||
<form method="get" action="#">
|
||||
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" />
|
||||
</form>
|
||||
</div><!-- SEARCH FORM -->
|
||||
|
||||
<!-- MENU -->
|
||||
<div class="pull-right">
|
||||
<nav class="navmenu center">
|
||||
<ul>
|
||||
<li class="first scroll_btn"><a href="index.html">Home</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#about">About Us</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#projects">Projects</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#team">Team</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#news">News</a></li>
|
||||
<li class="scroll_btn last"><a href="index.html#contacts">Contacts</a></li>
|
||||
<li class="sub-menu active">
|
||||
<a href="javascript:void(0);">Pages</a>
|
||||
<ul>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li class="active"><a href="blog-post.html">Blog Post</a></li>
|
||||
<li><a href="portfolio-post.html">Portfolio Single Work</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div><!-- //MENU -->
|
||||
</div><!-- //MENU BLOCK -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</header><!-- //HEADER -->
|
||||
|
||||
|
||||
<!-- 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>
|
||||
412
blog.html
Executable file
412
blog.html
Executable file
|
|
@ -0,0 +1,412 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<title>White | responsive bootstrap3 html5 one page template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<link rel="shortcut icon" href="images/favicon.ico">
|
||||
|
||||
<!-- CSS -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/owl.carousel.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/colors/" rel="stylesheet" type="text/css" id="colors" />
|
||||
|
||||
<!-- FONTS -->
|
||||
<link href='http://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="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
|
||||
|
||||
<!-- SCRIPTS -->
|
||||
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<!--[if IE]><html class="ie" lang="en"> <![endif]-->
|
||||
|
||||
<script src="js/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.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>
|
||||
|
||||
</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 class="logo pull-left">
|
||||
<a href="index.html" ><span class="b1">w</span><span class="b2">h</span><span class="b3">i</span><span class="b4">t</span><span class="b5">e</span></a>
|
||||
</div><!-- //LOGO -->
|
||||
|
||||
<!-- SEARCH FORM -->
|
||||
<div id="search-form" class="pull-right">
|
||||
<form method="get" action="#">
|
||||
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" />
|
||||
</form>
|
||||
</div><!-- SEARCH FORM -->
|
||||
|
||||
<!-- MENU -->
|
||||
<div class="pull-right">
|
||||
<nav class="navmenu center">
|
||||
<ul>
|
||||
<li class="first scroll_btn"><a href="index.html">Home</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#about">About Us</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#projects">Projects</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#team">Team</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#news">News</a></li>
|
||||
<li class="scroll_btn last"><a href="index.html#contacts">Contacts</a></li>
|
||||
<li class="sub-menu active">
|
||||
<a href="javascript:void(0);">Pages</a>
|
||||
<ul>
|
||||
<li class="active"><a href="blog.html">Blog</a></li>
|
||||
<li><a href="blog-post.html">Blog Post</a></li>
|
||||
<li><a href="portfolio-post.html">Portfolio Single Work</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div><!-- //MENU -->
|
||||
</div><!-- //MENU BLOCK -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</header><!-- //HEADER -->
|
||||
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<!-- 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">JANUARY 30 | 21:30</div>
|
||||
<a class="blog_post_title" href="blog-post.html" >Rihanna's Costume Designer Comes Into His Own with New Show</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 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" >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><a href="javascript:void(0);" >1</a></li>
|
||||
<li><a href="javascript:void(0);" >2</a></li>
|
||||
<li class="active"><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);" >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>
|
||||
1627
css/animate.css
vendored
Executable file
1627
css/animate.css
vendored
Executable file
File diff suppressed because it is too large
Load diff
9
css/bootstrap.min.css
vendored
Executable file
9
css/bootstrap.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
578
css/flexslider.css
Executable file
578
css/flexslider.css
Executable file
|
|
@ -0,0 +1,578 @@
|
|||
/*
|
||||
* 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:#333;
|
||||
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:#fff;
|
||||
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;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
169
css/owl.carousel.css
Executable file
169
css/owl.carousel.css
Executable file
|
|
@ -0,0 +1,169 @@
|
|||
/*
|
||||
* 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
|
||||
}
|
||||
210
css/prettyPhoto.css
Executable file
210
css/prettyPhoto.css
Executable file
|
|
@ -0,0 +1,210 @@
|
|||
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
Executable file
2069
css/style.css
Executable file
File diff suppressed because it is too large
Load diff
BIN
images/Thumbs.db
Executable file
BIN
images/Thumbs.db
Executable file
Binary file not shown.
BIN
images/avatar1.jpg
Executable file
BIN
images/avatar1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
BIN
images/avatar2.jpg
Executable file
BIN
images/avatar2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 8.3 KiB |
BIN
images/blog/1.jpg
Executable file
BIN
images/blog/1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
images/blog/2.jpg
Executable file
BIN
images/blog/2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
images/blog/3.jpg
Executable file
BIN
images/blog/3.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
images/blog/4.jpg
Executable file
BIN
images/blog/4.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
images/blog/5.jpg
Executable file
BIN
images/blog/5.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
images/blog/Thumbs.db
Executable file
BIN
images/blog/Thumbs.db
Executable file
Binary file not shown.
BIN
images/breadcrumbs_bg.jpg
Executable file
BIN
images/breadcrumbs_bg.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
BIN
images/clean_code_bg.jpg
Executable file
BIN
images/clean_code_bg.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
BIN
images/clients/1.jpg
Executable file
BIN
images/clients/1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
19
images/clients/1.svg
Normal file
19
images/clients/1.svg
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<?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>
|
||||
|
After Width: | Height: | Size: 5 KiB |
BIN
images/clients/2.jpg
Executable file
BIN
images/clients/2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
images/clients/3.jpg
Executable file
BIN
images/clients/3.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
BIN
images/clients/4.jpg
Executable file
BIN
images/clients/4.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
images/clients/5.jpg
Executable file
BIN
images/clients/5.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
images/clients/6.jpg
Executable file
BIN
images/clients/6.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4 KiB |
BIN
images/clients/Thumbs.db
Executable file
BIN
images/clients/Thumbs.db
Executable file
Binary file not shown.
BIN
images/favicon.ico
Executable file
BIN
images/favicon.ico
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
images/i1.png
Executable file
BIN
images/i1.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
images/i2.png
Executable file
BIN
images/i2.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3 KiB |
BIN
images/i3.png
Executable file
BIN
images/i3.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 452 B |
BIN
images/i4.png
Executable file
BIN
images/i4.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 826 B |
BIN
images/i5.png
Executable file
BIN
images/i5.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
images/i6.png
Executable file
BIN
images/i6.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
images/img1.png
Normal file
BIN
images/img1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
BIN
images/img1a.png
Executable file
BIN
images/img1a.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 157 KiB |
BIN
images/img1b.png
Normal file
BIN
images/img1b.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
images/portfolio/1.jpg
Executable file
BIN
images/portfolio/1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/portfolio/1_2.jpg
Executable file
BIN
images/portfolio/1_2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/portfolio/1_3.jpg
Executable file
BIN
images/portfolio/1_3.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/portfolio/1_4.jpg
Executable file
BIN
images/portfolio/1_4.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/portfolio/Thumbs.db
Executable file
BIN
images/portfolio/Thumbs.db
Executable file
Binary file not shown.
BIN
images/preloader.gif
Executable file
BIN
images/preloader.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
images/prettyPhoto/default/loader.gif
Executable file
BIN
images/prettyPhoto/default/loader.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
BIN
images/prettyPhoto/default/sprite.png
Executable file
BIN
images/prettyPhoto/default/sprite.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 276 B |
BIN
images/price_arrow.png
Executable file
BIN
images/price_arrow.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
images/slider/Thumbs.db
Executable file
BIN
images/slider/Thumbs.db
Executable file
Binary file not shown.
BIN
images/slider/caption_img1.png
Executable file
BIN
images/slider/caption_img1.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
images/slider/slide1_bg.jpg
Normal file
BIN
images/slider/slide1_bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
BIN
images/slider/slide1_bg1.jpg
Executable file
BIN
images/slider/slide1_bg1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
images/slider/slide2_bg.jpg
Normal file
BIN
images/slider/slide2_bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
BIN
images/slider/slide2a_bg.jpg
Executable file
BIN
images/slider/slide2a_bg.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
images/slider/slide3_bg.jpg
Normal file
BIN
images/slider/slide3_bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
BIN
images/slider/slide3_bg1.jpg
Executable file
BIN
images/slider/slide3_bg1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
images/slider/slide_shadow.png
Executable file
BIN
images/slider/slide_shadow.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 131 B |
BIN
images/team/1.jpg
Executable file
BIN
images/team/1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
images/team/2.jpg
Executable file
BIN
images/team/2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
images/team/3.jpg
Executable file
BIN
images/team/3.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
images/team/4.jpg
Executable file
BIN
images/team/4.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
images/team/5.jpg
Executable file
BIN
images/team/5.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
images/team/6.jpg
Executable file
BIN
images/team/6.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
images/team/7.jpg
Executable file
BIN
images/team/7.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
images/team/8.jpg
Executable file
BIN
images/team/8.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
images/team/Thumbs.db
Executable file
BIN
images/team/Thumbs.db
Executable file
Binary file not shown.
BIN
images/team_bg.jpg
Executable file
BIN
images/team_bg.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
BIN
images/video.png
Executable file
BIN
images/video.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 572 B |
BIN
images/works/1.jpg
Executable file
BIN
images/works/1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/works/1_2.jpg
Executable file
BIN
images/works/1_2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/works/2.jpg
Executable file
BIN
images/works/2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/works/2_2.jpg
Executable file
BIN
images/works/2_2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/works/3.jpg
Executable file
BIN
images/works/3.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/works/3_2.jpg
Executable file
BIN
images/works/3_2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/works/4.jpg
Executable file
BIN
images/works/4.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/works/4_2.jpg
Executable file
BIN
images/works/4_2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/works/5.jpg
Executable file
BIN
images/works/5.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
images/works/5_2.jpg
Executable file
BIN
images/works/5_2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/works/6.jpg
Executable file
BIN
images/works/6.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
images/works/6_2.jpg
Executable file
BIN
images/works/6_2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/works/7.jpg
Executable file
BIN
images/works/7.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/works/7_2.jpg
Executable file
BIN
images/works/7_2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/works/Thumbs.db
Executable file
BIN
images/works/Thumbs.db
Executable file
Binary file not shown.
BIN
images/wth500-1.png
Normal file
BIN
images/wth500-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
BIN
images/zoom.png
Executable file
BIN
images/zoom.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
images/zoom_h.png
Executable file
BIN
images/zoom_h.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
805
index.html
Executable file
805
index.html
Executable file
|
|
@ -0,0 +1,805 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<title>White | responsive bootstrap3 html5 one page template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<link rel="shortcut icon" href="images/favicon.ico">
|
||||
|
||||
<!-- CSS -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/owl.carousel.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- FONTS -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||
<!--<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> -->
|
||||
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
|
||||
|
||||
<!-- SCRIPTS -->
|
||||
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<!--[if IE]><html class="ie" lang="en"> <![endif]-->
|
||||
|
||||
<script src="js/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
|
||||
<script src="js/superfish.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
|
||||
<script src="js/owl.carousel.js" type="text/javascript"></script>
|
||||
<script src="js/animate.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.BlackAndWhite.js"></script>
|
||||
<script src="js/myscript.js" type="text/javascript"></script>
|
||||
<script>
|
||||
|
||||
//PrettyPhoto
|
||||
jQuery(document).ready(function() {
|
||||
$("a[rel^='prettyPhoto']").prettyPhoto();
|
||||
});
|
||||
|
||||
//BlackAndWhite
|
||||
$(window).load(function(){
|
||||
$('.client_img').BlackAndWhite({
|
||||
hoverEffect : true, // default true
|
||||
// set the path to BnWWorker.js for a superfast implementation
|
||||
webworkerPath : false,
|
||||
// for the images with a fluid width and height
|
||||
responsive:true,
|
||||
// to invert the hover effect
|
||||
invertHoverEffect: false,
|
||||
// this option works only on the modern browsers ( on IE lower than 9 it remains always 1)
|
||||
intensity:1,
|
||||
speed: { //this property could also be just speed: value for both fadeIn and fadeOut
|
||||
fadeIn: 300, // 200ms for fadeIn animations
|
||||
fadeOut: 300 // 800ms for fadeOut animations
|
||||
},
|
||||
onImageReady:function(img) {
|
||||
// this callback gets executed anytime an image is converted
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER -->
|
||||
<img id="preloader" src="images/preloader.gif" alt="" />
|
||||
<!-- //PRELOADER -->
|
||||
<div class="preloader_hide">
|
||||
|
||||
<!-- PAGE -->
|
||||
<div id="page">
|
||||
|
||||
<!-- HEADER -->
|
||||
<header>
|
||||
|
||||
<!-- MENU BLOCK -->
|
||||
<div class="menu_block">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container clearfix">
|
||||
|
||||
<!-- LOGO -->
|
||||
<div class="logo pull-left">
|
||||
<a href="index.html" ><span class="b1">a</span><span class="b2">r</span><span class="b3">e</span><span class="b4">á</span><span class="b5">L <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></span><span class="b1">51</span></a>
|
||||
</div><!-- //LOGO -->
|
||||
|
||||
<!-- SEARCH FORM -->
|
||||
<div id="search-form" class="pull-right">
|
||||
<form method="get" action="#">
|
||||
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" />
|
||||
</form>
|
||||
</div><!-- SEARCH FORM -->
|
||||
|
||||
<!-- MENU -->
|
||||
<div class="pull-right">
|
||||
<nav class="navmenu center">
|
||||
<ul>
|
||||
<li class="first active scroll_btn"><a href="#home" ><i class="fa fa-home"></i> START</a></li>
|
||||
<li class="scroll_btn"><a href="#about" ><i class="fa fa-user"></i> INFO</a></li>
|
||||
<li class="scroll_btn"><a href="#projects" ><i class="fa fa-share"></i> SÍTĚ</a></li>
|
||||
<li class="scroll_btn"><a href="#team" ><i class="fa fa-users"></i> TÝM</a></li>
|
||||
<li class="scroll_btn"><a href="#news" ><i class="fa fa-map-marker"></i> MÍSTA</a></li>
|
||||
<li class="scroll_btn last"><a href="#contacts" ><i class="fa fa-envelope"></i> Contact</a></li>
|
||||
<li class="sub-menu">
|
||||
<a href="javascript:void(0);" ><i class="fa fa-git-square"></i> GIT</a>
|
||||
<ul>
|
||||
<li><a href="blog.html" >Blog <i class="fa fa-rss"></i></a></li>
|
||||
<li><a href="blog-post.html" >Blog Post</a></li>
|
||||
<li><a href="portfolio-post.html" >Portfolio Single Work</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div><!-- //MENU -->
|
||||
</div><!-- //MENU BLOCK -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</header><!-- //HEADER -->
|
||||
|
||||
|
||||
<!-- HOME -->
|
||||
<section id="home" class="padbot0">
|
||||
|
||||
<!-- TOP SLIDER -->
|
||||
<div class="flexslider top_slider">
|
||||
<ul class="slides">
|
||||
<li class="slide1">
|
||||
<div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 15rem;">
|
||||
<!--<p class="title2 captionDelay2 FromTop">Obscure </p>-->
|
||||
<p class="title1 captionDelay4 FromTop"><big><i class="fa fa-eye"></i></big> ZEMĚ</p>
|
||||
<p class="title2 captionDelay4 FromTop">SNŮ</p>
|
||||
<p class="title1 captionDelay6 FromTop"><i class="fa fa-share"></i> <big>𝕏</big></p>
|
||||
<p class="title4 captionDelay7 FromBottom">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
||||
</div>
|
||||
<a class="slide_btn FromRight" href="javascript:void(0);" ><big><i class="fa fa-eye"></i></big> Číst dál</a>
|
||||
<li class="slide2">
|
||||
<div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 15rem;">
|
||||
<!--<p class="title2 captionDelay6 FromLeft">Erotic </p>-->
|
||||
<p class="title1 captionDelay4 FromTop"><big><i class="fa fa-eye"></i></big> ZEMĚ</p>
|
||||
<p class="title2 captionDelay4 FromLeft">SNŮ</p>
|
||||
<p class="title3 captionDelay2 FromLeft"><i class="fa fa-share"><sub style="font-size: 20px; margin-left: -2rem;"><small>shared on</small></sub></i> 𝕏</p>
|
||||
<p class="title4 captionDelay7 FromLeft">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
||||
</div>
|
||||
<a class="slide_btn FromRight" href="javascript:void(0);" ><big><i class="fa fa-eye"></i></big> Číst dál</a>
|
||||
</li>
|
||||
<li class="slide3">
|
||||
<div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 15rem;">
|
||||
<!--<p class="title2 captionDelay1 FromBottom">Science </p>-->
|
||||
<p class="title1 captionDelay1 FromBottom"><big><i class="fa fa-eye"></i></big> ZEMĚ</p>
|
||||
<p class="title2 captionDelay2 FromBottom">SNŮ</p>
|
||||
<p class="title1 captionDelay3 FromBottom"><i class="fa fa-share"><sub style="font-size: 20px; margin-left: -2rem;"><small>shared on</small></sub></i> 𝕏</p>
|
||||
<p class="title4 captionDelay5 FromBottom">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
||||
</div>
|
||||
<a class="slide_btn FromRight" href="javascript:void(0);" ><big><i class="fa fa-eye"></i></big> Číst dál</a>
|
||||
|
||||
<!-- VIDEO BACKGROUND -->
|
||||
<a id="P2" class="player" data-property="{videoURL:'tDvBwPzJ7dY',containment:'.top_slider .slide3',autoPlay:true, mute:true, startAt:0, opacity:1}" ></a>
|
||||
<!-- //VIDEO BACKGROUND -->
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="carousel">
|
||||
<ul class="slides">
|
||||
<li><img src="images/slider/slide1_bg.jpg" alt="" /></li>
|
||||
<li><img src="images/slider/slide2_bg.jpg" alt="" /></li>
|
||||
<li><img src="images/slider/slide3_bg.jpg" alt="" /></li>
|
||||
</ul>
|
||||
</div><!-- //TOP SLIDER -->
|
||||
</section><!-- //HOME -->
|
||||
|
||||
|
||||
<!-- ABOUT -->
|
||||
<section id="about">
|
||||
|
||||
<!-- SERVICES -->
|
||||
<div class="services_block padbot40" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||||
<a class="services_item" href="javascript:void(0);" >
|
||||
<p><big><i class="fa fa-server"></i></big><b> Own</b> Hardware</p>
|
||||
<span>Quality and very comfortable design, does not hurt the eyes and pleasant to use.</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||||
<a class="services_item" href="javascript:void(0);" >
|
||||
<p><big><i class="fa fa-linux"></i></big> <b>GNU</b> Linux</p>
|
||||
<span>Quality and unique design that meets all the requirements and trends of modern web design.</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||||
<a class="services_item" href="javascript:void(0);" >
|
||||
<p><big><i class="fa fa-desktop"></i></big> <b>International</b> Outreach</p>
|
||||
<span>Design that will be equally beautifully displayed on all your devices, tablet, smartphone or computer.</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||||
<a class="services_item" href="javascript:void(0);" >
|
||||
<p><big><i class="fa fa-database"></i></big> <b>Free</b> Updates & Support</p>
|
||||
<span>Hour and great support template. You can always ask a question and we will help you.</span>
|
||||
</a>
|
||||
</div>
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</div><!-- //SERVICES -->
|
||||
|
||||
<!-- CLEAN CODE -->
|
||||
<div class="cleancode_block">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
|
||||
<!-- CASTOM TAB -->
|
||||
<div id="myTabContent" class="tab-content">
|
||||
<div class="tab-pane fade in active clearfix" id="tab1">
|
||||
<p class="title"><i class="fa fa-microchip"></i> <b>Artificial</b> Intelligence</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>Czech</b> Republic</p>
|
||||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||||
</div>
|
||||
<div class="tab-pane fade clearfix" id="tab3">
|
||||
<p class="title"><i class="fa fa-code"></i> <b>GNU/Linux</b></p>
|
||||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||||
</div>
|
||||
<div class="tab-pane fade clearfix" id="tab4">
|
||||
<p class="title"><i class="fa fa-folder"></i> <b>Documentation</b></p>
|
||||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||||
</div>
|
||||
<div class="tab-pane fade clearfix" id="tab5">
|
||||
<p class="title"><b>Quality</b></p>
|
||||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||||
</div>
|
||||
<div class="tab-pane fade clearfix" id="tab6">
|
||||
<p class="title"><b>Support</b></p>
|
||||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||||
</div>
|
||||
</div>
|
||||
<ul id="myTab" class="nav nav-tabs">
|
||||
<li class="active"><a class="i1" href="#tab1" data-toggle="tab" ><i></i><span>Clean Code</span></a></li>
|
||||
<li><a class="i2" href="#tab2" data-toggle="tab" ><i></i><span>Support</span></a></li>
|
||||
<li><a class="i3" href="#tab3" data-toggle="tab" ><i></i><span>Linux</span></a></li>
|
||||
<li><a class="i4" href="#tab4" data-toggle="tab" ><i></i><span>Documentation</span></a></li>
|
||||
<li><a class="i5" href="#tab5" data-toggle="tab" ><i></i><span>Quality</span></a></li>
|
||||
<li><a class="i6" href="#tab6" data-toggle="tab" ><i></i><span>Support</span></a></li>
|
||||
</ul><!-- CASTOM TAB -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</div><!-- //CLEAN CODE -->
|
||||
|
||||
<!-- MULTI PURPOSE -->
|
||||
<div class="purpose_block">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-7 col-md-7 col-sm-7" data-appear-top-offset="-200" data-animated="fadeInLeft">
|
||||
<h2><i class="fa fa-camera"></i> <b>Nude</b> In <b>Public</b> Theme</h2>
|
||||
<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="Yes I want it">Buy This theme</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>Featured</b> Works</h2>
|
||||
</div><!-- //CONTAINER -->
|
||||
|
||||
|
||||
<div class="projects-wrapper" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
<!-- PROJECTS SLIDER -->
|
||||
<div class="owl-demo owl-carousel projects_slider">
|
||||
|
||||
<!-- work1 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/1.jpg" alt="" />
|
||||
<a class="zoom" href="images/works/1.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</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" >Ginger Beast</a>
|
||||
<span>17 March, 2041</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" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work3 -->
|
||||
|
||||
<!-- work4 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/4.jpg" alt="" />
|
||||
<a class="zoom" href="images/works/4.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work4 -->
|
||||
|
||||
<!-- work5 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/5.jpg" alt="" />
|
||||
<a class="zoom" href="images/works/5.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work5 -->
|
||||
|
||||
<!-- work6 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/6.jpg" alt="" />
|
||||
<a class="zoom" href="images/works/6.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work6 -->
|
||||
|
||||
<!-- work7 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/7.jpg" alt="" />
|
||||
<a class="zoom" href="images/works/7.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work7 -->
|
||||
</div><!-- //PROJECTS SLIDER -->
|
||||
</div>
|
||||
|
||||
|
||||
<!-- OUR CLIENTS -->
|
||||
<div class="our_clients">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row">
|
||||
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
|
||||
<img src="images/clients/1.svg" alt="" />
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
|
||||
<img src="images/clients/2.jpg" 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>Our</b> Team</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>Sarah Brown</p>
|
||||
<span>Director</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><!-- 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><b>Clients</b> say about us</h2>
|
||||
|
||||
<!-- TESTIMONIALS -->
|
||||
<div class="testimonials" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
|
||||
<!-- TESTIMONIALS SLIDER -->
|
||||
<div class="owl-demo owl-carousel testim_slider">
|
||||
|
||||
<!-- TESTIMONIAL1 -->
|
||||
<div class="item">
|
||||
<div class="testim_content">“There is nothing scary in the darkness, if you encounter it face-to-face. The inevitable price we pay for our happiness is eternal fear to lose it. When you start thinking a lot about your past, it becomes your present and you can't see your future without it.”</div>
|
||||
<div class="testim_author">— Anna Balashova, <b>Philosopher</b></div>
|
||||
</div><!-- TESTIMONIAL1 -->
|
||||
|
||||
<!-- TESTIMONIAL2 -->
|
||||
<div class="item">
|
||||
<div class="testim_content">“There is nothing scary in the darkness, if you encounter it face-to-face. The inevitable price we pay for our happiness is eternal fear to lose it. When you start thinking a lot about your past, it becomes your present and you can't see your future without it.”</div>
|
||||
<div class="testim_author">— Anna Balashova, <b>Philosopher</b></div>
|
||||
</div><!-- TESTIMONIAL2 -->
|
||||
|
||||
<!-- TESTIMONIAL3 -->
|
||||
<div class="item">
|
||||
<div class="testim_content">“There is nothing scary in the darkness, if you encounter it face-to-face. The inevitable price we pay for our happiness is eternal fear to lose it. When you start thinking a lot about your past, it becomes your present and you can't see your future without it.”</div>
|
||||
<div class="testim_author">— Anna Balashova, <b>Philosopher</b></div>
|
||||
</div><!-- TESTIMONIAL3 -->
|
||||
</div><!-- TESTIMONIALS SLIDER -->
|
||||
</div><!-- //TESTIMONIALS -->
|
||||
|
||||
<!-- RECENT POSTS -->
|
||||
<div class="row recent_posts" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 padbot30 post_item_block">
|
||||
<div class="post_item">
|
||||
<div class="post_item_img">
|
||||
<img src="images/blog/1.jpg" alt="" />
|
||||
<a class="link" href="blog-post.html" ></a>
|
||||
</div>
|
||||
<div class="post_item_content">
|
||||
<a class="title" href="blog-post.html" >Inteligent Transitions In UX Design</a>
|
||||
<ul class="post_item_inf">
|
||||
<li><a href="javascript:void(0);" >Anna</a> |</li>
|
||||
<li><a href="javascript:void(0);" >Photography</a> |</li>
|
||||
<li><a href="javascript:void(0);" >10 Comments</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 padbot30 post_item_block">
|
||||
<div class="post_item">
|
||||
<div class="post_item_img">
|
||||
<img src="images/blog/2.jpg" alt="" />
|
||||
<a class="link" href="blog-post.html"></a>
|
||||
</div>
|
||||
<div class="post_item_content">
|
||||
<a class="title" href="blog-post.html" >Recent trends in storytelling</a>
|
||||
<ul class="post_item_inf">
|
||||
<li><a href="javascript:void(0);" >Anna</a> |</li>
|
||||
<li><a href="javascript:void(0);" >Web Design</a> |</li>
|
||||
<li><a href="javascript:void(0);" >No comment</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 padbot30 post_item_block">
|
||||
<div class="post_item">
|
||||
<div class="post_item_img">
|
||||
<img src="images/blog/3.jpg" alt="" />
|
||||
<a class="link" href="blog-post.html"></a>
|
||||
</div>
|
||||
<div class="post_item_content">
|
||||
<a class="title" href="blog-post.html" >Supernatural FX Showreel</a>
|
||||
<ul class="post_item_inf">
|
||||
<li><a href="javascript:void(0);" >Anna</a> |</li>
|
||||
<li><a href="javascript:void(0);" >Creative</a> |</li>
|
||||
<li><a href="javascript:void(0);" >3 Comments</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- RECENT POSTS -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</section><!-- //NEWS -->
|
||||
</div><!-- //PAGE -->
|
||||
|
||||
<!-- CONTACTS -->
|
||||
<section id="contacts">
|
||||
</section><!-- //CONTACTS -->
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer>
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 padbot30">
|
||||
<h4><b>Featured</b> posts</h4>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/1.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >As we have developed a unique layout template</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>10 January 2014</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/2.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >How much is to develop a design for the game?</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>14 January 2014</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/3.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >How to pump designer</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>21 December 2013</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 padbot30 foot_about_block">
|
||||
<h4><b>About</b> us</h4>
|
||||
<p>We value people over profits, quality over quantity, and keeping it real. As such, we deliver an unmatched working relationship with our clients.</p>
|
||||
<p>Our team is intentionally small, eclectic, and skilled; with our in-house expertise, we provide sharp and</p>
|
||||
<ul class="social">
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-github"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-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="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
Executable file
155
js/animate.js
Executable file
|
|
@ -0,0 +1,155 @@
|
|||
/*
|
||||
* 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
Executable file
6
js/bootstrap.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
274
js/jquery.BlackAndWhite.js
Executable file
274
js/jquery.BlackAndWhite.js
Executable file
|
|
@ -0,0 +1,274 @@
|
|||
/**
|
||||
*
|
||||
* 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));
|
||||
5
js/jquery.flexslider-min.js
vendored
Executable file
5
js/jquery.flexslider-min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
6
js/jquery.min.js
vendored
Executable file
6
js/jquery.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
113
js/jquery.nicescroll.min.js
vendored
Executable file
113
js/jquery.nicescroll.min.js
vendored
Executable file
|
|
@ -0,0 +1,113 @@
|
|||
/* jquery.nicescroll 3.5.1 InuYaksa*2013 MIT http://areaaperta.com/nicescroll */(function(e){var z=!1,E=!1,L=5E3,M=2E3,y=0,N=function(){var e=document.getElementsByTagName("script"),e=e[e.length-1].src.split("?")[0];return 0<e.split("/").length?e.split("/").slice(0,-1).join("/")+"/":""}(),H=["ms","moz","webkit","o"],v=window.requestAnimationFrame||!1,w=window.cancelAnimationFrame||!1;if(!v)for(var O in H){var F=H[O];v||(v=window[F+"RequestAnimationFrame"]);w||(w=window[F+"CancelAnimationFrame"]||window[F+"CancelRequestAnimationFrame"])}var A=window.MutationObserver||window.WebKitMutationObserver||
|
||||
!1,I={zindex:"auto",cursoropacitymin:0,cursoropacitymax:1,cursorcolor:"#424242",cursorwidth:"5px",cursorborder:"1px solid #fff",cursorborderradius:"0",scrollspeed:60,mousescrollstep:24,touchbehavior:!1,hwacceleration:!0,usetransition:!0,boxzoom:!1,dblclickzoom:!0,gesturezoom:!0,grabcursorenabled:!0,autohidemode:!0,background:"",iframeautoresize:!0,cursorminheight:32,preservenativescrolling:!0,railoffset:!1,bouncescroll:!0,spacebarenabled:!0,railpadding:{top:0,right:0,left:0,bottom:0},disableoutline:!0,
|
||||
horizrailenabled:!0,railalign:"right",railvalign:"bottom",enabletranslate3d:!0,enablemousewheel:!0,enablekeyboard:!0,smoothscroll:!0,sensitiverail:!0,enablemouselockapi:!0,cursorfixedheight:!1,directionlockdeadzone:6,hidecursordelay:400,nativeparentscrolling:!0,enablescrollonselection:!0,overflowx:!0,overflowy:!0,cursordragspeed:0.3,rtlmode:!1,cursordragontouch:!1,oneaxismousemode:"auto"},G=!1,P=function(){if(G)return G;var e=document.createElement("DIV"),c={haspointerlock:"pointerLockElement"in document||
|
||||
"mozPointerLockElement"in document||"webkitPointerLockElement"in document};c.isopera="opera"in window;c.isopera12=c.isopera&&"getUserMedia"in navigator;c.isoperamini="[object OperaMini]"===Object.prototype.toString.call(window.operamini);c.isie="all"in document&&"attachEvent"in e&&!c.isopera;c.isieold=c.isie&&!("msInterpolationMode"in e.style);c.isie7=c.isie&&!c.isieold&&(!("documentMode"in document)||7==document.documentMode);c.isie8=c.isie&&"documentMode"in document&&8==document.documentMode;c.isie9=
|
||||
c.isie&&"performance"in window&&9<=document.documentMode;c.isie10=c.isie&&"performance"in window&&10<=document.documentMode;c.isie9mobile=/iemobile.9/i.test(navigator.userAgent);c.isie9mobile&&(c.isie9=!1);c.isie7mobile=!c.isie9mobile&&c.isie7&&/iemobile/i.test(navigator.userAgent);c.ismozilla="MozAppearance"in e.style;c.iswebkit="WebkitAppearance"in e.style;c.ischrome="chrome"in window;c.ischrome22=c.ischrome&&c.haspointerlock;c.ischrome26=c.ischrome&&"transition"in e.style;c.cantouch="ontouchstart"in
|
||||
document.documentElement||"ontouchstart"in window;c.hasmstouch=window.navigator.msPointerEnabled||!1;c.ismac=/^mac$/i.test(navigator.platform);c.isios=c.cantouch&&/iphone|ipad|ipod/i.test(navigator.platform);c.isios4=c.isios&&!("seal"in Object);c.isandroid=/android/i.test(navigator.userAgent);c.trstyle=!1;c.hastransform=!1;c.hastranslate3d=!1;c.transitionstyle=!1;c.hastransition=!1;c.transitionend=!1;for(var h=["transform","msTransform","webkitTransform","MozTransform","OTransform"],l=0;l<h.length;l++)if("undefined"!=
|
||||
typeof e.style[h[l]]){c.trstyle=h[l];break}c.hastransform=!1!=c.trstyle;c.hastransform&&(e.style[c.trstyle]="translate3d(1px,2px,3px)",c.hastranslate3d=/translate3d/.test(e.style[c.trstyle]));c.transitionstyle=!1;c.prefixstyle="";c.transitionend=!1;for(var h="transition webkitTransition MozTransition OTransition OTransition msTransition KhtmlTransition".split(" "),q=" -webkit- -moz- -o- -o -ms- -khtml-".split(" "),t="transitionend webkitTransitionEnd transitionend otransitionend oTransitionEnd msTransitionEnd KhtmlTransitionEnd".split(" "),
|
||||
l=0;l<h.length;l++)if(h[l]in e.style){c.transitionstyle=h[l];c.prefixstyle=q[l];c.transitionend=t[l];break}c.ischrome26&&(c.prefixstyle=q[1]);c.hastransition=c.transitionstyle;a:{h=["-moz-grab","-webkit-grab","grab"];if(c.ischrome&&!c.ischrome22||c.isie)h=[];for(l=0;l<h.length;l++)if(q=h[l],e.style.cursor=q,e.style.cursor==q){h=q;break a}h="url(http://www.google.com/intl/en_ALL/mapfiles/openhand.cur),n-resize"}c.cursorgrabvalue=h;c.hasmousecapture="setCapture"in e;c.hasMutationObserver=!1!==A;return G=
|
||||
c},Q=function(k,c){function h(){var d=b.win;if("zIndex"in d)return d.zIndex();for(;0<d.length&&9!=d[0].nodeType;){var c=d.css("zIndex");if(!isNaN(c)&&0!=c)return parseInt(c);d=d.parent()}return!1}function l(d,c,g){c=d.css(c);d=parseFloat(c);return isNaN(d)?(d=u[c]||0,g=3==d?g?b.win.outerHeight()-b.win.innerHeight():b.win.outerWidth()-b.win.innerWidth():1,b.isie8&&d&&(d+=1),g?d:0):d}function q(d,c,g,f){b._bind(d,c,function(b){b=b?b:window.event;var f={original:b,target:b.target||b.srcElement,type:"wheel",
|
||||
deltaMode:"MozMousePixelScroll"==b.type?0:1,deltaX:0,deltaZ:0,preventDefault:function(){b.preventDefault?b.preventDefault():b.returnValue=!1;return!1},stopImmediatePropagation:function(){b.stopImmediatePropagation?b.stopImmediatePropagation():b.cancelBubble=!0}};"mousewheel"==c?(f.deltaY=-0.025*b.wheelDelta,b.wheelDeltaX&&(f.deltaX=-0.025*b.wheelDeltaX)):f.deltaY=b.detail;return g.call(d,f)},f)}function t(d,c,g){var f,e;0==d.deltaMode?(f=-Math.floor(d.deltaX*(b.opt.mousescrollstep/54)),e=-Math.floor(d.deltaY*
|
||||
(b.opt.mousescrollstep/54))):1==d.deltaMode&&(f=-Math.floor(d.deltaX*b.opt.mousescrollstep),e=-Math.floor(d.deltaY*b.opt.mousescrollstep));c&&(b.opt.oneaxismousemode&&0==f&&e)&&(f=e,e=0);f&&(b.scrollmom&&b.scrollmom.stop(),b.lastdeltax+=f,b.debounced("mousewheelx",function(){var d=b.lastdeltax;b.lastdeltax=0;b.rail.drag||b.doScrollLeftBy(d)},120));if(e){if(b.opt.nativeparentscrolling&&g&&!b.ispage&&!b.zoomactive)if(0>e){if(b.getScrollTop()>=b.page.maxh)return!0}else if(0>=b.getScrollTop())return!0;
|
||||
b.scrollmom&&b.scrollmom.stop();b.lastdeltay+=e;b.debounced("mousewheely",function(){var d=b.lastdeltay;b.lastdeltay=0;b.rail.drag||b.doScrollBy(d)},120)}d.stopImmediatePropagation();return d.preventDefault()}var b=this;this.version="3.5.1";this.name="nicescroll";this.me=c;this.opt={doc:e("body"),win:!1};e.extend(this.opt,I);this.opt.snapbackspeed=80;if(k)for(var p in b.opt)"undefined"!=typeof k[p]&&(b.opt[p]=k[p]);this.iddoc=(this.doc=b.opt.doc)&&this.doc[0]?this.doc[0].id||"":"";this.ispage=/BODY|HTML/.test(b.opt.win?
|
||||
b.opt.win[0].nodeName:this.doc[0].nodeName);this.haswrapper=!1!==b.opt.win;this.win=b.opt.win||(this.ispage?e(window):this.doc);this.docscroll=this.ispage&&!this.haswrapper?e(window):this.win;this.body=e("body");this.iframe=this.isfixed=this.viewport=!1;this.isiframe="IFRAME"==this.doc[0].nodeName&&"IFRAME"==this.win[0].nodeName;this.istextarea="TEXTAREA"==this.win[0].nodeName;this.forcescreen=!1;this.canshowonmouseevent="scroll"!=b.opt.autohidemode;this.page=this.view=this.onzoomout=this.onzoomin=
|
||||
this.onscrollcancel=this.onscrollend=this.onscrollstart=this.onclick=this.ongesturezoom=this.onkeypress=this.onmousewheel=this.onmousemove=this.onmouseup=this.onmousedown=!1;this.scroll={x:0,y:0};this.scrollratio={x:0,y:0};this.cursorheight=20;this.scrollvaluemax=0;this.observerremover=this.observer=this.scrollmom=this.scrollrunning=this.checkrtlmode=!1;do this.id="ascrail"+M++;while(document.getElementById(this.id));this.hasmousefocus=this.hasfocus=this.zoomactive=this.zoom=this.selectiondrag=this.cursorfreezed=
|
||||
this.cursor=this.rail=!1;this.visibility=!0;this.hidden=this.locked=!1;this.cursoractive=!0;this.overflowx=b.opt.overflowx;this.overflowy=b.opt.overflowy;this.nativescrollingarea=!1;this.checkarea=0;this.events=[];this.saved={};this.delaylist={};this.synclist={};this.lastdeltay=this.lastdeltax=0;this.detected=P();var f=e.extend({},this.detected);this.ishwscroll=(this.canhwscroll=f.hastransform&&b.opt.hwacceleration)&&b.haswrapper;this.istouchcapable=!1;f.cantouch&&(f.ischrome&&!f.isios&&!f.isandroid)&&
|
||||
(this.istouchcapable=!0,f.cantouch=!1);f.cantouch&&(f.ismozilla&&!f.isios&&!f.isandroid)&&(this.istouchcapable=!0,f.cantouch=!1);b.opt.enablemouselockapi||(f.hasmousecapture=!1,f.haspointerlock=!1);this.delayed=function(d,c,g,f){var e=b.delaylist[d],h=(new Date).getTime();if(!f&&e&&e.tt)return!1;e&&e.tt&&clearTimeout(e.tt);if(e&&e.last+g>h&&!e.tt)b.delaylist[d]={last:h+g,tt:setTimeout(function(){b.delaylist[d].tt=0;c.call()},g)};else if(!e||!e.tt)b.delaylist[d]={last:h,tt:0},setTimeout(function(){c.call()},
|
||||
0)};this.debounced=function(d,c,g){var f=b.delaylist[d];(new Date).getTime();b.delaylist[d]=c;f||setTimeout(function(){var c=b.delaylist[d];b.delaylist[d]=!1;c.call()},g)};this.synched=function(d,c){b.synclist[d]=c;(function(){b.onsync||(v(function(){b.onsync=!1;for(d in b.synclist){var c=b.synclist[d];c&&c.call(b);b.synclist[d]=!1}}),b.onsync=!0)})();return d};this.unsynched=function(d){b.synclist[d]&&(b.synclist[d]=!1)};this.css=function(d,c){for(var g in c)b.saved.css.push([d,g,d.css(g)]),d.css(g,
|
||||
c[g])};this.scrollTop=function(d){return"undefined"==typeof d?b.getScrollTop():b.setScrollTop(d)};this.scrollLeft=function(d){return"undefined"==typeof d?b.getScrollLeft():b.setScrollLeft(d)};BezierClass=function(b,c,g,f,e,h,l){this.st=b;this.ed=c;this.spd=g;this.p1=f||0;this.p2=e||1;this.p3=h||0;this.p4=l||1;this.ts=(new Date).getTime();this.df=this.ed-this.st};BezierClass.prototype={B2:function(b){return 3*b*b*(1-b)},B3:function(b){return 3*b*(1-b)*(1-b)},B4:function(b){return(1-b)*(1-b)*(1-b)},
|
||||
getNow:function(){var b=1-((new Date).getTime()-this.ts)/this.spd,c=this.B2(b)+this.B3(b)+this.B4(b);return 0>b?this.ed:this.st+Math.round(this.df*c)},update:function(b,c){this.st=this.getNow();this.ed=b;this.spd=c;this.ts=(new Date).getTime();this.df=this.ed-this.st;return this}};if(this.ishwscroll){this.doc.translate={x:0,y:0,tx:"0px",ty:"0px"};f.hastranslate3d&&f.isios&&this.doc.css("-webkit-backface-visibility","hidden");var s=function(){var d=b.doc.css(f.trstyle);return d&&"matrix"==d.substr(0,
|
||||
6)?d.replace(/^.*\((.*)\)$/g,"$1").replace(/px/g,"").split(/, +/):!1};this.getScrollTop=function(d){if(!d){if(d=s())return 16==d.length?-d[13]:-d[5];if(b.timerscroll&&b.timerscroll.bz)return b.timerscroll.bz.getNow()}return b.doc.translate.y};this.getScrollLeft=function(d){if(!d){if(d=s())return 16==d.length?-d[12]:-d[4];if(b.timerscroll&&b.timerscroll.bh)return b.timerscroll.bh.getNow()}return b.doc.translate.x};this.notifyScrollEvent=document.createEvent?function(b){var c=document.createEvent("UIEvents");
|
||||
c.initUIEvent("scroll",!1,!0,window,1);b.dispatchEvent(c)}:document.fireEvent?function(b){var c=document.createEventObject();b.fireEvent("onscroll");c.cancelBubble=!0}:function(b,c){};f.hastranslate3d&&b.opt.enabletranslate3d?(this.setScrollTop=function(d,c){b.doc.translate.y=d;b.doc.translate.ty=-1*d+"px";b.doc.css(f.trstyle,"translate3d("+b.doc.translate.tx+","+b.doc.translate.ty+",0px)");c||b.notifyScrollEvent(b.win[0])},this.setScrollLeft=function(d,c){b.doc.translate.x=d;b.doc.translate.tx=-1*
|
||||
d+"px";b.doc.css(f.trstyle,"translate3d("+b.doc.translate.tx+","+b.doc.translate.ty+",0px)");c||b.notifyScrollEvent(b.win[0])}):(this.setScrollTop=function(d,c){b.doc.translate.y=d;b.doc.translate.ty=-1*d+"px";b.doc.css(f.trstyle,"translate("+b.doc.translate.tx+","+b.doc.translate.ty+")");c||b.notifyScrollEvent(b.win[0])},this.setScrollLeft=function(d,c){b.doc.translate.x=d;b.doc.translate.tx=-1*d+"px";b.doc.css(f.trstyle,"translate("+b.doc.translate.tx+","+b.doc.translate.ty+")");c||b.notifyScrollEvent(b.win[0])})}else this.getScrollTop=
|
||||
function(){return b.docscroll.scrollTop()},this.setScrollTop=function(d){return b.docscroll.scrollTop(d)},this.getScrollLeft=function(){return b.docscroll.scrollLeft()},this.setScrollLeft=function(d){return b.docscroll.scrollLeft(d)};this.getTarget=function(b){return!b?!1:b.target?b.target:b.srcElement?b.srcElement:!1};this.hasParent=function(b,c){if(!b)return!1;for(var g=b.target||b.srcElement||b||!1;g&&g.id!=c;)g=g.parentNode||!1;return!1!==g};var u={thin:1,medium:3,thick:5};this.getOffset=function(){if(b.isfixed)return{top:parseFloat(b.win.css("top")),
|
||||
left:parseFloat(b.win.css("left"))};if(!b.viewport)return b.win.offset();var d=b.win.offset(),c=b.viewport.offset();return{top:d.top-c.top+b.viewport.scrollTop(),left:d.left-c.left+b.viewport.scrollLeft()}};this.updateScrollBar=function(d){if(b.ishwscroll)b.rail.css({height:b.win.innerHeight()}),b.railh&&b.railh.css({width:b.win.innerWidth()});else{var c=b.getOffset(),g=c.top,f=c.left,g=g+l(b.win,"border-top-width",!0);b.win.outerWidth();b.win.innerWidth();var f=f+(b.rail.align?b.win.outerWidth()-
|
||||
l(b.win,"border-right-width")-b.rail.width:l(b.win,"border-left-width")),e=b.opt.railoffset;e&&(e.top&&(g+=e.top),b.rail.align&&e.left&&(f+=e.left));b.locked||b.rail.css({top:g,left:f,height:d?d.h:b.win.innerHeight()});b.zoom&&b.zoom.css({top:g+1,left:1==b.rail.align?f-20:f+b.rail.width+4});b.railh&&!b.locked&&(g=c.top,f=c.left,d=b.railh.align?g+l(b.win,"border-top-width",!0)+b.win.innerHeight()-b.railh.height:g+l(b.win,"border-top-width",!0),f+=l(b.win,"border-left-width"),b.railh.css({top:d,left:f,
|
||||
width:b.railh.width}))}};this.doRailClick=function(d,c,g){var f;b.locked||(b.cancelEvent(d),c?(c=g?b.doScrollLeft:b.doScrollTop,f=g?(d.pageX-b.railh.offset().left-b.cursorwidth/2)*b.scrollratio.x:(d.pageY-b.rail.offset().top-b.cursorheight/2)*b.scrollratio.y,c(f)):(c=g?b.doScrollLeftBy:b.doScrollBy,f=g?b.scroll.x:b.scroll.y,d=g?d.pageX-b.railh.offset().left:d.pageY-b.rail.offset().top,g=g?b.view.w:b.view.h,f>=d?c(g):c(-g)))};b.hasanimationframe=v;b.hascancelanimationframe=w;b.hasanimationframe?b.hascancelanimationframe||
|
||||
(w=function(){b.cancelAnimationFrame=!0}):(v=function(b){return setTimeout(b,15-Math.floor(+new Date/1E3)%16)},w=clearInterval);this.init=function(){b.saved.css=[];if(f.isie7mobile||f.isoperamini)return!0;f.hasmstouch&&b.css(b.ispage?e("html"):b.win,{"-ms-touch-action":"none"});b.zindex="auto";b.zindex=!b.ispage&&"auto"==b.opt.zindex?h()||"auto":b.opt.zindex;!b.ispage&&"auto"!=b.zindex&&b.zindex>y&&(y=b.zindex);b.isie&&(0==b.zindex&&"auto"==b.opt.zindex)&&(b.zindex="auto");if(!b.ispage||!f.cantouch&&
|
||||
!f.isieold&&!f.isie9mobile){var d=b.docscroll;b.ispage&&(d=b.haswrapper?b.win:b.doc);f.isie9mobile||b.css(d,{"overflow-y":"hidden"});b.ispage&&f.isie7&&("BODY"==b.doc[0].nodeName?b.css(e("html"),{"overflow-y":"hidden"}):"HTML"==b.doc[0].nodeName&&b.css(e("body"),{"overflow-y":"hidden"}));f.isios&&(!b.ispage&&!b.haswrapper)&&b.css(e("body"),{"-webkit-overflow-scrolling":"touch"});var c=e(document.createElement("div"));c.css({position:"relative",top:0,"float":"right",width:b.opt.cursorwidth,height:"0px",
|
||||
"background-color":b.opt.cursorcolor,border:b.opt.cursorborder,"background-clip":"padding-box","-webkit-border-radius":b.opt.cursorborderradius,"-moz-border-radius":b.opt.cursorborderradius,"border-radius":b.opt.cursorborderradius});c.hborder=parseFloat(c.outerHeight()-c.innerHeight());b.cursor=c;var g=e(document.createElement("div"));g.attr("id",b.id);g.addClass("nicescroll-rails");var l,k,x=["left","right"],q;for(q in x)k=x[q],(l=b.opt.railpadding[k])?g.css("padding-"+k,l+"px"):b.opt.railpadding[k]=
|
||||
0;g.append(c);g.width=Math.max(parseFloat(b.opt.cursorwidth),c.outerWidth())+b.opt.railpadding.left+b.opt.railpadding.right;g.css({width:g.width+"px",zIndex:b.zindex,background:b.opt.background,cursor:"default"});g.visibility=!0;g.scrollable=!0;g.align="left"==b.opt.railalign?0:1;b.rail=g;c=b.rail.drag=!1;b.opt.boxzoom&&(!b.ispage&&!f.isieold)&&(c=document.createElement("div"),b.bind(c,"click",b.doZoom),b.zoom=e(c),b.zoom.css({cursor:"pointer","z-index":b.zindex,backgroundImage:"url("+N+"zoomico.png)",
|
||||
height:18,width:18,backgroundPosition:"0px 0px"}),b.opt.dblclickzoom&&b.bind(b.win,"dblclick",b.doZoom),f.cantouch&&b.opt.gesturezoom&&(b.ongesturezoom=function(d){1.5<d.scale&&b.doZoomIn(d);0.8>d.scale&&b.doZoomOut(d);return b.cancelEvent(d)},b.bind(b.win,"gestureend",b.ongesturezoom)));b.railh=!1;if(b.opt.horizrailenabled){b.css(d,{"overflow-x":"hidden"});c=e(document.createElement("div"));c.css({position:"relative",top:0,height:b.opt.cursorwidth,width:"0px","background-color":b.opt.cursorcolor,
|
||||
border:b.opt.cursorborder,"background-clip":"padding-box","-webkit-border-radius":b.opt.cursorborderradius,"-moz-border-radius":b.opt.cursorborderradius,"border-radius":b.opt.cursorborderradius});c.wborder=parseFloat(c.outerWidth()-c.innerWidth());b.cursorh=c;var m=e(document.createElement("div"));m.attr("id",b.id+"-hr");m.addClass("nicescroll-rails");m.height=Math.max(parseFloat(b.opt.cursorwidth),c.outerHeight());m.css({height:m.height+"px",zIndex:b.zindex,background:b.opt.background});m.append(c);
|
||||
m.visibility=!0;m.scrollable=!0;m.align="top"==b.opt.railvalign?0:1;b.railh=m;b.railh.drag=!1}b.ispage?(g.css({position:"fixed",top:"0px",height:"100%"}),g.align?g.css({right:"0px"}):g.css({left:"0px"}),b.body.append(g),b.railh&&(m.css({position:"fixed",left:"0px",width:"100%"}),m.align?m.css({bottom:"0px"}):m.css({top:"0px"}),b.body.append(m))):(b.ishwscroll?("static"==b.win.css("position")&&b.css(b.win,{position:"relative"}),d="HTML"==b.win[0].nodeName?b.body:b.win,b.zoom&&(b.zoom.css({position:"absolute",
|
||||
top:1,right:0,"margin-right":g.width+4}),d.append(b.zoom)),g.css({position:"absolute",top:0}),g.align?g.css({right:0}):g.css({left:0}),d.append(g),m&&(m.css({position:"absolute",left:0,bottom:0}),m.align?m.css({bottom:0}):m.css({top:0}),d.append(m))):(b.isfixed="fixed"==b.win.css("position"),d=b.isfixed?"fixed":"absolute",b.isfixed||(b.viewport=b.getViewport(b.win[0])),b.viewport&&(b.body=b.viewport,!1==/fixed|relative|absolute/.test(b.viewport.css("position"))&&b.css(b.viewport,{position:"relative"})),
|
||||
g.css({position:d}),b.zoom&&b.zoom.css({position:d}),b.updateScrollBar(),b.body.append(g),b.zoom&&b.body.append(b.zoom),b.railh&&(m.css({position:d}),b.body.append(m))),f.isios&&b.css(b.win,{"-webkit-tap-highlight-color":"rgba(0,0,0,0)","-webkit-touch-callout":"none"}),f.isie&&b.opt.disableoutline&&b.win.attr("hideFocus","true"),f.iswebkit&&b.opt.disableoutline&&b.win.css({outline:"none"}));!1===b.opt.autohidemode?(b.autohidedom=!1,b.rail.css({opacity:b.opt.cursoropacitymax}),b.railh&&b.railh.css({opacity:b.opt.cursoropacitymax})):
|
||||
!0===b.opt.autohidemode||"leave"===b.opt.autohidemode?(b.autohidedom=e().add(b.rail),f.isie8&&(b.autohidedom=b.autohidedom.add(b.cursor)),b.railh&&(b.autohidedom=b.autohidedom.add(b.railh)),b.railh&&f.isie8&&(b.autohidedom=b.autohidedom.add(b.cursorh))):"scroll"==b.opt.autohidemode?(b.autohidedom=e().add(b.rail),b.railh&&(b.autohidedom=b.autohidedom.add(b.railh))):"cursor"==b.opt.autohidemode?(b.autohidedom=e().add(b.cursor),b.railh&&(b.autohidedom=b.autohidedom.add(b.cursorh))):"hidden"==b.opt.autohidemode&&
|
||||
(b.autohidedom=!1,b.hide(),b.locked=!1);if(f.isie9mobile)b.scrollmom=new J(b),b.onmangotouch=function(d){d=b.getScrollTop();var c=b.getScrollLeft();if(d==b.scrollmom.lastscrolly&&c==b.scrollmom.lastscrollx)return!0;var g=d-b.mangotouch.sy,f=c-b.mangotouch.sx;if(0!=Math.round(Math.sqrt(Math.pow(f,2)+Math.pow(g,2)))){var n=0>g?-1:1,e=0>f?-1:1,h=+new Date;b.mangotouch.lazy&&clearTimeout(b.mangotouch.lazy);80<h-b.mangotouch.tm||b.mangotouch.dry!=n||b.mangotouch.drx!=e?(b.scrollmom.stop(),b.scrollmom.reset(c,
|
||||
d),b.mangotouch.sy=d,b.mangotouch.ly=d,b.mangotouch.sx=c,b.mangotouch.lx=c,b.mangotouch.dry=n,b.mangotouch.drx=e,b.mangotouch.tm=h):(b.scrollmom.stop(),b.scrollmom.update(b.mangotouch.sx-f,b.mangotouch.sy-g),b.mangotouch.tm=h,g=Math.max(Math.abs(b.mangotouch.ly-d),Math.abs(b.mangotouch.lx-c)),b.mangotouch.ly=d,b.mangotouch.lx=c,2<g&&(b.mangotouch.lazy=setTimeout(function(){b.mangotouch.lazy=!1;b.mangotouch.dry=0;b.mangotouch.drx=0;b.mangotouch.tm=0;b.scrollmom.doMomentum(30)},100)))}},g=b.getScrollTop(),
|
||||
m=b.getScrollLeft(),b.mangotouch={sy:g,ly:g,dry:0,sx:m,lx:m,drx:0,lazy:!1,tm:0},b.bind(b.docscroll,"scroll",b.onmangotouch);else{if(f.cantouch||b.istouchcapable||b.opt.touchbehavior||f.hasmstouch){b.scrollmom=new J(b);b.ontouchstart=function(d){if(d.pointerType&&2!=d.pointerType)return!1;b.hasmoving=!1;if(!b.locked){if(f.hasmstouch)for(var c=d.target?d.target:!1;c;){var g=e(c).getNiceScroll();if(0<g.length&&g[0].me==b.me)break;if(0<g.length)return!1;if("DIV"==c.nodeName&&c.id==b.id)break;c=c.parentNode?
|
||||
c.parentNode:!1}b.cancelScroll();if((c=b.getTarget(d))&&/INPUT/i.test(c.nodeName)&&/range/i.test(c.type))return b.stopPropagation(d);!("clientX"in d)&&"changedTouches"in d&&(d.clientX=d.changedTouches[0].clientX,d.clientY=d.changedTouches[0].clientY);b.forcescreen&&(g=d,d={original:d.original?d.original:d},d.clientX=g.screenX,d.clientY=g.screenY);b.rail.drag={x:d.clientX,y:d.clientY,sx:b.scroll.x,sy:b.scroll.y,st:b.getScrollTop(),sl:b.getScrollLeft(),pt:2,dl:!1};if(b.ispage||!b.opt.directionlockdeadzone)b.rail.drag.dl=
|
||||
"f";else{var g=e(window).width(),n=e(window).height(),h=Math.max(document.body.scrollWidth,document.documentElement.scrollWidth),l=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight),n=Math.max(0,l-n),g=Math.max(0,h-g);b.rail.drag.ck=!b.rail.scrollable&&b.railh.scrollable?0<n?"v":!1:b.rail.scrollable&&!b.railh.scrollable?0<g?"h":!1:!1;b.rail.drag.ck||(b.rail.drag.dl="f")}b.opt.touchbehavior&&(b.isiframe&&f.isie)&&(g=b.win.position(),b.rail.drag.x+=g.left,b.rail.drag.y+=g.top);
|
||||
b.hasmoving=!1;b.lastmouseup=!1;b.scrollmom.reset(d.clientX,d.clientY);if(!f.cantouch&&!this.istouchcapable&&!f.hasmstouch){if(!c||!/INPUT|SELECT|TEXTAREA/i.test(c.nodeName))return!b.ispage&&f.hasmousecapture&&c.setCapture(),b.opt.touchbehavior?(c.onclick&&!c._onclick&&(c._onclick=c.onclick,c.onclick=function(d){if(b.hasmoving)return!1;c._onclick.call(this,d)}),b.cancelEvent(d)):b.stopPropagation(d);/SUBMIT|CANCEL|BUTTON/i.test(e(c).attr("type"))&&(pc={tg:c,click:!1},b.preventclick=pc)}}};b.ontouchend=
|
||||
function(d){if(d.pointerType&&2!=d.pointerType)return!1;if(b.rail.drag&&2==b.rail.drag.pt&&(b.scrollmom.doMomentum(),b.rail.drag=!1,b.hasmoving&&(b.lastmouseup=!0,b.hideCursor(),f.hasmousecapture&&document.releaseCapture(),!f.cantouch)))return b.cancelEvent(d)};var t=b.opt.touchbehavior&&b.isiframe&&!f.hasmousecapture;b.ontouchmove=function(d,c){if(d.pointerType&&2!=d.pointerType)return!1;if(b.rail.drag&&2==b.rail.drag.pt){if(f.cantouch&&"undefined"==typeof d.original)return!0;b.hasmoving=!0;b.preventclick&&
|
||||
!b.preventclick.click&&(b.preventclick.click=b.preventclick.tg.onclick||!1,b.preventclick.tg.onclick=b.onpreventclick);d=e.extend({original:d},d);"changedTouches"in d&&(d.clientX=d.changedTouches[0].clientX,d.clientY=d.changedTouches[0].clientY);if(b.forcescreen){var g=d;d={original:d.original?d.original:d};d.clientX=g.screenX;d.clientY=g.screenY}g=ofy=0;if(t&&!c){var n=b.win.position(),g=-n.left;ofy=-n.top}var h=d.clientY+ofy,n=h-b.rail.drag.y,l=d.clientX+g,k=l-b.rail.drag.x,r=b.rail.drag.st-n;b.ishwscroll&&
|
||||
b.opt.bouncescroll?0>r?r=Math.round(r/2):r>b.page.maxh&&(r=b.page.maxh+Math.round((r-b.page.maxh)/2)):(0>r&&(h=r=0),r>b.page.maxh&&(r=b.page.maxh,h=0));if(b.railh&&b.railh.scrollable){var m=b.rail.drag.sl-k;b.ishwscroll&&b.opt.bouncescroll?0>m?m=Math.round(m/2):m>b.page.maxw&&(m=b.page.maxw+Math.round((m-b.page.maxw)/2)):(0>m&&(l=m=0),m>b.page.maxw&&(m=b.page.maxw,l=0))}g=!1;if(b.rail.drag.dl)g=!0,"v"==b.rail.drag.dl?m=b.rail.drag.sl:"h"==b.rail.drag.dl&&(r=b.rail.drag.st);else{var n=Math.abs(n),
|
||||
k=Math.abs(k),x=b.opt.directionlockdeadzone;if("v"==b.rail.drag.ck){if(n>x&&k<=0.3*n)return b.rail.drag=!1,!0;k>x&&(b.rail.drag.dl="f",e("body").scrollTop(e("body").scrollTop()))}else if("h"==b.rail.drag.ck){if(k>x&&n<=0.3*k)return b.rail.drag=!1,!0;n>x&&(b.rail.drag.dl="f",e("body").scrollLeft(e("body").scrollLeft()))}}b.synched("touchmove",function(){b.rail.drag&&2==b.rail.drag.pt&&(b.prepareTransition&&b.prepareTransition(0),b.rail.scrollable&&b.setScrollTop(r),b.scrollmom.update(l,h),b.railh&&
|
||||
b.railh.scrollable?(b.setScrollLeft(m),b.showCursor(r,m)):b.showCursor(r),f.isie10&&document.selection.clear())});f.ischrome&&b.istouchcapable&&(g=!1);if(g)return b.cancelEvent(d)}}}b.onmousedown=function(d,c){if(!(b.rail.drag&&1!=b.rail.drag.pt)){if(b.locked)return b.cancelEvent(d);b.cancelScroll();b.rail.drag={x:d.clientX,y:d.clientY,sx:b.scroll.x,sy:b.scroll.y,pt:1,hr:!!c};var g=b.getTarget(d);!b.ispage&&f.hasmousecapture&&g.setCapture();b.isiframe&&!f.hasmousecapture&&(b.saved.csspointerevents=
|
||||
b.doc.css("pointer-events"),b.css(b.doc,{"pointer-events":"none"}));return b.cancelEvent(d)}};b.onmouseup=function(d){if(b.rail.drag&&(f.hasmousecapture&&document.releaseCapture(),b.isiframe&&!f.hasmousecapture&&b.doc.css("pointer-events",b.saved.csspointerevents),1==b.rail.drag.pt))return b.rail.drag=!1,b.cancelEvent(d)};b.onmousemove=function(d){if(b.rail.drag&&1==b.rail.drag.pt){if(f.ischrome&&0==d.which)return b.onmouseup(d);b.cursorfreezed=!0;if(b.rail.drag.hr){b.scroll.x=b.rail.drag.sx+(d.clientX-
|
||||
b.rail.drag.x);0>b.scroll.x&&(b.scroll.x=0);var c=b.scrollvaluemaxw;b.scroll.x>c&&(b.scroll.x=c)}else b.scroll.y=b.rail.drag.sy+(d.clientY-b.rail.drag.y),0>b.scroll.y&&(b.scroll.y=0),c=b.scrollvaluemax,b.scroll.y>c&&(b.scroll.y=c);b.synched("mousemove",function(){b.rail.drag&&1==b.rail.drag.pt&&(b.showCursor(),b.rail.drag.hr?b.doScrollLeft(Math.round(b.scroll.x*b.scrollratio.x),b.opt.cursordragspeed):b.doScrollTop(Math.round(b.scroll.y*b.scrollratio.y),b.opt.cursordragspeed))});return b.cancelEvent(d)}};
|
||||
if(f.cantouch||b.opt.touchbehavior)b.onpreventclick=function(d){if(b.preventclick)return b.preventclick.tg.onclick=b.preventclick.click,b.preventclick=!1,b.cancelEvent(d)},b.bind(b.win,"mousedown",b.ontouchstart),b.onclick=f.isios?!1:function(d){return b.lastmouseup?(b.lastmouseup=!1,b.cancelEvent(d)):!0},b.opt.grabcursorenabled&&f.cursorgrabvalue&&(b.css(b.ispage?b.doc:b.win,{cursor:f.cursorgrabvalue}),b.css(b.rail,{cursor:f.cursorgrabvalue}));else{var p=function(d){if(b.selectiondrag){if(d){var c=
|
||||
b.win.outerHeight();d=d.pageY-b.selectiondrag.top;0<d&&d<c&&(d=0);d>=c&&(d-=c);b.selectiondrag.df=d}0!=b.selectiondrag.df&&(b.doScrollBy(2*-Math.floor(b.selectiondrag.df/6)),b.debounced("doselectionscroll",function(){p()},50))}};b.hasTextSelected="getSelection"in document?function(){return 0<document.getSelection().rangeCount}:"selection"in document?function(){return"None"!=document.selection.type}:function(){return!1};b.onselectionstart=function(d){b.ispage||(b.selectiondrag=b.win.offset())};b.onselectionend=
|
||||
function(d){b.selectiondrag=!1};b.onselectiondrag=function(d){b.selectiondrag&&b.hasTextSelected()&&b.debounced("selectionscroll",function(){p(d)},250)}}f.hasmstouch&&(b.css(b.rail,{"-ms-touch-action":"none"}),b.css(b.cursor,{"-ms-touch-action":"none"}),b.bind(b.win,"MSPointerDown",b.ontouchstart),b.bind(document,"MSPointerUp",b.ontouchend),b.bind(document,"MSPointerMove",b.ontouchmove),b.bind(b.cursor,"MSGestureHold",function(b){b.preventDefault()}),b.bind(b.cursor,"contextmenu",function(b){b.preventDefault()}));
|
||||
this.istouchcapable&&(b.bind(b.win,"touchstart",b.ontouchstart),b.bind(document,"touchend",b.ontouchend),b.bind(document,"touchcancel",b.ontouchend),b.bind(document,"touchmove",b.ontouchmove));b.bind(b.cursor,"mousedown",b.onmousedown);b.bind(b.cursor,"mouseup",b.onmouseup);b.railh&&(b.bind(b.cursorh,"mousedown",function(d){b.onmousedown(d,!0)}),b.bind(b.cursorh,"mouseup",function(d){if(!(b.rail.drag&&2==b.rail.drag.pt))return b.rail.drag=!1,b.hasmoving=!1,b.hideCursor(),f.hasmousecapture&&document.releaseCapture(),
|
||||
b.cancelEvent(d)}));if(b.opt.cursordragontouch||!f.cantouch&&!b.opt.touchbehavior)b.rail.css({cursor:"default"}),b.railh&&b.railh.css({cursor:"default"}),b.jqbind(b.rail,"mouseenter",function(){b.canshowonmouseevent&&b.showCursor();b.rail.active=!0}),b.jqbind(b.rail,"mouseleave",function(){b.rail.active=!1;b.rail.drag||b.hideCursor()}),b.opt.sensitiverail&&(b.bind(b.rail,"click",function(d){b.doRailClick(d,!1,!1)}),b.bind(b.rail,"dblclick",function(d){b.doRailClick(d,!0,!1)}),b.bind(b.cursor,"click",
|
||||
function(d){b.cancelEvent(d)}),b.bind(b.cursor,"dblclick",function(d){b.cancelEvent(d)})),b.railh&&(b.jqbind(b.railh,"mouseenter",function(){b.canshowonmouseevent&&b.showCursor();b.rail.active=!0}),b.jqbind(b.railh,"mouseleave",function(){b.rail.active=!1;b.rail.drag||b.hideCursor()}),b.opt.sensitiverail&&(b.bind(b.railh,"click",function(d){b.doRailClick(d,!1,!0)}),b.bind(b.railh,"dblclick",function(d){b.doRailClick(d,!0,!0)}),b.bind(b.cursorh,"click",function(d){b.cancelEvent(d)}),b.bind(b.cursorh,
|
||||
"dblclick",function(d){b.cancelEvent(d)})));!f.cantouch&&!b.opt.touchbehavior?(b.bind(f.hasmousecapture?b.win:document,"mouseup",b.onmouseup),b.bind(document,"mousemove",b.onmousemove),b.onclick&&b.bind(document,"click",b.onclick),!b.ispage&&b.opt.enablescrollonselection&&(b.bind(b.win[0],"mousedown",b.onselectionstart),b.bind(document,"mouseup",b.onselectionend),b.bind(b.cursor,"mouseup",b.onselectionend),b.cursorh&&b.bind(b.cursorh,"mouseup",b.onselectionend),b.bind(document,"mousemove",b.onselectiondrag)),
|
||||
b.zoom&&(b.jqbind(b.zoom,"mouseenter",function(){b.canshowonmouseevent&&b.showCursor();b.rail.active=!0}),b.jqbind(b.zoom,"mouseleave",function(){b.rail.active=!1;b.rail.drag||b.hideCursor()}))):(b.bind(f.hasmousecapture?b.win:document,"mouseup",b.ontouchend),b.bind(document,"mousemove",b.ontouchmove),b.onclick&&b.bind(document,"click",b.onclick),b.opt.cursordragontouch&&(b.bind(b.cursor,"mousedown",b.onmousedown),b.bind(b.cursor,"mousemove",b.onmousemove),b.cursorh&&b.bind(b.cursorh,"mousedown",
|
||||
function(d){b.onmousedown(d,!0)}),b.cursorh&&b.bind(b.cursorh,"mousemove",b.onmousemove)));b.opt.enablemousewheel&&(b.isiframe||b.bind(f.isie&&b.ispage?document:b.win,"mousewheel",b.onmousewheel),b.bind(b.rail,"mousewheel",b.onmousewheel),b.railh&&b.bind(b.railh,"mousewheel",b.onmousewheelhr));!b.ispage&&(!f.cantouch&&!/HTML|BODY/.test(b.win[0].nodeName))&&(b.win.attr("tabindex")||b.win.attr({tabindex:L++}),b.jqbind(b.win,"focus",function(d){z=b.getTarget(d).id||!0;b.hasfocus=!0;b.canshowonmouseevent&&
|
||||
b.noticeCursor()}),b.jqbind(b.win,"blur",function(d){z=!1;b.hasfocus=!1}),b.jqbind(b.win,"mouseenter",function(d){E=b.getTarget(d).id||!0;b.hasmousefocus=!0;b.canshowonmouseevent&&b.noticeCursor()}),b.jqbind(b.win,"mouseleave",function(){E=!1;b.hasmousefocus=!1;b.rail.drag||b.hideCursor()}))}b.onkeypress=function(d){if(b.locked&&0==b.page.maxh)return!0;d=d?d:window.e;var c=b.getTarget(d);if(c&&/INPUT|TEXTAREA|SELECT|OPTION/.test(c.nodeName)&&(!c.getAttribute("type")&&!c.type||!/submit|button|cancel/i.tp))return!0;
|
||||
if(b.hasfocus||b.hasmousefocus&&!z||b.ispage&&!z&&!E){c=d.keyCode;if(b.locked&&27!=c)return b.cancelEvent(d);var g=d.ctrlKey||!1,n=d.shiftKey||!1,f=!1;switch(c){case 38:case 63233:b.doScrollBy(72);f=!0;break;case 40:case 63235:b.doScrollBy(-72);f=!0;break;case 37:case 63232:b.railh&&(g?b.doScrollLeft(0):b.doScrollLeftBy(72),f=!0);break;case 39:case 63234:b.railh&&(g?b.doScrollLeft(b.page.maxw):b.doScrollLeftBy(-72),f=!0);break;case 33:case 63276:b.doScrollBy(b.view.h);f=!0;break;case 34:case 63277:b.doScrollBy(-b.view.h);
|
||||
f=!0;break;case 36:case 63273:b.railh&&g?b.doScrollPos(0,0):b.doScrollTo(0);f=!0;break;case 35:case 63275:b.railh&&g?b.doScrollPos(b.page.maxw,b.page.maxh):b.doScrollTo(b.page.maxh);f=!0;break;case 32:b.opt.spacebarenabled&&(n?b.doScrollBy(b.view.h):b.doScrollBy(-b.view.h),f=!0);break;case 27:b.zoomactive&&(b.doZoom(),f=!0)}if(f)return b.cancelEvent(d)}};b.opt.enablekeyboard&&b.bind(document,f.isopera&&!f.isopera12?"keypress":"keydown",b.onkeypress);b.bind(window,"resize",b.lazyResize);b.bind(window,
|
||||
"orientationchange",b.lazyResize);b.bind(window,"load",b.lazyResize);if(f.ischrome&&!b.ispage&&!b.haswrapper){var s=b.win.attr("style"),g=parseFloat(b.win.css("width"))+1;b.win.css("width",g);b.synched("chromefix",function(){b.win.attr("style",s)})}b.onAttributeChange=function(d){b.lazyResize(250)};!b.ispage&&!b.haswrapper&&(!1!==A?(b.observer=new A(function(d){d.forEach(b.onAttributeChange)}),b.observer.observe(b.win[0],{childList:!0,characterData:!1,attributes:!0,subtree:!1}),b.observerremover=
|
||||
new A(function(d){d.forEach(function(d){if(0<d.removedNodes.length)for(var c in d.removedNodes)if(d.removedNodes[c]==b.win[0])return b.remove()})}),b.observerremover.observe(b.win[0].parentNode,{childList:!0,characterData:!1,attributes:!1,subtree:!1})):(b.bind(b.win,f.isie&&!f.isie9?"propertychange":"DOMAttrModified",b.onAttributeChange),f.isie9&&b.win[0].attachEvent("onpropertychange",b.onAttributeChange),b.bind(b.win,"DOMNodeRemoved",function(d){d.target==b.win[0]&&b.remove()})));!b.ispage&&b.opt.boxzoom&&
|
||||
b.bind(window,"resize",b.resizeZoom);b.istextarea&&b.bind(b.win,"mouseup",b.lazyResize);b.checkrtlmode=!0;b.lazyResize(30)}if("IFRAME"==this.doc[0].nodeName){var K=function(d){b.iframexd=!1;try{var c="contentDocument"in this?this.contentDocument:this.contentWindow.document}catch(g){b.iframexd=!0,c=!1}if(b.iframexd)return"console"in window&&console.log("NiceScroll error: policy restriced iframe"),!0;b.forcescreen=!0;b.isiframe&&(b.iframe={doc:e(c),html:b.doc.contents().find("html")[0],body:b.doc.contents().find("body")[0]},
|
||||
b.getContentSize=function(){return{w:Math.max(b.iframe.html.scrollWidth,b.iframe.body.scrollWidth),h:Math.max(b.iframe.html.scrollHeight,b.iframe.body.scrollHeight)}},b.docscroll=e(b.iframe.body));!f.isios&&(b.opt.iframeautoresize&&!b.isiframe)&&(b.win.scrollTop(0),b.doc.height(""),d=Math.max(c.getElementsByTagName("html")[0].scrollHeight,c.body.scrollHeight),b.doc.height(d));b.lazyResize(30);f.isie7&&b.css(e(b.iframe.html),{"overflow-y":"hidden"});b.css(e(b.iframe.body),{"overflow-y":"hidden"});
|
||||
f.isios&&b.haswrapper&&b.css(e(c.body),{"-webkit-transform":"translate3d(0,0,0)"});"contentWindow"in this?b.bind(this.contentWindow,"scroll",b.onscroll):b.bind(c,"scroll",b.onscroll);b.opt.enablemousewheel&&b.bind(c,"mousewheel",b.onmousewheel);b.opt.enablekeyboard&&b.bind(c,f.isopera?"keypress":"keydown",b.onkeypress);if(f.cantouch||b.opt.touchbehavior)b.bind(c,"mousedown",b.ontouchstart),b.bind(c,"mousemove",function(d){b.ontouchmove(d,!0)}),b.opt.grabcursorenabled&&f.cursorgrabvalue&&b.css(e(c.body),
|
||||
{cursor:f.cursorgrabvalue});b.bind(c,"mouseup",b.ontouchend);b.zoom&&(b.opt.dblclickzoom&&b.bind(c,"dblclick",b.doZoom),b.ongesturezoom&&b.bind(c,"gestureend",b.ongesturezoom))};this.doc[0].readyState&&"complete"==this.doc[0].readyState&&setTimeout(function(){K.call(b.doc[0],!1)},500);b.bind(this.doc,"load",K)}};this.showCursor=function(d,c){b.cursortimeout&&(clearTimeout(b.cursortimeout),b.cursortimeout=0);if(b.rail){b.autohidedom&&(b.autohidedom.stop().css({opacity:b.opt.cursoropacitymax}),b.cursoractive=
|
||||
!0);if(!b.rail.drag||1!=b.rail.drag.pt)"undefined"!=typeof d&&!1!==d&&(b.scroll.y=Math.round(1*d/b.scrollratio.y)),"undefined"!=typeof c&&(b.scroll.x=Math.round(1*c/b.scrollratio.x));b.cursor.css({height:b.cursorheight,top:b.scroll.y});b.cursorh&&(!b.rail.align&&b.rail.visibility?b.cursorh.css({width:b.cursorwidth,left:b.scroll.x+b.rail.width}):b.cursorh.css({width:b.cursorwidth,left:b.scroll.x}),b.cursoractive=!0);b.zoom&&b.zoom.stop().css({opacity:b.opt.cursoropacitymax})}};this.hideCursor=function(d){!b.cursortimeout&&
|
||||
(b.rail&&b.autohidedom&&!(b.hasmousefocus&&"leave"==b.opt.autohidemode))&&(b.cursortimeout=setTimeout(function(){if(!b.rail.active||!b.showonmouseevent)b.autohidedom.stop().animate({opacity:b.opt.cursoropacitymin}),b.zoom&&b.zoom.stop().animate({opacity:b.opt.cursoropacitymin}),b.cursoractive=!1;b.cursortimeout=0},d||b.opt.hidecursordelay))};this.noticeCursor=function(d,c,g){b.showCursor(c,g);b.rail.active||b.hideCursor(d)};this.getContentSize=b.ispage?function(){return{w:Math.max(document.body.scrollWidth,
|
||||
document.documentElement.scrollWidth),h:Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)}}:b.haswrapper?function(){return{w:b.doc.outerWidth()+parseInt(b.win.css("paddingLeft"))+parseInt(b.win.css("paddingRight")),h:b.doc.outerHeight()+parseInt(b.win.css("paddingTop"))+parseInt(b.win.css("paddingBottom"))}}:function(){return{w:b.docscroll[0].scrollWidth,h:b.docscroll[0].scrollHeight}};this.onResize=function(d,c){if(!b||!b.win)return!1;if(!b.haswrapper&&!b.ispage){if("none"==
|
||||
b.win.css("display"))return b.visibility&&b.hideRail().hideRailHr(),!1;!b.hidden&&!b.visibility&&b.showRail().showRailHr()}var g=b.page.maxh,f=b.page.maxw,e=b.view.w;b.view={w:b.ispage?b.win.width():parseInt(b.win[0].clientWidth),h:b.ispage?b.win.height():parseInt(b.win[0].clientHeight)};b.page=c?c:b.getContentSize();b.page.maxh=Math.max(0,b.page.h-b.view.h);b.page.maxw=Math.max(0,b.page.w-b.view.w);if(b.page.maxh==g&&b.page.maxw==f&&b.view.w==e){if(b.ispage)return b;g=b.win.offset();if(b.lastposition&&
|
||||
(f=b.lastposition,f.top==g.top&&f.left==g.left))return b;b.lastposition=g}0==b.page.maxh?(b.hideRail(),b.scrollvaluemax=0,b.scroll.y=0,b.scrollratio.y=0,b.cursorheight=0,b.setScrollTop(0),b.rail.scrollable=!1):b.rail.scrollable=!0;0==b.page.maxw?(b.hideRailHr(),b.scrollvaluemaxw=0,b.scroll.x=0,b.scrollratio.x=0,b.cursorwidth=0,b.setScrollLeft(0),b.railh.scrollable=!1):b.railh.scrollable=!0;b.locked=0==b.page.maxh&&0==b.page.maxw;if(b.locked)return b.ispage||b.updateScrollBar(b.view),!1;!b.hidden&&
|
||||
!b.visibility?b.showRail().showRailHr():!b.hidden&&!b.railh.visibility&&b.showRailHr();b.istextarea&&(b.win.css("resize")&&"none"!=b.win.css("resize"))&&(b.view.h-=20);b.cursorheight=Math.min(b.view.h,Math.round(b.view.h*(b.view.h/b.page.h)));b.cursorheight=b.opt.cursorfixedheight?b.opt.cursorfixedheight:Math.max(b.opt.cursorminheight,b.cursorheight);b.cursorwidth=Math.min(b.view.w,Math.round(b.view.w*(b.view.w/b.page.w)));b.cursorwidth=b.opt.cursorfixedheight?b.opt.cursorfixedheight:Math.max(b.opt.cursorminheight,
|
||||
b.cursorwidth);b.scrollvaluemax=b.view.h-b.cursorheight-b.cursor.hborder;b.railh&&(b.railh.width=0<b.page.maxh?b.view.w-b.rail.width:b.view.w,b.scrollvaluemaxw=b.railh.width-b.cursorwidth-b.cursorh.wborder);b.checkrtlmode&&b.railh&&(b.checkrtlmode=!1,b.opt.rtlmode&&0==b.scroll.x&&b.setScrollLeft(b.page.maxw));b.ispage||b.updateScrollBar(b.view);b.scrollratio={x:b.page.maxw/b.scrollvaluemaxw,y:b.page.maxh/b.scrollvaluemax};b.getScrollTop()>b.page.maxh?b.doScrollTop(b.page.maxh):(b.scroll.y=Math.round(b.getScrollTop()*
|
||||
(1/b.scrollratio.y)),b.scroll.x=Math.round(b.getScrollLeft()*(1/b.scrollratio.x)),b.cursoractive&&b.noticeCursor());b.scroll.y&&0==b.getScrollTop()&&b.doScrollTo(Math.floor(b.scroll.y*b.scrollratio.y));return b};this.resize=b.onResize;this.lazyResize=function(d){d=isNaN(d)?30:d;b.delayed("resize",b.resize,d);return b};this._bind=function(d,c,g,f){b.events.push({e:d,n:c,f:g,b:f,q:!1});d.addEventListener?d.addEventListener(c,g,f||!1):d.attachEvent?d.attachEvent("on"+c,g):d["on"+c]=g};this.jqbind=function(d,
|
||||
c,g){b.events.push({e:d,n:c,f:g,q:!0});e(d).bind(c,g)};this.bind=function(d,c,g,e){var h="jquery"in d?d[0]:d;"mousewheel"==c?"onwheel"in b.win?b._bind(h,"wheel",g,e||!1):(d="undefined"!=typeof document.onmousewheel?"mousewheel":"DOMMouseScroll",q(h,d,g,e||!1),"DOMMouseScroll"==d&&q(h,"MozMousePixelScroll",g,e||!1)):h.addEventListener?(f.cantouch&&/mouseup|mousedown|mousemove/.test(c)&&b._bind(h,"mousedown"==c?"touchstart":"mouseup"==c?"touchend":"touchmove",function(b){if(b.touches){if(2>b.touches.length){var d=
|
||||
b.touches.length?b.touches[0]:b;d.original=b;g.call(this,d)}}else b.changedTouches&&(d=b.changedTouches[0],d.original=b,g.call(this,d))},e||!1),b._bind(h,c,g,e||!1),f.cantouch&&"mouseup"==c&&b._bind(h,"touchcancel",g,e||!1)):b._bind(h,c,function(d){if((d=d||window.event||!1)&&d.srcElement)d.target=d.srcElement;"pageY"in d||(d.pageX=d.clientX+document.documentElement.scrollLeft,d.pageY=d.clientY+document.documentElement.scrollTop);return!1===g.call(h,d)||!1===e?b.cancelEvent(d):!0})};this._unbind=
|
||||
function(b,c,g,f){b.removeEventListener?b.removeEventListener(c,g,f):b.detachEvent?b.detachEvent("on"+c,g):b["on"+c]=!1};this.unbindAll=function(){for(var d=0;d<b.events.length;d++){var c=b.events[d];c.q?c.e.unbind(c.n,c.f):b._unbind(c.e,c.n,c.f,c.b)}};this.cancelEvent=function(b){b=b.original?b.original:b?b:window.event||!1;if(!b)return!1;b.preventDefault&&b.preventDefault();b.stopPropagation&&b.stopPropagation();b.preventManipulation&&b.preventManipulation();b.cancelBubble=!0;b.cancel=!0;return b.returnValue=
|
||||
!1};this.stopPropagation=function(b){b=b.original?b.original:b?b:window.event||!1;if(!b)return!1;if(b.stopPropagation)return b.stopPropagation();b.cancelBubble&&(b.cancelBubble=!0);return!1};this.showRail=function(){if(0!=b.page.maxh&&(b.ispage||"none"!=b.win.css("display")))b.visibility=!0,b.rail.visibility=!0,b.rail.css("display","block");return b};this.showRailHr=function(){if(!b.railh)return b;if(0!=b.page.maxw&&(b.ispage||"none"!=b.win.css("display")))b.railh.visibility=!0,b.railh.css("display",
|
||||
"block");return b};this.hideRail=function(){b.visibility=!1;b.rail.visibility=!1;b.rail.css("display","none");return b};this.hideRailHr=function(){if(!b.railh)return b;b.railh.visibility=!1;b.railh.css("display","none");return b};this.show=function(){b.hidden=!1;b.locked=!1;return b.showRail().showRailHr()};this.hide=function(){b.hidden=!0;b.locked=!0;return b.hideRail().hideRailHr()};this.toggle=function(){return b.hidden?b.show():b.hide()};this.remove=function(){b.stop();b.cursortimeout&&clearTimeout(b.cursortimeout);
|
||||
b.doZoomOut();b.unbindAll();f.isie9&&b.win[0].detachEvent("onpropertychange",b.onAttributeChange);!1!==b.observer&&b.observer.disconnect();!1!==b.observerremover&&b.observerremover.disconnect();b.events=null;b.cursor&&b.cursor.remove();b.cursorh&&b.cursorh.remove();b.rail&&b.rail.remove();b.railh&&b.railh.remove();b.zoom&&b.zoom.remove();for(var d=0;d<b.saved.css.length;d++){var c=b.saved.css[d];c[0].css(c[1],"undefined"==typeof c[2]?"":c[2])}b.saved=!1;b.me.data("__nicescroll","");var g=e.nicescroll;
|
||||
g.each(function(d){if(this&&this.id===b.id){delete g[d];for(var c=++d;c<g.length;c++,d++)g[d]=g[c];g.length--;g.length&&delete g[g.length]}});for(var h in b)b[h]=null,delete b[h];b=null};this.scrollstart=function(d){this.onscrollstart=d;return b};this.scrollend=function(d){this.onscrollend=d;return b};this.scrollcancel=function(d){this.onscrollcancel=d;return b};this.zoomin=function(d){this.onzoomin=d;return b};this.zoomout=function(d){this.onzoomout=d;return b};this.isScrollable=function(b){b=b.target?
|
||||
b.target:b;if("OPTION"==b.nodeName)return!0;for(;b&&1==b.nodeType&&!/BODY|HTML/.test(b.nodeName);){var c=e(b),c=c.css("overflowY")||c.css("overflowX")||c.css("overflow")||"";if(/scroll|auto/.test(c))return b.clientHeight!=b.scrollHeight;b=b.parentNode?b.parentNode:!1}return!1};this.getViewport=function(b){for(b=b&&b.parentNode?b.parentNode:!1;b&&1==b.nodeType&&!/BODY|HTML/.test(b.nodeName);){var c=e(b);if(/fixed|absolute/.test(c.css("position")))return c;var g=c.css("overflowY")||c.css("overflowX")||
|
||||
c.css("overflow")||"";if(/scroll|auto/.test(g)&&b.clientHeight!=b.scrollHeight||0<c.getNiceScroll().length)return c;b=b.parentNode?b.parentNode:!1}return!1};this.onmousewheel=function(d){if(b.locked)return b.debounced("checkunlock",b.resize,250),!0;if(b.rail.drag)return b.cancelEvent(d);"auto"==b.opt.oneaxismousemode&&0!=d.deltaX&&(b.opt.oneaxismousemode=!1);if(b.opt.oneaxismousemode&&0==d.deltaX&&!b.rail.scrollable)return b.railh&&b.railh.scrollable?b.onmousewheelhr(d):!0;var c=+new Date,g=!1;b.opt.preservenativescrolling&&
|
||||
b.checkarea+600<c&&(b.nativescrollingarea=b.isScrollable(d),g=!0);b.checkarea=c;if(b.nativescrollingarea)return!0;if(d=t(d,!1,g))b.checkarea=0;return d};this.onmousewheelhr=function(d){if(b.locked||!b.railh.scrollable)return!0;if(b.rail.drag)return b.cancelEvent(d);var c=+new Date,g=!1;b.opt.preservenativescrolling&&b.checkarea+600<c&&(b.nativescrollingarea=b.isScrollable(d),g=!0);b.checkarea=c;return b.nativescrollingarea?!0:b.locked?b.cancelEvent(d):t(d,!0,g)};this.stop=function(){b.cancelScroll();
|
||||
b.scrollmon&&b.scrollmon.stop();b.cursorfreezed=!1;b.scroll.y=Math.round(b.getScrollTop()*(1/b.scrollratio.y));b.noticeCursor();return b};this.getTransitionSpeed=function(c){var f=Math.round(10*b.opt.scrollspeed);c=Math.min(f,Math.round(c/20*b.opt.scrollspeed));return 20<c?c:0};b.opt.smoothscroll?b.ishwscroll&&f.hastransition&&b.opt.usetransition?(this.prepareTransition=function(c,e){var g=e?20<c?c:0:b.getTransitionSpeed(c),h=g?f.prefixstyle+"transform "+g+"ms ease-out":"";if(!b.lasttransitionstyle||
|
||||
b.lasttransitionstyle!=h)b.lasttransitionstyle=h,b.doc.css(f.transitionstyle,h);return g},this.doScrollLeft=function(c,f){var g=b.scrollrunning?b.newscrolly:b.getScrollTop();b.doScrollPos(c,g,f)},this.doScrollTop=function(c,f){var g=b.scrollrunning?b.newscrollx:b.getScrollLeft();b.doScrollPos(g,c,f)},this.doScrollPos=function(c,e,g){var h=b.getScrollTop(),l=b.getScrollLeft();(0>(b.newscrolly-h)*(e-h)||0>(b.newscrollx-l)*(c-l))&&b.cancelScroll();!1==b.opt.bouncescroll&&(0>e?e=0:e>b.page.maxh&&(e=b.page.maxh),
|
||||
0>c?c=0:c>b.page.maxw&&(c=b.page.maxw));if(b.scrollrunning&&c==b.newscrollx&&e==b.newscrolly)return!1;b.newscrolly=e;b.newscrollx=c;b.newscrollspeed=g||!1;if(b.timer)return!1;b.timer=setTimeout(function(){var g=b.getScrollTop(),h=b.getScrollLeft(),l,k;l=c-h;k=e-g;l=Math.round(Math.sqrt(Math.pow(l,2)+Math.pow(k,2)));l=b.newscrollspeed&&1<b.newscrollspeed?b.newscrollspeed:b.getTransitionSpeed(l);b.newscrollspeed&&1>=b.newscrollspeed&&(l*=b.newscrollspeed);b.prepareTransition(l,!0);b.timerscroll&&b.timerscroll.tm&&
|
||||
clearInterval(b.timerscroll.tm);0<l&&(!b.scrollrunning&&b.onscrollstart&&b.onscrollstart.call(b,{type:"scrollstart",current:{x:h,y:g},request:{x:c,y:e},end:{x:b.newscrollx,y:b.newscrolly},speed:l}),f.transitionend?b.scrollendtrapped||(b.scrollendtrapped=!0,b.bind(b.doc,f.transitionend,b.onScrollEnd,!1)):(b.scrollendtrapped&&clearTimeout(b.scrollendtrapped),b.scrollendtrapped=setTimeout(b.onScrollEnd,l)),b.timerscroll={bz:new BezierClass(g,b.newscrolly,l,0,0,0.58,1),bh:new BezierClass(h,b.newscrollx,
|
||||
l,0,0,0.58,1)},b.cursorfreezed||(b.timerscroll.tm=setInterval(function(){b.showCursor(b.getScrollTop(),b.getScrollLeft())},60)));b.synched("doScroll-set",function(){b.timer=0;b.scrollendtrapped&&(b.scrollrunning=!0);b.setScrollTop(b.newscrolly);b.setScrollLeft(b.newscrollx);if(!b.scrollendtrapped)b.onScrollEnd()})},50)},this.cancelScroll=function(){if(!b.scrollendtrapped)return!0;var c=b.getScrollTop(),e=b.getScrollLeft();b.scrollrunning=!1;f.transitionend||clearTimeout(f.transitionend);b.scrollendtrapped=
|
||||
!1;b._unbind(b.doc,f.transitionend,b.onScrollEnd);b.prepareTransition(0);b.setScrollTop(c);b.railh&&b.setScrollLeft(e);b.timerscroll&&b.timerscroll.tm&&clearInterval(b.timerscroll.tm);b.timerscroll=!1;b.cursorfreezed=!1;b.showCursor(c,e);return b},this.onScrollEnd=function(){b.scrollendtrapped&&b._unbind(b.doc,f.transitionend,b.onScrollEnd);b.scrollendtrapped=!1;b.prepareTransition(0);b.timerscroll&&b.timerscroll.tm&&clearInterval(b.timerscroll.tm);b.timerscroll=!1;var c=b.getScrollTop(),e=b.getScrollLeft();
|
||||
b.setScrollTop(c);b.railh&&b.setScrollLeft(e);b.noticeCursor(!1,c,e);b.cursorfreezed=!1;0>c?c=0:c>b.page.maxh&&(c=b.page.maxh);0>e?e=0:e>b.page.maxw&&(e=b.page.maxw);if(c!=b.newscrolly||e!=b.newscrollx)return b.doScrollPos(e,c,b.opt.snapbackspeed);b.onscrollend&&b.scrollrunning&&b.onscrollend.call(b,{type:"scrollend",current:{x:e,y:c},end:{x:b.newscrollx,y:b.newscrolly}});b.scrollrunning=!1}):(this.doScrollLeft=function(c,f){var g=b.scrollrunning?b.newscrolly:b.getScrollTop();b.doScrollPos(c,g,f)},
|
||||
this.doScrollTop=function(c,f){var g=b.scrollrunning?b.newscrollx:b.getScrollLeft();b.doScrollPos(g,c,f)},this.doScrollPos=function(c,f,g){function e(){if(b.cancelAnimationFrame)return!0;b.scrollrunning=!0;if(p=1-p)return b.timer=v(e)||1;var c=0,d=sy=b.getScrollTop();if(b.dst.ay){var d=b.bzscroll?b.dst.py+b.bzscroll.getNow()*b.dst.ay:b.newscrolly,g=d-sy;if(0>g&&d<b.newscrolly||0<g&&d>b.newscrolly)d=b.newscrolly;b.setScrollTop(d);d==b.newscrolly&&(c=1)}else c=1;var f=sx=b.getScrollLeft();if(b.dst.ax){f=
|
||||
b.bzscroll?b.dst.px+b.bzscroll.getNow()*b.dst.ax:b.newscrollx;g=f-sx;if(0>g&&f<b.newscrollx||0<g&&f>b.newscrollx)f=b.newscrollx;b.setScrollLeft(f);f==b.newscrollx&&(c+=1)}else c+=1;2==c?(b.timer=0,b.cursorfreezed=!1,b.bzscroll=!1,b.scrollrunning=!1,0>d?d=0:d>b.page.maxh&&(d=b.page.maxh),0>f?f=0:f>b.page.maxw&&(f=b.page.maxw),f!=b.newscrollx||d!=b.newscrolly?b.doScrollPos(f,d):b.onscrollend&&b.onscrollend.call(b,{type:"scrollend",current:{x:sx,y:sy},end:{x:b.newscrollx,y:b.newscrolly}})):b.timer=v(e)||
|
||||
1}f="undefined"==typeof f||!1===f?b.getScrollTop(!0):f;if(b.timer&&b.newscrolly==f&&b.newscrollx==c)return!0;b.timer&&w(b.timer);b.timer=0;var h=b.getScrollTop(),l=b.getScrollLeft();(0>(b.newscrolly-h)*(f-h)||0>(b.newscrollx-l)*(c-l))&&b.cancelScroll();b.newscrolly=f;b.newscrollx=c;if(!b.bouncescroll||!b.rail.visibility)0>b.newscrolly?b.newscrolly=0:b.newscrolly>b.page.maxh&&(b.newscrolly=b.page.maxh);if(!b.bouncescroll||!b.railh.visibility)0>b.newscrollx?b.newscrollx=0:b.newscrollx>b.page.maxw&&
|
||||
(b.newscrollx=b.page.maxw);b.dst={};b.dst.x=c-l;b.dst.y=f-h;b.dst.px=l;b.dst.py=h;var k=Math.round(Math.sqrt(Math.pow(b.dst.x,2)+Math.pow(b.dst.y,2)));b.dst.ax=b.dst.x/k;b.dst.ay=b.dst.y/k;var m=0,q=k;0==b.dst.x?(m=h,q=f,b.dst.ay=1,b.dst.py=0):0==b.dst.y&&(m=l,q=c,b.dst.ax=1,b.dst.px=0);k=b.getTransitionSpeed(k);g&&1>=g&&(k*=g);b.bzscroll=0<k?b.bzscroll?b.bzscroll.update(q,k):new BezierClass(m,q,k,0,1,0,1):!1;if(!b.timer){(h==b.page.maxh&&f>=b.page.maxh||l==b.page.maxw&&c>=b.page.maxw)&&b.checkContentSize();
|
||||
var p=1;b.cancelAnimationFrame=!1;b.timer=1;b.onscrollstart&&!b.scrollrunning&&b.onscrollstart.call(b,{type:"scrollstart",current:{x:l,y:h},request:{x:c,y:f},end:{x:b.newscrollx,y:b.newscrolly},speed:k});e();(h==b.page.maxh&&f>=h||l==b.page.maxw&&c>=l)&&b.checkContentSize();b.noticeCursor()}},this.cancelScroll=function(){b.timer&&w(b.timer);b.timer=0;b.bzscroll=!1;b.scrollrunning=!1;return b}):(this.doScrollLeft=function(c,f){var g=b.getScrollTop();b.doScrollPos(c,g,f)},this.doScrollTop=function(c,
|
||||
f){var g=b.getScrollLeft();b.doScrollPos(g,c,f)},this.doScrollPos=function(c,f,g){var e=c>b.page.maxw?b.page.maxw:c;0>e&&(e=0);var h=f>b.page.maxh?b.page.maxh:f;0>h&&(h=0);b.synched("scroll",function(){b.setScrollTop(h);b.setScrollLeft(e)})},this.cancelScroll=function(){});this.doScrollBy=function(c,f){var g=0,g=f?Math.floor((b.scroll.y-c)*b.scrollratio.y):(b.timer?b.newscrolly:b.getScrollTop(!0))-c;if(b.bouncescroll){var e=Math.round(b.view.h/2);g<-e?g=-e:g>b.page.maxh+e&&(g=b.page.maxh+e)}b.cursorfreezed=
|
||||
!1;py=b.getScrollTop(!0);if(0>g&&0>=py)return b.noticeCursor();if(g>b.page.maxh&&py>=b.page.maxh)return b.checkContentSize(),b.noticeCursor();b.doScrollTop(g)};this.doScrollLeftBy=function(c,f){var g=0,g=f?Math.floor((b.scroll.x-c)*b.scrollratio.x):(b.timer?b.newscrollx:b.getScrollLeft(!0))-c;if(b.bouncescroll){var e=Math.round(b.view.w/2);g<-e?g=-e:g>b.page.maxw+e&&(g=b.page.maxw+e)}b.cursorfreezed=!1;px=b.getScrollLeft(!0);if(0>g&&0>=px||g>b.page.maxw&&px>=b.page.maxw)return b.noticeCursor();b.doScrollLeft(g)};
|
||||
this.doScrollTo=function(c,f){f&&Math.round(c*b.scrollratio.y);b.cursorfreezed=!1;b.doScrollTop(c)};this.checkContentSize=function(){var c=b.getContentSize();(c.h!=b.page.h||c.w!=b.page.w)&&b.resize(!1,c)};b.onscroll=function(c){b.rail.drag||b.cursorfreezed||b.synched("scroll",function(){b.scroll.y=Math.round(b.getScrollTop()*(1/b.scrollratio.y));b.railh&&(b.scroll.x=Math.round(b.getScrollLeft()*(1/b.scrollratio.x)));b.noticeCursor()})};b.bind(b.docscroll,"scroll",b.onscroll);this.doZoomIn=function(c){if(!b.zoomactive){b.zoomactive=
|
||||
!0;b.zoomrestore={style:{}};var h="position top left zIndex backgroundColor marginTop marginBottom marginLeft marginRight".split(" "),g=b.win[0].style,l;for(l in h){var k=h[l];b.zoomrestore.style[k]="undefined"!=typeof g[k]?g[k]:""}b.zoomrestore.style.width=b.win.css("width");b.zoomrestore.style.height=b.win.css("height");b.zoomrestore.padding={w:b.win.outerWidth()-b.win.width(),h:b.win.outerHeight()-b.win.height()};f.isios4&&(b.zoomrestore.scrollTop=e(window).scrollTop(),e(window).scrollTop(0));
|
||||
b.win.css({position:f.isios4?"absolute":"fixed",top:0,left:0,"z-index":y+100,margin:"0px"});h=b.win.css("backgroundColor");(""==h||/transparent|rgba\(0, 0, 0, 0\)|rgba\(0,0,0,0\)/.test(h))&&b.win.css("backgroundColor","#fff");b.rail.css({"z-index":y+101});b.zoom.css({"z-index":y+102});b.zoom.css("backgroundPosition","0px -18px");b.resizeZoom();b.onzoomin&&b.onzoomin.call(b);return b.cancelEvent(c)}};this.doZoomOut=function(c){if(b.zoomactive)return b.zoomactive=!1,b.win.css("margin",""),b.win.css(b.zoomrestore.style),
|
||||
f.isios4&&e(window).scrollTop(b.zoomrestore.scrollTop),b.rail.css({"z-index":b.zindex}),b.zoom.css({"z-index":b.zindex}),b.zoomrestore=!1,b.zoom.css("backgroundPosition","0px 0px"),b.onResize(),b.onzoomout&&b.onzoomout.call(b),b.cancelEvent(c)};this.doZoom=function(c){return b.zoomactive?b.doZoomOut(c):b.doZoomIn(c)};this.resizeZoom=function(){if(b.zoomactive){var c=b.getScrollTop();b.win.css({width:e(window).width()-b.zoomrestore.padding.w+"px",height:e(window).height()-b.zoomrestore.padding.h+"px"});
|
||||
b.onResize();b.setScrollTop(Math.min(b.page.maxh,c))}};this.init();e.nicescroll.push(this)},J=function(e){var c=this;this.nc=e;this.steptime=this.lasttime=this.speedy=this.speedx=this.lasty=this.lastx=0;this.snapy=this.snapx=!1;this.demuly=this.demulx=0;this.lastscrolly=this.lastscrollx=-1;this.timer=this.chky=this.chkx=0;this.time=function(){return+new Date};this.reset=function(e,l){c.stop();var k=c.time();c.steptime=0;c.lasttime=k;c.speedx=0;c.speedy=0;c.lastx=e;c.lasty=l;c.lastscrollx=-1;c.lastscrolly=
|
||||
-1};this.update=function(e,l){var k=c.time();c.steptime=k-c.lasttime;c.lasttime=k;var k=l-c.lasty,t=e-c.lastx,b=c.nc.getScrollTop(),p=c.nc.getScrollLeft(),b=b+k,p=p+t;c.snapx=0>p||p>c.nc.page.maxw;c.snapy=0>b||b>c.nc.page.maxh;c.speedx=t;c.speedy=k;c.lastx=e;c.lasty=l};this.stop=function(){c.nc.unsynched("domomentum2d");c.timer&&clearTimeout(c.timer);c.timer=0;c.lastscrollx=-1;c.lastscrolly=-1};this.doSnapy=function(e,l){var k=!1;0>l?(l=0,k=!0):l>c.nc.page.maxh&&(l=c.nc.page.maxh,k=!0);0>e?(e=0,k=
|
||||
!0):e>c.nc.page.maxw&&(e=c.nc.page.maxw,k=!0);k&&c.nc.doScrollPos(e,l,c.nc.opt.snapbackspeed)};this.doMomentum=function(e){var l=c.time(),k=e?l+e:c.lasttime;e=c.nc.getScrollLeft();var t=c.nc.getScrollTop(),b=c.nc.page.maxh,p=c.nc.page.maxw;c.speedx=0<p?Math.min(60,c.speedx):0;c.speedy=0<b?Math.min(60,c.speedy):0;k=k&&60>=l-k;if(0>t||t>b||0>e||e>p)k=!1;e=c.speedx&&k?c.speedx:!1;if(c.speedy&&k&&c.speedy||e){var f=Math.max(16,c.steptime);50<f&&(e=f/50,c.speedx*=e,c.speedy*=e,f=50);c.demulxy=0;c.lastscrollx=
|
||||
c.nc.getScrollLeft();c.chkx=c.lastscrollx;c.lastscrolly=c.nc.getScrollTop();c.chky=c.lastscrolly;var s=c.lastscrollx,u=c.lastscrolly,d=function(){var e=600<c.time()-l?0.04:0.02;if(c.speedx&&(s=Math.floor(c.lastscrollx-c.speedx*(1-c.demulxy)),c.lastscrollx=s,0>s||s>p))e=0.1;if(c.speedy&&(u=Math.floor(c.lastscrolly-c.speedy*(1-c.demulxy)),c.lastscrolly=u,0>u||u>b))e=0.1;c.demulxy=Math.min(1,c.demulxy+e);c.nc.synched("domomentum2d",function(){c.speedx&&(c.nc.getScrollLeft()!=c.chkx&&c.stop(),c.chkx=
|
||||
s,c.nc.setScrollLeft(s));c.speedy&&(c.nc.getScrollTop()!=c.chky&&c.stop(),c.chky=u,c.nc.setScrollTop(u));c.timer||(c.nc.hideCursor(),c.doSnapy(s,u))});1>c.demulxy?c.timer=setTimeout(d,f):(c.stop(),c.nc.hideCursor(),c.doSnapy(s,u))};d()}else c.doSnapy(c.nc.getScrollLeft(),c.nc.getScrollTop())}},B=e.fn.scrollTop;e.cssHooks.pageYOffset={get:function(k,c,h){return(c=e.data(k,"__nicescroll")||!1)&&c.ishwscroll?c.getScrollTop():B.call(k)},set:function(k,c){var h=e.data(k,"__nicescroll")||!1;h&&h.ishwscroll?
|
||||
h.setScrollTop(parseInt(c)):B.call(k,c);return this}};e.fn.scrollTop=function(k){if("undefined"==typeof k){var c=this[0]?e.data(this[0],"__nicescroll")||!1:!1;return c&&c.ishwscroll?c.getScrollTop():B.call(this)}return this.each(function(){var c=e.data(this,"__nicescroll")||!1;c&&c.ishwscroll?c.setScrollTop(parseInt(k)):B.call(e(this),k)})};var C=e.fn.scrollLeft;e.cssHooks.pageXOffset={get:function(k,c,h){return(c=e.data(k,"__nicescroll")||!1)&&c.ishwscroll?c.getScrollLeft():C.call(k)},set:function(k,
|
||||
c){var h=e.data(k,"__nicescroll")||!1;h&&h.ishwscroll?h.setScrollLeft(parseInt(c)):C.call(k,c);return this}};e.fn.scrollLeft=function(k){if("undefined"==typeof k){var c=this[0]?e.data(this[0],"__nicescroll")||!1:!1;return c&&c.ishwscroll?c.getScrollLeft():C.call(this)}return this.each(function(){var c=e.data(this,"__nicescroll")||!1;c&&c.ishwscroll?c.setScrollLeft(parseInt(k)):C.call(e(this),k)})};var D=function(k){var c=this;this.length=0;this.name="nicescrollarray";this.each=function(e){for(var h=
|
||||
0,k=0;h<c.length;h++)e.call(c[h],k++);return c};this.push=function(e){c[c.length]=e;c.length++};this.eq=function(e){return c[e]};if(k)for(a=0;a<k.length;a++){var h=e.data(k[a],"__nicescroll")||!1;h&&(this[this.length]=h,this.length++)}return this};(function(e,c,h){for(var l=0;l<c.length;l++)h(e,c[l])})(D.prototype,"show hide toggle onResize resize remove stop doScrollPos".split(" "),function(e,c){e[c]=function(){var e=arguments;return this.each(function(){this[c].apply(this,e)})}});e.fn.getNiceScroll=
|
||||
function(k){return"undefined"==typeof k?new D(this):this[k]&&e.data(this[k],"__nicescroll")||!1};e.extend(e.expr[":"],{nicescroll:function(k){return e.data(k,"__nicescroll")?!0:!1}});e.fn.niceScroll=function(k,c){"undefined"==typeof c&&("object"==typeof k&&!("jquery"in k))&&(c=k,k=!1);var h=new D;"undefined"==typeof c&&(c={});k&&(c.doc=e(k),c.win=e(this));var l=!("doc"in c);!l&&!("win"in c)&&(c.win=e(this));this.each(function(){var k=e(this).data("__nicescroll")||!1;k||(c.doc=l?e(this):c.doc,k=new Q(c,
|
||||
e(this)),e(this).data("__nicescroll",k));h.push(k)});return 1==h.length?h[0]:h};window.NiceScroll={getjQuery:function(){return e}};e.nicescroll||(e.nicescroll=new D,e.nicescroll.options=I)})(jQuery);
|
||||
7
js/jquery.prettyPhoto.js
Executable file
7
js/jquery.prettyPhoto.js
Executable file
File diff suppressed because one or more lines are too long
310
js/myscript.js
Executable file
310
js/myscript.js
Executable file
|
|
@ -0,0 +1,310 @@
|
|||
var fixed_menu = true;
|
||||
window.jQuery = window.$ = jQuery;
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* PRELOADER
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
jQuery(window).load(function () {
|
||||
//Preloader
|
||||
setTimeout("jQuery('#preloader').animate({'opacity' : '0'},300,function(){jQuery('#preloader').hide()})",800);
|
||||
setTimeout("jQuery('.preloader_hide, .selector_open').animate({'opacity' : '1'},500)",800);
|
||||
setTimeout("jQuery('footer').animate({'opacity' : '1'},500)",2000);
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* NICESCROLL
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
jQuery(document).ready(function() {
|
||||
jQuery("body").niceScroll({
|
||||
cursorcolor:"#333",
|
||||
cursorborder:"0px",
|
||||
cursorwidth :"8px",
|
||||
zindex:"9999"
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* MENU
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
function calculateScroll() {
|
||||
var contentTop = [];
|
||||
var contentBottom = [];
|
||||
var winTop = $(window).scrollTop();
|
||||
var rangeTop = 200;
|
||||
var rangeBottom = 500;
|
||||
$('.navmenu').find('.scroll_btn a').each(function(){
|
||||
contentTop.push( $( $(this).attr('href') ).offset().top );
|
||||
contentBottom.push( $( $(this).attr('href') ).offset().top + $( $(this).attr('href') ).height() );
|
||||
})
|
||||
$.each( contentTop, function(i){
|
||||
if ( winTop > contentTop[i] - rangeTop && winTop < contentBottom[i] - rangeBottom ){
|
||||
$('.navmenu li.scroll_btn')
|
||||
.removeClass('active')
|
||||
.eq(i).addClass('active');
|
||||
}
|
||||
})
|
||||
};
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
//MobileMenu
|
||||
if ($(window).width() < 768){
|
||||
jQuery('.menu_block .container').prepend('<a href="javascript:void(0)" class="menu_toggler"><span class="fa fa-align-justify"></span></a>');
|
||||
jQuery('header .navmenu').hide();
|
||||
jQuery('.menu_toggler, .navmenu ul li a').click(function(){
|
||||
jQuery('header .navmenu').slideToggle(300);
|
||||
});
|
||||
}
|
||||
|
||||
// if single_page
|
||||
if (jQuery("#page").hasClass("single_page")) {
|
||||
}
|
||||
else {
|
||||
$(window).scroll(function(event) {
|
||||
calculateScroll();
|
||||
});
|
||||
$('.navmenu ul li a, .mobile_menu ul li a, .btn_down').click(function() {
|
||||
$('html, body').animate({scrollTop: $(this.hash).offset().top - 80}, 1000);
|
||||
return false;
|
||||
});
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
/* Superfish */
|
||||
jQuery(document).ready(function() {
|
||||
if ($(window).width() >= 768){
|
||||
$('.navmenu ul').superfish();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* FLEXSLIDER
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
jQuery(window).load(function(){
|
||||
//Top Slider
|
||||
$('.flexslider.top_slider').flexslider({
|
||||
animation: "fade",
|
||||
controlNav: false,
|
||||
directionNav: true,
|
||||
animationLoop: false,
|
||||
slideshow: false,
|
||||
prevText: "",
|
||||
nextText: "",
|
||||
sync: "#carousel"
|
||||
});
|
||||
$('#carousel').flexslider({
|
||||
animation: "fade",
|
||||
controlNav: false,
|
||||
animationLoop: false,
|
||||
directionNav: false,
|
||||
slideshow: false,
|
||||
itemWidth: 100,
|
||||
itemMargin: 5,
|
||||
asNavFor: '.top_slider'
|
||||
});
|
||||
|
||||
homeHeight();
|
||||
|
||||
|
||||
jQuery('.flexslider.top_slider .flex-direction-nav').addClass('container');
|
||||
|
||||
|
||||
//Vision Slider
|
||||
$('.flexslider.portfolio_single_slider').flexslider({
|
||||
animation: "fade",
|
||||
controlNav: true,
|
||||
directionNav: true,
|
||||
animationLoop: false,
|
||||
slideshow: false,
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
jQuery(window).resize(function(){
|
||||
homeHeight();
|
||||
|
||||
});
|
||||
|
||||
jQuery(document).ready(function(){
|
||||
homeHeight();
|
||||
|
||||
});
|
||||
|
||||
function homeHeight(){
|
||||
var wh = jQuery(window).height() - 80;
|
||||
jQuery('.top_slider, .top_slider .slides li').css('height', wh);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* OWLCAROUSEL
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
$(document).ready(function() {
|
||||
|
||||
//WORKS SLIDER
|
||||
var owl = $(".owl-demo.projects_slider");
|
||||
|
||||
owl.owlCarousel({
|
||||
navigation: true,
|
||||
pagination: false,
|
||||
items : 4,
|
||||
itemsDesktop : [1000,4],
|
||||
itemsDesktop : [600,3]
|
||||
});
|
||||
|
||||
|
||||
//TEAM SLIDER
|
||||
var owl = $(".owl-demo.team_slider");
|
||||
|
||||
owl.owlCarousel({
|
||||
navigation: true,
|
||||
pagination: false,
|
||||
items : 3,
|
||||
itemsDesktop : [600,2]
|
||||
});
|
||||
|
||||
|
||||
|
||||
jQuery('.owl-controls').addClass('container');
|
||||
|
||||
|
||||
//TESTIMONIALS SLIDER
|
||||
var owl = $(".owl-demo.testim_slider");
|
||||
|
||||
owl.owlCarousel({
|
||||
itemsCustom : [
|
||||
[0, 1]
|
||||
],
|
||||
navigation: false,
|
||||
pagination: true,
|
||||
items : 1
|
||||
});
|
||||
|
||||
|
||||
|
||||
jQuery('.owl-controls').addClass('container');
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* IFRAME TRANSPARENT
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
jQuery(document).ready(function() {
|
||||
$("iframe").each(function(){
|
||||
var ifr_source = $(this).attr('src');
|
||||
var wmode = "wmode=transparent";
|
||||
if(ifr_source.indexOf('?') != -1) {
|
||||
var getQString = ifr_source.split('?');
|
||||
var oldString = getQString[1];
|
||||
var newString = getQString[0];
|
||||
$(this).attr('src',newString+'?'+wmode+'&'+oldString);
|
||||
}
|
||||
else $(this).attr('src',ifr_source+'?'+wmode);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* BLOG MIN HEIGHT
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
jQuery(document).ready(function() {
|
||||
blogHeight();
|
||||
});
|
||||
|
||||
jQuery(window).resize(function(){
|
||||
blogHeight();
|
||||
});
|
||||
|
||||
function blogHeight(){
|
||||
if ($(window).width() > 991){
|
||||
var wh = jQuery(window).height() - 80;
|
||||
jQuery('#blog').css('min-height', wh);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* FOOTER HEIGHT
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
jQuery(document).ready(function() {
|
||||
contactHeight();
|
||||
});
|
||||
|
||||
jQuery(window).resize(function(){
|
||||
contactHeight();
|
||||
});
|
||||
|
||||
function contactHeight(){
|
||||
if ($(window).width() > 991){
|
||||
var wh = jQuery('footer').height() + 70;
|
||||
jQuery('#contacts').css('min-height', wh);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* FOOTER MAP
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('.map_show').click(function(){
|
||||
jQuery('#map').addClass('showed');
|
||||
});
|
||||
|
||||
jQuery('.map_hide').click(function(){
|
||||
jQuery('#map').removeClass('showed');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
1512
js/owl.carousel.js
Executable file
1512
js/owl.carousel.js
Executable file
File diff suppressed because it is too large
Load diff
10
js/superfish.min.js
vendored
Executable file
10
js/superfish.min.js
vendored
Executable file
|
|
@ -0,0 +1,10 @@
|
|||
/*
|
||||
* jQuery Superfish Menu Plugin - v1.7.4
|
||||
* Copyright (c) 2013 Joel Birch
|
||||
*
|
||||
* Dual licensed under the MIT and GPL licenses:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* http://www.gnu.org/licenses/gpl.html
|
||||
*/
|
||||
|
||||
;(function(e){"use strict";var s=function(){var s={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",menuArrowClass:"sf-arrows"},o=function(){var s=/iPhone|iPad|iPod/i.test(navigator.userAgent);return s&&e(window).load(function(){e("body").children().on("click",e.noop)}),s}(),n=function(){var e=document.documentElement.style;return"behavior"in e&&"fill"in e&&/iemobile/i.test(navigator.userAgent)}(),t=function(e,o){var n=s.menuClass;o.cssArrows&&(n+=" "+s.menuArrowClass),e.toggleClass(n)},i=function(o,n){return o.find("li."+n.pathClass).slice(0,n.pathLevels).addClass(n.hoverClass+" "+s.bcClass).filter(function(){return e(this).children(n.popUpSelector).hide().show().length}).removeClass(n.pathClass)},r=function(e){e.children("a").toggleClass(s.anchorClass)},a=function(e){var s=e.css("ms-touch-action");s="pan-y"===s?"auto":"pan-y",e.css("ms-touch-action",s)},l=function(s,t){var i="li:has("+t.popUpSelector+")";e.fn.hoverIntent&&!t.disableHI?s.hoverIntent(u,p,i):s.on("mouseenter.superfish",i,u).on("mouseleave.superfish",i,p);var r="MSPointerDown.superfish";o||(r+=" touchend.superfish"),n&&(r+=" mousedown.superfish"),s.on("focusin.superfish","li",u).on("focusout.superfish","li",p).on(r,"a",t,h)},h=function(s){var o=e(this),n=o.siblings(s.data.popUpSelector);n.length>0&&n.is(":hidden")&&(o.one("click.superfish",!1),"MSPointerDown"===s.type?o.trigger("focus"):e.proxy(u,o.parent("li"))())},u=function(){var s=e(this),o=d(s);clearTimeout(o.sfTimer),s.siblings().superfish("hide").end().superfish("show")},p=function(){var s=e(this),n=d(s);o?e.proxy(f,s,n)():(clearTimeout(n.sfTimer),n.sfTimer=setTimeout(e.proxy(f,s,n),n.delay))},f=function(s){s.retainPath=e.inArray(this[0],s.$path)>-1,this.superfish("hide"),this.parents("."+s.hoverClass).length||(s.onIdle.call(c(this)),s.$path.length&&e.proxy(u,s.$path)())},c=function(e){return e.closest("."+s.menuClass)},d=function(e){return c(e).data("sf-options")};return{hide:function(s){if(this.length){var o=this,n=d(o);if(!n)return this;var t=n.retainPath===!0?n.$path:"",i=o.find("li."+n.hoverClass).add(this).not(t).removeClass(n.hoverClass).children(n.popUpSelector),r=n.speedOut;s&&(i.show(),r=0),n.retainPath=!1,n.onBeforeHide.call(i),i.stop(!0,!0).animate(n.animationOut,r,function(){var s=e(this);n.onHide.call(s)})}return this},show:function(){var e=d(this);if(!e)return this;var s=this.addClass(e.hoverClass),o=s.children(e.popUpSelector);return e.onBeforeShow.call(o),o.stop(!0,!0).animate(e.animation,e.speed,function(){e.onShow.call(o)}),this},destroy:function(){return this.each(function(){var o,n=e(this),i=n.data("sf-options");return i?(o=n.find(i.popUpSelector).parent("li"),clearTimeout(i.sfTimer),t(n,i),r(o),a(n),n.off(".superfish").off(".hoverIntent"),o.children(i.popUpSelector).attr("style",function(e,s){return s.replace(/display[^;]+;?/g,"")}),i.$path.removeClass(i.hoverClass+" "+s.bcClass).addClass(i.pathClass),n.find("."+i.hoverClass).removeClass(i.hoverClass),i.onDestroy.call(n),n.removeData("sf-options"),void 0):!1})},init:function(o){return this.each(function(){var n=e(this);if(n.data("sf-options"))return!1;var h=e.extend({},e.fn.superfish.defaults,o),u=n.find(h.popUpSelector).parent("li");h.$path=i(n,h),n.data("sf-options",h),t(n,h),r(u),a(n),l(n,h),u.not("."+s.bcClass).superfish("hide",!0),h.onInit.call(this)})}}}();e.fn.superfish=function(o){return s[o]?s[o].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof o&&o?e.error("Method "+o+" does not exist on jQuery.fn.superfish"):s.init.apply(this,arguments)},e.fn.superfish.defaults={popUpSelector:"ul,.sf-mega",hoverClass:"sfHover",pathClass:"overrideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},animationOut:{opacity:"hide"},speed:"normal",speedOut:"fast",cssArrows:!0,disableHI:!1,onInit:e.noop,onBeforeShow:e.noop,onShow:e.noop,onBeforeHide:e.noop,onHide:e.noop,onIdle:e.noop,onDestroy:e.noop},e.fn.extend({hideSuperfishUl:s.hide,showSuperfishUl:s.show})})(jQuery);
|
||||
382
portfolio-post.html
Executable file
382
portfolio-post.html
Executable file
|
|
@ -0,0 +1,382 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<title>White | responsive bootstrap3 html5 one page template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<link rel="shortcut icon" href="images/favicon.ico">
|
||||
|
||||
<!-- CSS -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/owl.carousel.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/colors/" rel="stylesheet" type="text/css" id="colors" />
|
||||
|
||||
<!-- FONTS -->
|
||||
<link href='http://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="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
|
||||
|
||||
<!-- SCRIPTS -->
|
||||
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<!--[if IE]><html class="ie" lang="en"> <![endif]-->
|
||||
|
||||
<script src="js/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.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>
|
||||
|
||||
</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 class="logo pull-left">
|
||||
<a href="index.html" ><span class="b1">w</span><span class="b2">h</span><span class="b3">i</span><span class="b4">t</span><span class="b5">e</span></a>
|
||||
</div><!-- //LOGO -->
|
||||
|
||||
<!-- SEARCH FORM -->
|
||||
<div id="search-form" class="pull-right">
|
||||
<form method="get" action="#">
|
||||
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" />
|
||||
</form>
|
||||
</div><!-- SEARCH FORM -->
|
||||
|
||||
<!-- MENU -->
|
||||
<div class="pull-right">
|
||||
<nav class="navmenu center">
|
||||
<ul>
|
||||
<li class="first scroll_btn"><a href="index.html">Home</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#about">About Us</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#projects">Projects</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#team">Team</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#news">News</a></li>
|
||||
<li class="scroll_btn last"><a href="index.html#contacts">Contacts</a></li>
|
||||
<li class="sub-menu active">
|
||||
<a href="javascript:void(0);">Pages</a>
|
||||
<ul>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="blog-post.html">Blog Post</a></li>
|
||||
<li class="active"><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> Portfolio Single</h2>
|
||||
<p>Publication of the latest news, articles, and free apps.</p>
|
||||
</div>
|
||||
</section><!-- //BREADCRUMBS -->
|
||||
|
||||
|
||||
<!-- PORTFOLIO -->
|
||||
<section id="portfolio">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row">
|
||||
|
||||
<!-- SIDEBAR -->
|
||||
<div class="sidebar col-lg-4 col-md-4 pull-right padbot50">
|
||||
<!-- TEXT WIDGET -->
|
||||
<div class="sidepanel widget_text">
|
||||
<div class="single_portfolio_post_title">Rihanna's Costume Designer Comes</div>
|
||||
<p>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.</p>
|
||||
</div><!-- //TEXT WIDGET -->
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- INFO WIDGET -->
|
||||
<div class="sidepanel widget_info">
|
||||
<ul class="work_info">
|
||||
<li>Location: <a href="javascript:void(0);" >Photo Studio,</a> <a href="javascript:void(0);" >New York</a></li>
|
||||
<li>Model: <a href="javascript:void(0);" >Anna Smith</a></li>
|
||||
<li>Style: <a href="javascript:void(0);" >Fashion Style</a></li>
|
||||
</ul>
|
||||
|
||||
<ul class="shared">
|
||||
<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>
|
||||
</ul>
|
||||
</div><!-- //INFO WIDGET -->
|
||||
</div><!-- //SIDEBAR -->
|
||||
|
||||
|
||||
<!-- PORTFOLIO BLOCK -->
|
||||
<div class="portfolio_block col-lg-8 col-md-8 pull-left padbot50">
|
||||
|
||||
<!-- SINGLE PORTFOLIO POST -->
|
||||
<div class="single_portfolio_post clearfix" data-animated="fadeInUp">
|
||||
|
||||
<!-- PORTFOLIO SLIDER -->
|
||||
<div class="flexslider portfolio_single_slider">
|
||||
<ul class="slides">
|
||||
<li><img src="images/portfolio/1.jpg" alt="" /></li>
|
||||
<li><img src="images/portfolio/1_2.jpg" alt="" /></li>
|
||||
<li><img src="images/portfolio/1_3.jpg" alt="" /></li>
|
||||
<li><img src="images/portfolio/1_4.jpg" alt="" /></li>
|
||||
</ul>
|
||||
</div><!-- //PORTFOLIO SLIDER -->
|
||||
</div><!-- //SINGLE PORTFOLIO POST -->
|
||||
</div><!-- //PORTFOLIO BLOCK -->
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- //CONTAINER -->
|
||||
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
<h2><b>Featured</b> Works</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="!projects/project1.html" ></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><!-- //work1 -->
|
||||
|
||||
<!-- work2 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/2.jpg" alt="" />
|
||||
<a class="zoom" href="!projects/project2.html" ></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><!-- //work2 -->
|
||||
|
||||
<!-- work3 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/3.jpg" alt="" />
|
||||
<a class="zoom" href="!projects/project3.html" ></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><!-- //work3 -->
|
||||
|
||||
<!-- work4 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/4.jpg" alt="" />
|
||||
<a class="zoom" href="!projects/project4.html" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work4 -->
|
||||
|
||||
<!-- work5 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/5.jpg" alt="" />
|
||||
<a class="zoom" href="!projects/project5.html" ></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="!projects/project6.html" ></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="!projects/project7.html" ></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>
|
||||
</section><!-- //PORTFOLIO -->
|
||||
</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>
|
||||
Loading…
Reference in a new issue