Files
2020-03-15 13:32:24 -04:00

1005 lines
26 KiB
JavaScript
Executable File

//LOADER
jQuery(window).on("load", function () {
"use strict";
jQuery(".loader").fadeOut(800);
});
jQuery(function ($) {
"use strict";
var $window = $(window);
var windowsize = $(window).width();
var $root = $("html, body");
var $this = $(this);
//Contact Us
$("#submit_btn").click(function() {
var user_name = $('input[name=first_name]').val() + ' ' + $('input[name=last_name]').val();
var user_email = $('input[name=email]').val();
var user_phone = $('input[name=phone]').val();
var user_message = $('textarea[name=message]').val();
//simple validation at client's end
var post_data, output;
var proceed = true;
if (user_name == "") {
proceed = false;
}
if (user_email == "") {
proceed = false;
}
// if (user_phone == "") {
//proceed = false;
// }
if (user_message == "") {
proceed = false;
}
//everything looks good! proceed...
if (proceed) {
//data to be sent to server
post_data = { 'userName': user_name, 'userEmail': user_email, 'userPhone': user_phone, 'userMessage': user_message };
//Ajax post data to server
$.post('contact.php', post_data, function(response) {
//load json data from server and output message
if (response.type == 'error') {
output = '<div class="alert-danger" style="padding:10px; margin-bottom:25px;">' + response.text + '</div>';
} else {
output = '<div class="alert-success" style="padding:10px; margin-bottom:25px;">' + response.text + '</div>';
//reset values in all input fields
$('.getin_form input').val('');
$('.getin_form textarea').val('');
}
$("#result").hide().html(output).slideDown();
}, 'json');
}
else {
output = '<div class="alert-danger" style="padding:10px; margin-bottom:25px;">Please provide the missing fields.</div>';
$("#result").hide().html(output).slideDown();
}
});
$(document).on('contextmenu', function() {
return false;
});
/* ----- Back to Top ----- */
$("body").append('<a href="#" class="back-top"><i class="fa fa-angle-up"></i></a>');
var amountScrolled = 700;
var backBtn = $("a.back-top");
$window.on("scroll", function () {
if ($window.scrollTop() > amountScrolled) {
backBtn.addClass("back-top-visible");
} else {
backBtn.removeClass("back-top-visible");
}
});
backBtn.on("click", function () {
$root.animate({
scrollTop: 0
}, 700);
return false;
});
if($(".just-sidemenu").length){
var anchor_point = $(".rotating-words").height();
var side_toggle = $(".just-sidemenu #sidemenu_toggle");
side_toggle.addClass("toggle_white");
$window.on("scroll", function () {
if ($window.scrollTop() >= anchor_point) {
side_toggle.removeClass("toggle_white");
} else {
side_toggle.addClass("toggle_white");
}
});
}
/*----- Menu On click -----*/
if ($("#sidemenu_toggle").length) {
$("body").addClass("pushwrap");
$("#sidemenu_toggle").on("click", function () {
$(".pushwrap").toggleClass("active");
$(".side-menu").addClass("side-menu-active"), $("#close_side_menu").fadeIn(700)
}), $("#close_side_menu").on("click", function () {
$(".side-menu").removeClass("side-menu-active"), $(this).fadeOut(200), $(".pushwrap").removeClass("active")
}), $("#btn_sideNavClose").on("click", function () {
$(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
});
}
/* ------- Smooth scroll ------- */
$("a.pagescroll").on("click", function (event) {
event.preventDefault();
$("html,body").animate({
scrollTop: $(this.hash).offset().top
}, 1200);
});
/*hide menu on mobile click*/
$(".navbar-nav>li>a").on("click", function(){
$(".navbar-collapse").collapse("hide");
});
/*$(".dl-menu >.menu-item >a").on("click", function(){
$(".pushmenu-right").collapse("hide");
});*/
/*------ MENU Fixed ------*/
if ($("nav.navbar").hasClass("static-nav")) {
$window.scroll(function () {
var $scroll = $window.scrollTop();
var $navbar = $(".static-nav");
if ($scroll > 200) {
$navbar.addClass("fixedmenu");
} else {
$navbar.removeClass("fixedmenu");
}
});
}
/*bottom menu fix*/
if ($("nav.navbar").hasClass("fixed-bottom")) {
var navHeight = $(".fixed-bottom").offset().top;
$window.scroll(function () {
if ($window.scrollTop() > navHeight) {
$('.fixed-bottom').addClass('fixedmenu');
} else {
$('.fixed-bottom').removeClass('fixedmenu');
}
});
}
/* ----- Full Screen ----- */
function resizebanner() {
var $fullscreen = $(".full-screen");
$fullscreen.css("height", $window.height());
$fullscreen.css("width", $window.width());
}
resizebanner();
$window.resize(function () {
resizebanner();
});
/*----- Replace Images on Mobile -----*/
fiximBlocks();
porfoliofix();
$window.resize(function () {
fiximBlocks();
porfoliofix();
});
function fiximBlocks() {
if (windowsize < 993) {
$(".half-section").each(function () {
$(".img-container", this).insertAfter($(".split-box > .heading-title h2", this));
});
}
}
function porfoliofix() {
if (windowsize < 768) {
$("#portfolio_top .cbp-item:nth-child(2)", this).insertBefore($("#portfolio_top .cbp-item:nth-child(1)", this));
}
}
/* -------- SKILL BARS -------- */
//For Skills Bar on Different Pages
$('.progress').each(function () {
$(this).appear(function () {
$(this).animate({opacity:1,left:"0px"},800);
var b = jQuery(this).find(".progress-bar").attr("data-value");
$(this).find(".progress-bar").animate({
width: b + "%"
}, 500);
});
});
/* --------Equal Heights -------- */
checheight();
$window.on("resize", function () {
checheight();
});
function checheight() {
var $smae_height = $(".equalheight");
if ($smae_height.length) {
if (windowsize > 767) {
$smae_height.matchHeight({
property: "height",
});
}
}
}
/* -------BG Video banner -------*/
$(function () {
if ($(".my-background-video").length) {
$('.my-background-video').bgVideo();
}
});
/* ------ OWL Slider ------ */
/*Partners / LOgo*/
$("#partners-slider").owlCarousel({
items: 5,
autoplay: 1500,
smartSpeed: 1500,
autoplayHoverPause: true,
slideBy: 1,
loop: true,
margin: 30,
dots: false,
nav: false,
responsive: {
1200: {
items: 5,
},
900: {
items: 4,
},
768: {
items: 3,
},
480: {
items: 2,
},
320: {
items: 1,
},
}
});
/*Testimonials 3columns*/
$("#testimonial-slider").owlCarousel({
items: 3,
autoplay: 2500,
autoplayHoverPause: true,
loop: true,
margin: 30,
dots: true,
nav: false,
responsive: {
1280: {
items: 3,
},
600: {
items: 2,
},
320: {
items: 1,
},
}
});
/*Testimonial one slide fade*/
$("#testimonial-quote").owlCarousel({
items: 1,
autoplay: 2500,
autoplayHoverPause: true,
mouseDrag: false,
loop: true,
margin: 30,
dots: true,
dotsContainer: "#owl-thumbs",
nav: false,
animateIn: "fadeIn",
animateOut: "fadeOut",
responsive: {
1280: {
items: 1,
},
600: {
items: 1,
},
320: {
items: 1,
},
}
});
$("#testimonial-quote-nav").owlCarousel({
items: 1,
autoplay: 2500,
autoplayHoverPause: true,
mouseDrag: false,
loop: true,
margin: 30,
animateIn: "fadeIn",
animateOut: "fadeOut",
dots: true,
dotsContainer: "#owl-thumbs",
nav: true,
navText: ["<i class='fa fa-arrow-left'></i>", "<i class='fa fa-arrow-right'></i>"],
responsive: {
1280: {
items: 1,
},
600: {
items: 1,
},
320: {
items: 1,
},
}
});
/*Our Team*/
$("#ourteam-slider").owlCarousel({
items: 3,
margin: 30,
dots: false,
nav: false,
responsive: {
1280: {
items: 3,
},
600: {
items: 2,
},
320: {
items: 1,
},
}
});
/*Simple text fadng banner*/
$("#text-fading").owlCarousel({
items: 1,
autoplay: true,
autoplayHoverPause: true,
loop: true,
mouseDrag: false,
animateIn: "fadeIn",
animateOut: "fadeOut",
dots: true,
nav: false,
responsive: {
0: {
items: 1
}
}
});
/*Services Box Slider*/
$("#services-slider").owlCarousel({
autoplay: true,
autoplayTimeout: 3000,
autoplayHoverPause: true,
smartSpeed: 1200,
loop: true,
nav: false,
navText: false,
dots: false,
mouseDrag: true,
touchDrag: true,
center: true,
responsive: {
0: {
items: 1
},
640: {
items: 3
}
}
});
/* ----------- Counters ---------- */
$(".value_formatter").data("countToOptions", {
formatter: function (value, options) {
return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
}
});
$(".counters").appear(function () {
$(".count_nums").each(count);
});
function count(options) {
var $this = $(this);
options = $.extend({}, options || {}, $this.data("countToOptions") || {});
$this.countTo(options);
}
/* ---------- Parallax Backgrounds ---------- */
if (windowsize > 992) {
$(".parallaxie").parallaxie({
speed: 0.55,
offset: 0,
});
}
/* ------ CubePortfolio ------ */
/*main gallery*/
$("#portfolio-measonry").cubeportfolio({
filters: '#measonry-filters',
loadMoreAction: 'click',
layoutMode: 'grid',
defaultFilter: '*',
animationType: "scaleSides",
gapHorizontal: 30,
gapVertical: 30,
gridAdjustment: "responsive",
mediaQueries: [{
width: 1500,
cols: 2
}, {
width: 1100,
cols: 2
}, {
width: 768,
cols: 2
}, {
width: 480,
cols: 1
}, {
width: 320,
cols: 1
}],
});
/*Blog Measonry*/
$("#blog-measonry").cubeportfolio({
layoutMode: 'grid',
defaultFilter: '*',
animationType: "scaleSides",
gapHorizontal: 30,
gapVertical: 30,
gridAdjustment: "responsive",
mediaQueries: [{
width: 1500,
cols: 3
}, {
width: 1100,
cols: 3
}, {
width: 992,
cols: 3
}, {
width: 768,
cols: 3
}, {
width: 480,
cols: 1
},{
width: 320,
cols: 1
}],
});
/*Flat three columns*/
$("#flat-gallery").cubeportfolio({
layoutMode: 'grid',
filters: '#flat-filters',
defaultFilter: '*',
animationType: "quicksand",
gapHorizontal: 30,
gapVertical: 30,
gridAdjustment: "responsive",
mediaQueries: [{
width: 1500,
cols: 3
}, {
width: 1100,
cols: 3
}, {
width: 768,
cols: 2
}, {
width: 480,
cols: 1
},{
width: 320,
cols: 1
}],
});
/*----- Type Writter Effect -----*/
if ($("#typewriting").length) {
var app = document.getElementById("typewriting");
var typewriter = new Typewriter(app, {
loop: true
});
typewriter.typeString('Creative').pauseFor(2000).deleteAll()
.typeString('Parallax').pauseFor(2000).deleteAll()
.typeString('Flexible').start();
}
/*----- FancyBox -----*/
$('[data-fancybox]').fancybox({
protect: true,
animationEffect: "fade",
hash: null,
});
/* ------ Revolution Slider ------ */
/*main slider*/
$("#banner-main").show().revolution({
sliderType: "standard",
sliderLayout: "fullscreen",
scrollbarDrag: "true",
dottedOverlay: "none",
navigation: {
keyboardNavigation: "off",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
bullets: {
style: "",
enable: true,
rtl: false,
hide_onmobile: false,
hide_onleave: false,
hide_under: 767,
hide_over: 9999,
tmp: '',
direction: "vertical",
space: 10,
h_align: "right",
v_align: "center",
h_offset: 40,
v_offset: 0
},
arrows: {
enable: false,
hide_onmobile: true,
hide_onleave: false,
hide_under: 767,
left: {
h_align: "left",
v_align: "center",
h_offset: 20,
v_offset: 30,
},
right: {
h_align: "right",
v_align: "center",
h_offset: 20,
v_offset: 30
},
},
touch: {
touchenabled: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false,
}
},
viewPort: {
enable: true,
outof: "pause",
visible_area: "90%"
},
responsiveLevels: [4096, 1024, 778, 480],
gridwidth: [1140, 1024, 768, 480],
gridheight: [600, 500, 500, 350],
lazyType: "none",
parallax: {
type: "mouse",
origo: "slidercenter",
speed: 9000,
levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
},
shadow: 0,
spinner: "off",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
/*arrows thumb Slider*/
$("#rev_arrows").show().revolution({
sliderType: "standard",
jsFileLocation: "js/revolution/",
sliderLayout: "fullwidth",
dottedOverlay: "none",
delay: 9000,
navigation: {
keyboardNavigation: "off",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
mouseScrollReverse: "default",
onHoverStop: "off",
touch: {
touchenabled: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
},
arrows: {
style: "zeus",
enable: true,
hide_onmobile: true,
hide_under: 600,
hide_onleave: true,
hide_delay: 200,
hide_delay_mobile: 1200,
tmp: '<div class="tp-title-wrap"> <div class="tp-arr-imgholder"></div> </div>',
left: {
h_align: "left",
v_align: "center",
h_offset: 30,
v_offset: 0
},
right: {
h_align: "right",
v_align: "center",
h_offset: 30,
v_offset: 0
}
}
},
viewPort: {
enable: true,
outof: "pause",
visible_area: "80%",
presize: false
},
responsiveLevels: [1240, 1024, 778, 480],
visibilityLevels: [1240, 1024, 778, 480],
gridwidth: [1140, 1024, 768, 480],
gridheight: [660, 650, 600, 490],
lazyType: "none",
parallax: {
type: "mouse",
origo: "slidercenter",
speed: 2000,
speedbg: 0,
speedls: 0,
levels: [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 20, 25, 55],
disable_onmobile: "on"
},
shadow: 0,
spinner: "off",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
/*Revolution Carousel 3 cols*/
$("#rev_carousel").show().revolution({
sliderType: "carousel",
jsFileLocation: "js/revolution",
sliderLayout: "fullscreen",
dottedOverlay: "none",
delay: 7000,
navigation: {
keyboardNavigation: "off",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
mouseScrollReverse: "default",
onHoverStop: "off",
bullets: {
style: "uranus",
enable: true,
tmp: '<span class="tp-bullet-inner"></span>',
hide_onmobile: true,
hide_under: 480,
hide_onleave: false,
hide_delay: 200,
direction: "horizontal",
space: 10,
h_align: "center",
v_align: "bottom",
h_offset: 0,
v_offset: 30
}
},
carousel: {
horizontal_align: "center",
vertical_align: "center",
fadeout: "on",
vary_fade: "on",
maxVisibleItems: 3,
infinity: "on",
space: 0,
stretch: "off",
showLayersAllTime: "off",
easing: "Power3.easeInOut",
speed: "900"
},
responsiveLevels: [1240, 1024, 778, 480],
visibilityLevels: [1240, 1024, 778, 480],
gridwidth: [1140, 960, 750, 480],
gridheight: [720, 720, 480, 360],
lazyType: "none",
parallax: {
type: "scroll",
origo: "enterpoint",
speed: 400,
speedbg: 0,
speedls: 0,
levels: [5, 7, 10, 15, 20, 25, 30, 35, 40, 45, 25, 47, 48, 49, 50, 51, 55],
},
shadow: 0,
spinner: "off",
stopLoop: "on",
stopAfterLoops: 0,
stopAtSlide: 1,
shuffle: "off",
autoHeight: "off",
disableProgressBar: "on",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
/*animated elements hero banner*/
$("#rev_single").show().revolution({
sliderType: "hero",
jsFileLocation: "js/revolution",
sliderLayout: "fullscreen",
scrollbarDrag: "true",
dottedOverlay: "none",
delay: 9000,
navigation: {},
responsiveLevels: [1240, 1024, 778, 480],
visibilityLevels: [1240, 1024, 778, 480],
gridwidth: [1170, 1024, 778, 480],
gridheight: [868, 768, 960, 720],
lazyType: "none",
parallax: {
type: "scroll",
origo: "slidercenter",
speed: 400,
levels: [10, 15, 20, 25, 30, 35, 40, -10, -15, -20, -25, -30, -35, -40, -45, 55]
},
shadow: 0,
spinner: "off",
autoHeight: "off",
fullScreenAutoWidth: "off",
fullScreenAlignForce: "off",
fullScreenOffsetContainer: "",
disableProgressBar: "on",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
disableFocusListener: false
}
});
/* ----- Google Map ----- */
if ($("#map-container").length) {
function initialize() {
var mapOptions = {
zoom: 18,
scrollwheel: false,
styles: [{
"featureType": "water",
"elementType": "geometry",
"stylers": [{
"color": "#e9e9e9"
}, {
"lightness": 17
}]
}, {
"featureType": "landscape",
"elementType": "geometry",
"stylers": [{
"color": "#f5f5f5"
}, {
"lightness": 20
}]
}, {
"featureType": "road.highway",
"elementType": "geometry.fill",
"stylers": [{
"color": "#ffffff"
}, {
"lightness": 17
}]
}, {
"featureType": "road.highway",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#ffffff"
}, {
"lightness": 29
}, {
"weight": 0.2
}]
}, {
"featureType": "road.arterial",
"elementType": "geometry",
"stylers": [{
"color": "#ffffff"
}, {
"lightness": 18
}]
}, {
"featureType": "road.local",
"elementType": "geometry",
"stylers": [{
"color": "#ffffff"
}, {
"lightness": 18
}]
}, {
"featureType": "poi",
"elementType": "geometry",
"stylers": [{
"color": "#f5f5f5"
}, {
"lightness": 21
}]
}, {
"featureType": "poi.park",
"elementType": "geometry",
"stylers": [{
"color": "#d5d5d5"
}, {
"lightness": 21
}]
}, {
"elementType": "labels.text.stroke",
"stylers": [{
"visibility": "on"
}, {
"color": "#f8f8f8"
}, {
"lightness": 25
}]
}, {
"elementType": "labels.text.fill",
"stylers": [{
"saturation": 36
}, {
"color": "#222222"
}, {
"lightness": 30
}]
}, {
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "transit",
"elementType": "geometry",
"stylers": [{
"color": "#f5f5f5"
}, {
"lightness": 19
}]
}, {
"featureType": "administrative",
"elementType": "geometry.fill",
"stylers": [{
"color": "#fefefe"
}, {
"lightness": 10
}]
}, {
"featureType": "administrative",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#fefefe"
}, {
"lightness": 17
}, {
"weight": 1.2
}]
}],
center: new google.maps.LatLng(40.712775, -74.005973) //please add your location here
};
var map = new google.maps.Map(document.getElementById('map-container'),
mapOptions);
var marker = new google.maps.Marker({
position: map.getCenter(),
//icon: 'images/locating.png', if u want custom
map: map
});
}
google.maps.event.addDomListener(window, 'load', initialize);
}
/* Initializing Particles */
if ($("#particles-js").length) {
window.onload = function () {
Particles.init({
selector: '#particles-js',
color: '#ffffff',
connectParticles: false,
sizeVariations: 14,
maxParticles: 140,
});
};
}
/*Wow Animations*/
if ($(".wow").length) {
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: false,
live: true
});
new WOW().init();
}
});
/*
jQuery(function () {
jQuery("#bgndVideo").vimeo_player();
});
*/