337 lines
11 KiB
JavaScript
337 lines
11 KiB
JavaScript
/* ===================================================================
|
|
|
|
Author : Valid Theme
|
|
Template Name : Dostart - Startup Landing Page
|
|
Version : 1.0
|
|
|
|
* ================================================================= */
|
|
(function($) {
|
|
"use strict";
|
|
|
|
$(document).on('ready', function() {
|
|
|
|
|
|
/* ==================================================
|
|
# Wow Init
|
|
===============================================*/
|
|
var wow = new WOW({
|
|
boxClass: 'wow', // animated element css class (default is wow)
|
|
animateClass: 'animated', // animation css class (default is animated)
|
|
offset: 0, // distance to the element when triggering the animation (default is 0)
|
|
mobile: true, // trigger animations on mobile devices (default is true)
|
|
live: true // act on asynchronously loaded content (default is true)
|
|
});
|
|
wow.init();
|
|
|
|
|
|
/* ==================================================
|
|
# Tooltip Init
|
|
===============================================*/
|
|
$('[data-toggle="tooltip"]').tooltip();
|
|
|
|
|
|
/* ==================================================
|
|
# Smooth Scroll
|
|
===============================================*/
|
|
$("body").scrollspy({
|
|
target: ".navbar-collapse",
|
|
offset: 200
|
|
});
|
|
$('a.smooth-menu').on('click', function(event) {
|
|
var $anchor = $(this);
|
|
var headerH = '75';
|
|
$('html, body').stop().animate({
|
|
scrollTop: $($anchor.attr('href')).offset().top - headerH + "px"
|
|
}, 1500, 'easeInOutExpo');
|
|
event.preventDefault();
|
|
});
|
|
|
|
$(document).scroll(function () {
|
|
var $nav = $(".navbar-default");
|
|
$(".btn.submit-case-btn").toggleClass('active', $(this).scrollTop() > $nav.height());
|
|
$(".btn.btn-phone").toggleClass('active', $(this).scrollTop() > $nav.height());
|
|
});
|
|
|
|
|
|
/* ==================================================
|
|
# Equal Height Init
|
|
===============================================*/
|
|
$(window).on('resize', function() {
|
|
$(".equal-height").equalHeights();
|
|
});
|
|
|
|
$(".equal-height").equalHeights().find("img, iframe, object").on('load', function() {
|
|
$(".equal-height").equalHeights();
|
|
});
|
|
|
|
/* ==================================================
|
|
# Fun Factor Init
|
|
===============================================*/
|
|
$('.timer').countTo();
|
|
$('.fun-fact').appear(function() {
|
|
$('.timer').countTo();
|
|
}, {
|
|
accY: -100
|
|
});
|
|
|
|
|
|
/* ==================================================
|
|
# Magnific popup init
|
|
===============================================*/
|
|
$(".popup-link").magnificPopup({
|
|
type: 'image',
|
|
// other options
|
|
});
|
|
|
|
$(".popup-gallery").magnificPopup({
|
|
type: 'image',
|
|
gallery: {
|
|
enabled: true
|
|
},
|
|
// other options
|
|
});
|
|
|
|
$(".popup-youtube, .popup-vimeo, .popup-gmaps").magnificPopup({
|
|
type: "iframe",
|
|
iframe: {
|
|
patterns: {
|
|
youtube: {
|
|
index: 'youtube.com/', // String that detects type of video (in this case YouTube). Simply via url.indexOf(index).
|
|
|
|
id: 'v=', // String that splits URL in a two parts, second part should be %id%
|
|
// Or null - full URL will be returned
|
|
// Or a function that should return %id%, for example:
|
|
// id: function(url) { return 'parsed id'; }
|
|
|
|
src: '//www.youtube.com/embed/%id%?autoplay=1&rel=0' // URL that will be set as a source for iframe.
|
|
}
|
|
},
|
|
},
|
|
mainClass: "mfp-fade",
|
|
removalDelay: 160,
|
|
preloader: false,
|
|
fixedContentPos: false
|
|
});
|
|
|
|
$('.magnific-mix-gallery').each(function() {
|
|
var $container = $(this);
|
|
var $imageLinks = $container.find('.item');
|
|
|
|
var items = [];
|
|
$imageLinks.each(function() {
|
|
var $item = $(this);
|
|
var type = 'image';
|
|
if ($item.hasClass('magnific-iframe')) {
|
|
type = 'iframe';
|
|
}
|
|
var magItem = {
|
|
src: $item.attr('href'),
|
|
type: type
|
|
};
|
|
magItem.title = $item.data('title');
|
|
items.push(magItem);
|
|
});
|
|
|
|
$imageLinks.magnificPopup({
|
|
mainClass: 'mfp-fade',
|
|
items: items,
|
|
gallery: {
|
|
enabled: true,
|
|
tPrev: $(this).data('prev-text'),
|
|
tNext: $(this).data('next-text')
|
|
},
|
|
type: 'image',
|
|
callbacks: {
|
|
beforeOpen: function() {
|
|
var index = $imageLinks.index(this.st.el);
|
|
if (-1 !== index) {
|
|
this.goTo(index);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
/* ==================================================
|
|
# Success Stories Carousel
|
|
===============================================*/
|
|
$('.stories-carusel').owlCarousel({
|
|
loop: false,
|
|
nav: false,
|
|
dots: true,
|
|
autoplay: true,
|
|
items: 1,
|
|
navText: [
|
|
"<i class='fa fa-angle-left'></i>",
|
|
"<i class='fa fa-angle-right'></i>"
|
|
],
|
|
});
|
|
|
|
/* ==================================================
|
|
# Banner Carousel
|
|
===============================================*/
|
|
$('.banner-carousel').owlCarousel({
|
|
loop: false,
|
|
nav: false,
|
|
dots: true,
|
|
autoplay: true,
|
|
items: 1,
|
|
navText: [
|
|
"<i class='fa fa-angle-left'></i>",
|
|
"<i class='fa fa-angle-right'></i>"
|
|
],
|
|
});
|
|
|
|
|
|
/* ==================================================
|
|
# Our Offer Carousel
|
|
===============================================*/
|
|
$('.our-offer-carousel').owlCarousel({
|
|
loop: false,
|
|
margin: 30,
|
|
nav: false,
|
|
navText: [
|
|
"<i class='fa fa-angle-left'></i>",
|
|
"<i class='fa fa-angle-right'></i>"
|
|
],
|
|
dots: true,
|
|
autoplay: true,
|
|
responsive: {
|
|
0: {
|
|
items: 1
|
|
},
|
|
600: {
|
|
items: 2
|
|
},
|
|
1000: {
|
|
items: 3
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
/* ==================================================
|
|
# Blog Carousel
|
|
===============================================*/
|
|
$('.blog-carousel').owlCarousel({
|
|
loop: false,
|
|
margin: 30,
|
|
nav: false,
|
|
navText: [
|
|
"<i class='fa fa-angle-left'></i>",
|
|
"<i class='fa fa-angle-right'></i>"
|
|
],
|
|
dots: true,
|
|
autoplay: true,
|
|
responsive: {
|
|
0: {
|
|
items: 1
|
|
},
|
|
600: {
|
|
items: 2
|
|
},
|
|
1000: {
|
|
items: 3
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
/* ==================================================
|
|
# Team Carousel
|
|
===============================================*/
|
|
$('.team-carousel').owlCarousel({
|
|
loop: false,
|
|
margin: 30,
|
|
nav: false,
|
|
navText: [
|
|
"<i class='fa fa-angle-left'></i>",
|
|
"<i class='fa fa-angle-right'></i>"
|
|
],
|
|
dots: true,
|
|
autoplay: true,
|
|
responsive: {
|
|
0: {
|
|
items: 1
|
|
},
|
|
600: {
|
|
items: 2
|
|
},
|
|
1000: {
|
|
items: 3
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
/* ==================================================
|
|
# Testomonails Carousel
|
|
===============================================*/
|
|
$('.testimonial-items').owlCarousel({
|
|
loop: false,
|
|
nav: false,
|
|
dots: true,
|
|
autoplay: true,
|
|
items: 1,
|
|
navText: [
|
|
"<i class='fa fa-angle-left'></i>",
|
|
"<i class='fa fa-angle-right'></i>"
|
|
],
|
|
});
|
|
|
|
|
|
/* ==================================================
|
|
# Clients Carousel
|
|
===============================================*/
|
|
$('.clients-items').owlCarousel({
|
|
loop: false,
|
|
margin: 20,
|
|
nav: false,
|
|
navText: [
|
|
"<i class='fa fa-angle-left'></i>",
|
|
"<i class='fa fa-angle-right'></i>"
|
|
],
|
|
dots: false,
|
|
autoplay: true,
|
|
responsive: {
|
|
0: {
|
|
items: 1
|
|
},
|
|
600: {
|
|
items: 2
|
|
},
|
|
1000: {
|
|
items: 3
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
/* ==================================================
|
|
Preloader Init
|
|
===============================================*/
|
|
$(window).on('load', function() {
|
|
// Animate loader off screen
|
|
$(".se-pre-con").fadeOut("slow");;
|
|
});
|
|
|
|
|
|
/* ==================================================
|
|
Contact Form Validations
|
|
================================================== */
|
|
|
|
|
|
/*$('.contact-form').each(function() {
|
|
var formInstance = $(this);
|
|
formInstance.submit(function() {
|
|
|
|
var action = $(this).attr('action');
|
|
|
|
|
|
return false;
|
|
});
|
|
});*/
|
|
|
|
}); // end document ready function
|
|
})(jQuery); // End jQuery
|