ok
Mini Shell
(function ($) {
"use strict";
/*--------------------------
preloader
---------------------------- */
$(window).on('load',function(){
var pre_loader = $('#preloader')
pre_loader.fadeOut('slow',function(){$(this).remove();});
});
/*---------------------
venobox
--------------------- */
var veno_box = $('.venobox');
veno_box.venobox();
/*------------------------------------
search option
------------------------------------- */
$('.search-option').hide();
$(".main-search").on('click', function(){
$('.search-option').animate({
height:'toggle',
});
});
/*---------------------
TOP Menu Stick
--------------------- */
var windows = $(window);
var sticky = $('#sticker');
windows.on('scroll', function() {
var scroll = windows.scrollTop();
if (scroll < 300) {
sticky.removeClass('stick');
}else{
sticky.addClass('stick');
}
});
/*----------------------------
jQuery MeanMenu
------------------------------ */
var mean_menu = $('nav#dropdown');
mean_menu.meanmenu();
/*--------------------------
scrollUp
---------------------------- */
$.scrollUp({
scrollText: '<i class="fa fa-angle-up"></i>',
easingType: 'linear',
scrollSpeed: 900,
animation: 'fade'
});
/*----------------------------
Counter js active
------------------------------ */
var count = $('.counter');
count.counterUp({
delay: 40,
time: 3000
});
/*--------------------------
collapse
---------------------------- */
var panel_test = $('.panel-heading a');
panel_test.on('click', function(){
panel_test.removeClass('active');
$(this).addClass('active');
});
/*--------------------------
Parallax
---------------------------- */
var parallaxeffect = $(window);
parallaxeffect.stellar({
responsive: true,
positionProperty: 'position',
horizontalScrolling: false
});
/*--------------------------
slider carousel
---------------------------- */
var intro_carousel = $('.intro-carousel');
intro_carousel.owlCarousel({
loop:true,
nav:true,
autoplay:false,
dots:false,
navText: ["<i class='icon icon-chevron-left'></i>","<i class='icon icon-chevron-right'></i>"],
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
});
/*--------------------------
Services carousel
---------------------------- */
var service_carousel = $('.service-carousel');
service_carousel.owlCarousel({
loop:true,
nav:true,
autoplay:false,
dots:false,
navText: ["<i class='icon icon-chevron-left'></i>","<i class='icon icon-chevron-right'></i>"],
responsive:{
0:{
items:1
},
600:{
items:2
},
1000:{
items:4
}
}
});
/*--------------------------
Project carousel
---------------------------- */
var port_carousel = $('.project-carousel');
port_carousel.owlCarousel({
loop:true,
nav:true,
autoplay:false,
dots:false,
navText: ["<i class='icon icon-chevron-left'></i>","<i class='icon icon-chevron-right'></i>"],
responsive:{
0:{
items:1
},
600:{
items:2
},
1000:{
items:3
}
}
});
/*----------------------------
isotope active
------------------------------ */
// project start
$(window).on("load",function() {
var $container = $('.project-content');
$container.isotope({
filter: '*',
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
}
});
$('.project-menu li a').on("click", function() {
$('.project-menu li a.active').removeClass('active');
$(this).addClass('active');
var selector = $(this).attr('data-filter');
$container.isotope({
filter: selector,
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
}
});
return false;
});
});
//portfolio end
/*---------------------
Testimonial carousel
---------------------*/
var review = $('.testimonial-carousel');
review.owlCarousel({
loop:true,
nav:true,
margin:15,
navText: ["<i class='icon icon-chevron-left'></i>","<i class='icon icon-chevron-right'></i>"],
dots:false,
autoplay:true,
responsive:{
0:{
items:1
},
768:{
items:1
},
1000:{
items:1
}
}
});
/*----------------------------
brand-carousel-carousel
------------------------------ */
$('.brand-carousel').owlCarousel({
loop:true,
margin:30,
nav:false,
autoplay:true,
dots:false,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:6
}
}
});
/*----------------------------
Contact form
------------------------------ */
$("#contactForm").on("submit", function (event) {
if (event.isDefaultPrevented()) {
formError();
submitMSG(false, "Did you fill in the form properly?");
} else {
event.preventDefault();
submitForm();
}
});
function submitForm(){
var name = $("#name").val();
var email = $("#email").val();
var msg_subject = $("#msg_subject").val();
var message = $("#message").val();
$.ajax({
type: "POST",
url: "assets/contact.php",
data: "name=" + name + "&email=" + email + "&msg_subject=" + msg_subject + "&message=" + message,
success : function(text){
if (text === "success"){
formSuccess();
} else {
formError();
submitMSG(false,text);
}
}
});
}
function formSuccess(){
$("#contactForm")[0].reset();
submitMSG(true, "Message Submitted!")
}
function formError(){
$("#contactForm").removeClass().addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
$(this).removeClass();
});
}
function submitMSG(valid, msg){
if(valid){
var msgClasses = "h3 text-center tada animated text-success";
} else {
var msgClasses = "h3 text-center text-danger";
}
$("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
}
})(jQuery);
Zerion Mini Shell 1.0