"use strict"; /*========== Custome 1 Slider start ================*/ $('.custom1').owlCarousel({ animateOut: 'fadeOut', items:1, nav:true, dots:false, autoplay:true, loop:true }); /*========== Custome 1 Slider end ================*/ /*========== Custome 2 Slider start ================*/ $('.custom2').owlCarousel({ animateOut: 'fadeOut', items:1, nav:false, dots:true, autoplay:true, loop:true }); /*========== Custome 2 Slider end ================*/ /*========== Testimonials Slider start ================*/ $('.testi_slider').owlCarousel({ items:1, nav:false, dots:true, autoplay:true, loop:true }); /*========== Testimonials Slider end ================*/ /*========== Timeline Slider start ================*/ $('.timeline_slider').owlCarousel({ items:4, nav:true, dots:true, autoplay:false, responsiveClass:true, responsive:{ 0:{ items:1 }, 480:{ items:2 }, 768:{ items:4 }, 640:{ items:4 }, 1000:{ items:4 } } }); /*========== Timeline Slider end ================*/ /*========== Featured Work start ================*/ $(function () { var filterList = { init: function () { // MixItUp plugin // http://mixitup.io $('#portfoliolist').mixitup({ targetSelector: '.portfolio', filterSelector: '.filter', effects: ['fade'], easing: 'snap', // call the hover effect onMixEnd: filterList.hoverEffect() }); }, hoverEffect: function () { // Simple parallax effect $('#portfoliolist .portfolio').hover( function () { $(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad'); $(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad'); }, function () { $(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad'); $(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad'); } ); } }; // Run the show! filterList.init(); }); $(function () { var filterList = { init: function () { // MixItUp plugin // http://mixitup.io $('#portfoliolist1').mixitup({ targetSelector: '.portfolio', filterSelector: '.filter', effects: ['fade'], easing: 'snap', // call the hover effect onMixEnd: filterList.hoverEffect() }); }, hoverEffect: function () { // Simple parallax effect $('#portfoliolist1 .portfolio').hover( function () { $(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad'); $(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad'); }, function () { $(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad'); $(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad'); } ); } }; // Run the show! filterList.init(); }); /*========== Featured Work end ================*/ /* Masonry Function */ function MasonryPortfolio() { if( $('#portfolio-wrap').length > 0 ){ var $container = $('#portfolio'); $container.isotope({ itemSelector: '.grid-item', gutter:0, transitionDuration: "0.5s" }); $('#filters a').on('click',function(){ $('#filters a').removeClass('active'); $(this).addClass('active'); var selector = $(this).attr('data-filter'); /*$container.isotope({ filter: selector }); */ $container.isotope({ filter: selector }); return false; }); $(document).scroll(function () { if($('.auto-construct').length > 0 ){ var y = $(this).scrollTop(); var t = $('#portfolio').offset().top + $('#portfolio').height() - window.innerHeight; if (y > t) { $('#portfolio').removeClass('auto-construct'); } } }); $(window).on( 'resize', function () { var winWidth = window.innerWidth; columnNumb = 1; var attr_col = $('#portfolio').attr('data-col'); if (winWidth >= 1025) { if($("body").hasClass("full_masonary")){ $('#portfolio-wrap').css( {width : (winWidth-40) + 'px'}); $('#portfolio-wrap.no-gutter').css( {width : (winWidth-40) + 'px'}); $('#portfolio-wrap').css( {margin : 'auto'}); $('#portfolio-wrap.no-gutter').css( {margin : 'auto'}); }else{ $('#portfolio-wrap').css( {width : 1170 + 'px'}); $('#portfolio-wrap.no-gutter').css( {width : 1170 + 'px'}); } var portfolioWidth = $('#portfolio-wrap').width(); var postWidth; if (typeof attr_col !== typeof undefined && attr_col !== false) { columnNumb = $('#portfolio').attr('data-col'); } else columnNumb = 3; postWidth = Math.floor(portfolioWidth / columnNumb); $container.find('.grid-item').each(function () { $('.grid-item').css( { width : postWidth - 20 + 'px', height : postWidth * 0.948 - 20 + 'px', margin : 10 + 'px' }); $('.no-gutter .grid-item').css( { width : postWidth + 'px', height : postWidth * 0.9089 + 'px', margin : 0 + 'px' }); $('.grid-item.wide').css( { width : postWidth * 2 - 20 + 'px' }); $('.no-gutter .grid-item.wide').css( { width : postWidth * 2 + 'px' }); $('.grid-item.tall').css( { height : postWidth * 1.890 - 20 + 'px' }); $('.no-gutter .grid-item.tall').css( { height : postWidth * 2 + 'px' }); $('.grid-item.wide-tall').css( { width : postWidth * 2 - 25 + 'px', height : postWidth * 2 - 60 + 'px' }); $('.no-gutter .grid-item.wide-tall').css( { width : postWidth * 2 + 'px', height : postWidth * 1.5 + 'px' }); }); } else if (winWidth >= 1024) { $('#portfolio-wrap').css( {width : 940 + 'px'}); $('#portfolio-wrap.no-gutter').css( {width : 940 + 'px'}); var portfolioWidth = $('#portfolio-wrap').width(); if (typeof attr_col !== typeof undefined && attr_col !== false) { columnNumb = $('#portfolio').attr('data-col'); } else columnNumb = 3; postWidth = Math.floor(portfolioWidth / columnNumb); $container.find('.grid-item').each(function () { $('.grid-item').css( { width : postWidth - 20 + 'px', height : postWidth * 0.945 - 20 + 'px', margin : 10 + 'px' }); $('.no-gutter .grid-item').css( { width : postWidth + 'px', height : postWidth * 0.9089 + 'px', margin : 0 + 'px' }); $('.grid-item.wide').css( { width : postWidth * 2 - 20 + 'px' }); $('.no-gutter .grid-item.wide').css( { width : postWidth * 2 + 'px' }); $('.grid-item.tall').css( { height : postWidth * 1.875 - 20 + 'px' }); $('.no-gutter .grid-item.tall').css( { height : postWidth * 2 + 'px' }); $('.grid-item.wide-tall').css( { width : postWidth * 2 - 25 + 'px', height : postWidth * 2 - 60 + 'px' }); $('.no-gutter .grid-item.wide-tall').css( { width : postWidth * 2 + 'px', height : postWidth * 1.5 + 'px' }); }); } else if (winWidth >= 768) { $('#portfolio-wrap').css( {width : 710 + 'px'}); $('#portfolio-wrap.no-gutter').css( {width : 710 + 'px'}); var portfolioWidth = $('#portfolio-wrap').width(); if (typeof attr_col !== typeof undefined && attr_col !== false) { columnNumb = $('#portfolio').attr('data-col'); } else columnNumb = 3; postWidth = Math.floor(portfolioWidth / columnNumb); $container.find('.grid-item').each(function () { $('.grid-item').css( { width : postWidth - 20 + 'px', height : postWidth * 0.946 - 20 + 'px', margin : 10 + 'px' }); $('.no-gutter .grid-item').css( { width : postWidth + 'px', height : postWidth * 0.9089 + 'px', margin : 0 + 'px' }); $('.grid-item.wide').css( { width : postWidth * 2 - 20 + 'px' }); $('.no-gutter .grid-item.wide').css( { width : postWidth * 2 + 'px' }); $('.grid-item.tall').css( { height : postWidth * 1.875 - 20 + 'px' }); $('.no-gutter .grid-item.tall').css( { height : postWidth * 2 + 'px' }); $('.grid-item.wide-tall').css( { width : postWidth * 2 - 24 + 'px', height : postWidth * 2 - 50 + 'px' }); $('.no-gutter .grid-item.wide-tall').css( { width : postWidth * 2 + 'px', height : postWidth * 1.5 + 'px' }); }); } else if (winWidth < 767 && winWidth > 481) { $('#portfolio-wrap').css( {width : 100 + '%'}); $('#portfolio-wrap.no-gutter').css( {width : 100 + '%'}); var portfolioWidth = $('#portfolio-wrap').width(), columnNumb = 2; postWidth = Math.floor(portfolioWidth / columnNumb); $container.find('.grid-item').each(function () { $('.grid-item').css( { width : postWidth - 20 + 'px', height : postWidth * 0.75 - 20 + 'px', margin : 10 + 'px' }); $('.no-gutter .grid-item').css( { width : postWidth + 'px', height : postWidth * 0.75 + 'px', margin : 0 + 'px' }); $('.grid-item.wide').css( { width : postWidth * 2 - 20 + 'px' }); $('.no-gutter .grid-item.wide').css( { width : postWidth * 2 + 'px' }); $('.grid-item.tall').css( { height : postWidth * 1.5 - 20 + 'px' }); $('.no-gutter .grid-item.tall').css( { height : postWidth * 1.5 + 'px' }); $('.grid-item.wide-tall').css( { width : postWidth * 2 - 20 + 'px', height : postWidth * 1.5 - 20 + 'px' }); $('.no-gutter .grid-item.wide-tall').css( { width : postWidth * 2 + 'px', height : postWidth * 1.5 + 'px' }); }); } else if (winWidth <= 480) { $('#portfolio-wrap').css( {width : 100 + '%'}); $('#portfolio-wrap.no-gutter').css( {width : 100 + '%'}); var portfolioWidth = $('#portfolio-wrap').width(), columnNumb = 1; postWidth = Math.floor(portfolioWidth / columnNumb); $container.find('.grid-item').each(function () { $('.grid-item').css( { width : postWidth + 'px', height : postWidth * 0.75 + 'px', margin : 10 + 'px' + 0 + 'px' }); $('.no-gutter .grid-item').css( { width : postWidth + 'px', height : postWidth * 0.75 + 'px', margin : 0 + 'px' }); $('.grid-item.wide').css( { width : postWidth + 'px' }); $('.no-gutter .grid-item.wide').css( { width : postWidth + 'px' }); $('.grid-item.tall').css( { height : postWidth * 1.5 + 'px' }); $('.no-gutter .grid-item.tall').css( { height : postWidth * 1.5 + 'px' }); $('.grid-item.wide-tall').css( { width : postWidth + 'px', height : postWidth * 0.75 + 'px' }); $('.no-gutter .grid-item.wide-tall').css( { width : postWidth + 'px', height : postWidth * 0.75 + 'px' }); }); } return columnNumb; }).resize(); $("#all").click(); if (window.innerWidth >= 1466) { if($('.auto-construct').length > 0 ){ $('.grid-item').each(function(i){ $(this).css({'opacity':0, 'margin-top':180 + 'px', 'margin-bottom':80 + 'px'}); if($('.auto-construct').length > 0 ){ $(this).appear(function() { $(this).delay(i*50).animate({'opacity':1, 'margin-top':10 + 'px', 'margin-bottom':10 + 'px'},300,'easeOutSine'); }); } }); } } else if (window.innerWidth > 1024) { if($('.auto-construct').length > 0 ){ $('.grid-item').each(function(i){ $(this).css({'opacity':0, 'margin-top':180 + 'px', 'margin-bottom':80 + 'px'}); if($('.auto-construct').length > 0 ){ $(this).appear(function() { $(this).delay(i*50).animate({'opacity':1, 'margin-top':10 + 'px', 'margin-bottom':10 + 'px'},300,'easeOutSine'); }); } }); } } } }/*End MasonryPortfolio*/ /*========== Testimonials Slider Start ================*/ $('.testimonials').owlCarousel({ loop:true, autoplay:true, nav:false, dots:false, smartSpeed: 1500, margin:0, responsiveClass:true, responsive:{ 0:{ items:1 }, 480:{ items:1 }, 1000:{ items:1 } } }); /*========== Testimonials Slider end ================*/ /*========== Why Choose Slider Start ================*/ $('.slider_block').owlCarousel({ loop:true, nav:true, dots:false, smartSpeed: 1500, margin:0, responsiveClass:true, responsive:{ 0:{ items:1 }, 480:{ items:2 }, 1000:{ items:3 } } }); /*========== Why Choose Slider end ================*/ /*========== Clients Slider Start ================*/ $('.clients').owlCarousel({ loop:true, autoplay:true, nav:true, dots:false, smartSpeed: 1500, margin:0, responsiveClass:true, responsive:{ 0:{ items:1 }, 480:{ items:2 }, 1000:{ items:6 } } }); /*========== Clients Slider end ================*/ /*========== Testimonials Slider Start ================*/ $('.featured_work').owlCarousel({ loop:true, autoplay:true, nav:true, dots:false, smartSpeed: 1500, margin:0, responsiveClass:true, responsive:{ 0:{ items:1 }, 480:{ items:2 }, 1000:{ items:3 } } }); /*========== Testimonials Slider end ================*/ /*========== Clients Slider 2 Start ================*/ $('.clients2').owlCarousel({ loop:true, autoplay:true, nav:true, dots:false, smartSpeed: 1500, margin:0, responsiveClass:true, responsive:{ 0:{ items:1 }, 480:{ items:2 }, 1000:{ items:4 } } }); /*========== Clients Slider 2 end ================*/ /*========== shop cart slider ==========*/ $('.interested_block').owlCarousel({ loop:true, autoplay:true, nav:true, dots:false, smartSpeed: 1500, margin:0, responsiveClass:true, responsive:{ 0:{ items:1 }, 480:{ items:2 }, 1000:{ items:4 } } }); /*========== shop cart slider ==========*/ /*========== Clients Slider 2 Start ================*/ $('.clients-2 .clients3').owlCarousel({ loop:true, autoplay:true, nav:true, dots:false, smartSpeed: 1500, margin:0, responsiveClass:true, responsive:{ 0:{ items:1 }, 480:{ items:2 }, 768:{ items:3 }, 1000:{ items:6 } } }); /*========== Clients Slider 2 end ================*/ /*========== Project-details1 image gallery start ================*/ $('.project_gallery').owlCarousel({ //loop:true, //autoplay:true, nav:true, dots:false, smartSpeed: 1500, margin:0, URLhashListener:true, autoplayHoverPause:true, startPosition: 'URLHash', responsiveClass:true, responsive:{ 0:{ items:1 }, 480:{ items:1 }, 1000:{ items:1 } } }); /*========== Project-details1 image gallery end ================*/ /*========== About image gallery start ================*/ $('.about_gallery').owlCarousel({ //loop:true, //autoplay:true, nav:true, dots:false, smartSpeed: 1500, margin:0, URLhashListener:true, autoplayHoverPause:true, startPosition: 'URLHash', responsiveClass:true, responsive:{ 0:{ items:1 }, 480:{ items:1 }, 1000:{ items:1 } } }); /*========== About image gallery end ================*/ /*========== Selectpicker start ================*/ $(function () { $('.selectpicker').selectpicker(); }); /*========== Selectpicker end ================*/ /*========== Accordion start ================*/ $(function () { if($('.accordion_main').length>0)$('.accordion_main').accordion({ autoHeight:true }); }); $(function () { if($('.accordion_block').length>0)$('.accordion_block').accordion({ autoHeight:true }); }); $(function () { if($('.faq_accordion-main .accordion_block').length>0)$('.faq_accordion-main .accordion_block').accordion({ active: 1, autoHeight:true }); }); $(function () { if($('.career_content .accordion_block').length>0)$('.career_content .accordion_block').accordion({ active: 1, autoHeight:true }); }); $(function() { if($('#accordion').length>0)$( "#accordion" ).accordion({autoHeight:true}); }); /*========== Accordion end ================*/ /*========== Search Drop Down start ================*/ $(function () { $(".header .search_bar").on('click',function(){ $(".header .search_block").slideToggle(); }); $(".load_more").on('click',function(){ $(".singlecol").removeClass("display_none"); $(".load_more").addClass("display_none"); }) }); /*========== Search Drop Down end ================*/ /*========== Slider Height Start ================*/ /*function slider_height() { var height = jQuery(window).height(); var sliderheight = (height); sliderheight = parseInt(sliderheight) + 'px'; jQuery("#full_width_slider-2, #full_width_slider-2 .item img").css('height',sliderheight); }*/ jQuery(document).ready(function() { /*slider_height(); jQuery(window).bind('resize', slider_height);*/ var height= $( window ).height(); $(".full_banner").css("height" , height); /** form_1 JS **/ if(jQuery("#form_1").length>0){ jQuery("#form_1").on("submit", function(e){ e.preventDefault(); var user_name = jQuery('#yname').val(); var user_email = jQuery('#yemail').val(); var user_subject = jQuery('#ysubject').val(); var user_text = jQuery('#ytext').val(); console.log("test"); if(user_name!=="" && user_email!=="" && user_subject!=="" && user_text!=="") { var post_data = { 'user_name': user_name, 'user_email': user_email, 'user_subject': user_subject, 'user_text': user_text }; //Ajax post data to server jQuery.post('php/contact_me_1.php', post_data, function(response) { var output; //load json data from server and output message if (response.type == 'error') { output = '