%PDF-
%PDF-
Mini Shell
Mini Shell
(function ($) {
"use strict";
$(document).ready(function () {
/*
Jquery Mobile Menu
============================*/
$('#main-menu').meanmenu({
meanScreenWidth: "1058",
meanMenuContainer: '.mobile-nav-menu',
});
/*
Accordion Active JS
============================*/
$('.panel-heading a').on("click", function () {
$('.panel-heading').removeClass('active');
if (!$(this).closest('.panel').find('.panel-collapse').hasClass('in'))
$(this).parents('.panel-heading').addClass('active');
});
/*
Case Lawer Crousel
============================*/
$(".all-practice-item").owlCarousel({
autoplay: true,
margin: 10,
pagination: false,
nav: false,
dots: true,
items: 4,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
768: {
items: 2
},
992: {
items: 3
},
1000: {
items: 4
}
}
});
/*
Testimonial Crousel
============================*/
$(".all-testimonial").owlCarousel({
autoplay: false,
margin: 30,
pagination: false,
nav: false,
dots: true,
items: 3,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
768: {
items: 2
},
992: {
items: 3
},
1000: {
items: 3
}
}
});
/*
Why Lawer Service Crousel
============================*/
$(".why_lawer_service").owlCarousel({
autoplay: false,
margin: 30,
pagination: false,
nav: false,
dots: true,
items: 3,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
768: {
items: 2
},
992: {
items: 3
},
1000: {
items: 3
}
}
});
/*
Case Gallery Crousel
============================*/
jQuery('.all-case-gallery').imagesLoaded(function () {
$(".all-case-gallery").owlCarousel({
autoplay: false,
pagination: false,
margin: 30,
nav: true,
navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
dots: false,
loop: true,
items: 3,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
768: {
items: 2
},
992: {
items: 3
},
1000: {
items: 3
}
}
});
});
/*
Patner Crousel
============================*/
$(".all-patner").owlCarousel({
autoplay: true,
pagination: false,
nav: false,
dots: true,
margin: 30,
items: 5,
navText: ['<i class="icofont-long-arrow-left"></i>', '<i class="icofont-long-arrow-right"></i>'],
responsive: {
0: {
items: 2
},
600: {
items: 3
},
768: {
items: 4
},
992: {
items: 4
},
1000: {
items: 5
}
}
});
/*
Slider Crousel
============================*/
$(".all-slide").owlCarousel({
items: 1,
nav: false,
dots: false,
autoplay: true,
loop: false,
navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
mouseDrag: true,
touchDrag: false,
});
$(".all-slide").on("translate.owl.carousel", function () {
$(".top-text").removeClass("animated slideInLeft").css("opacity", "0");
$(".slider-text h1").removeClass("animated lightSpeedIn").css("opacity", "0");
$(".slider-text p").removeClass("animated slideInLeft").css("opacity", "0");
$(".slider-text ul").removeClass("animated slideInRight").css("opacity", "0");
$(".slider-text .contus-btn").removeClass("animated slideInUp").css("opacity", "0");
});
$(".all-slide").on("translated.owl.carousel", function () {
$(".top-text").addClass("animated slideInLeft").css("opacity", "1");
$(".slider-text h1").addClass("animated lightSpeedIn").css("opacity", "1");
$(".slider-text p").addClass("animated slideInLeft").css("opacity", "1");
$(".slider-text ul").addClass("animated slideInRight").css("opacity", "1");
$(".slider-text .contus-btn").addClass("animated slideInUp").css("opacity", "1");
});
/*
Google Map
============================*/
// When the window has finished loading create our google map below
google.maps.event.addDomListener(window, 'load', init);
function init () {
// Basic options for a simple Google Map
// For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
var mapOptions = {
// How zoomed in you want the map to start at (always required)
zoom: 11,
// The latitude and longitude to center the map (always required)
center: new google.maps.LatLng(55.378052, -3.435973), // New York
// How you would like to style the map.
// This is where you would paste any style found on Snazzy Maps.
styles: [{
"featureType": "administrative",
"elementType": "all",
"stylers": [{"saturation": "-100"}]
}, {
"featureType": "administrative.province",
"elementType": "all",
"stylers": [{"visibility": "off"}]
}, {
"featureType": "landscape",
"elementType": "all",
"stylers": [{"saturation": -100}, {"lightness": 65}, {"visibility": "on"}]
}, {
"featureType": "poi",
"elementType": "all",
"stylers": [{"saturation": -100}, {"lightness": "50"}, {"visibility": "simplified"}]
}, {
"featureType": "road",
"elementType": "all",
"stylers": [{"saturation": "-100"}]
}, {
"featureType": "road.highway",
"elementType": "all",
"stylers": [{"visibility": "simplified"}]
}, {
"featureType": "road.arterial",
"elementType": "all",
"stylers": [{"lightness": "30"}]
}, {
"featureType": "road.local",
"elementType": "all",
"stylers": [{"lightness": "40"}]
}, {
"featureType": "transit",
"elementType": "all",
"stylers": [{"saturation": -100}, {"visibility": "simplified"}]
}, {
"featureType": "water",
"elementType": "geometry",
"stylers": [{"hue": "#ffff00"}, {"lightness": -25}, {"saturation": -97}]
}, {
"featureType": "water",
"elementType": "labels",
"stylers": [{"lightness": -25}, {"saturation": -100}]
}]
};
// Get the HTML DOM element that will contain your map
// We are using a div with id="map" seen below in the <body>
var mapElement = document.getElementById('gmap');
// Create the Google Map using our element and options defined above
var map = new google.maps.Map(mapElement, mapOptions);
// Let's also add a marker while we're at it
new google.maps.Marker({
position: new google.maps.LatLng(55.378052, -3.435973),
map: map,
title: 'UK!'
});
}
/*
Scrolling Js
============================*/
$.scrollIt({
upKey: 38, // key code to navigate to the next section
downKey: 40, // key code to navigate to the previous section
easing: 'swing', // the easing function for animation
scrollTime: 600, // how long (in ms) the animation takes
activeClass: 'active', // class given to the active nav element
onPageChange: null, // function(pageIndex) that is called when page is changed
topOffset: 0 // offste (in px) for fixed top navigation
});
/*
scrollUp
============================*/
$.scrollUp({
scrollText: '<i class="fa fa-long-arrow-up"></i>',
easingType: 'linear',
scrollSpeed: 900,
animation: 'fade'
});
/*
Counter Js
============================*/
$('.counter').counterUp({
delay: 10,
time: 1000
});
/*
Count Down Timer Js
============================*/
$("#countdown_time")
.countdown("2018/10/01", function (event) {
$(this).text(
event.strftime('%D:%H:%S')
);
});
/*
Stikey Js
============================*/
(function () {
var nav = $('.hd-sec');
var scrolled = false;
$(window).scroll(function () {
if (120 < $(window).scrollTop() && !scrolled) {
nav.addClass('sticky_menu animated fadeInDown').animate({'margin-top': '0px'});
scrolled = true;
}
if (50 > $(window).scrollTop() && scrolled) {
nav.removeClass('sticky_menu animated fadeInDown').css('margin-top', '0px');
scrolled = false;
}
});
}());
/*
Magnific Popup
============================*/
// init Isotope
var $grid = $('.grid').isotope({
// options
});
// filter items on button click
$('.case_tab_list').on('click', 'li', function () {
var filterValue = $(this).attr('data-filter');
$grid.isotope({filter: filterValue});
});
$('.case_tab_list').on('click', 'li', function () {
$(this).addClass('active').siblings().removeClass('active');
});
/*
Magnific Popup
============================*/
$('.view').magnificPopup({
type: 'image',
gallery: {
enabled: true
},
});
/*
Preeloader
============================*/
$(window).on("load", function () {
$('#preloader').fadeOut();
$('#preloader-status').delay(200).fadeOut('slow');
$('body').delay(200).css({'overflow-x': 'hidden'});
});
});
})(jQuery);
Zerion Mini Shell 1.0