Nuevos cambios hechos de diseño

desarrollo2/diseno/registro-cliente/js/main.js

@@ -0,0 +1,353 @@
+// Open Sub Menu
+$('.drp_btn').click(function(){
+  $(this).siblings('.sub_menu').slideToggle();
+})
+
+// Preloader JS
+
+function preloader_fade() {
+  $("#preloader").fadeOut('slow');
+}
+
+$(document).ready(function() {
+  window.setTimeout("preloader_fade();", 500); //call fade in .5 seconds
+}
+)
+
+
+// All Slider Js
+
+$('#frmae_slider').owlCarousel({
+    loop:true,
+    margin:10,
+    autoplay: true,
+    smartSpeed: 1500,
+    nav:false,
+    dots: true, 
+    responsive:{
+        0:{
+            items:1
+        },
+        600:{
+            items:1
+        },
+        1000:{
+            items:1
+        }
+    }
+})
+
+$('#company_slider').owlCarousel({
+    loop:true,
+    margin:10,
+    nav:false,
+    autoplay: true,
+    smartSpeed: 1500,
+    dots: true, 
+    responsive:{
+        0:{
+            items:2
+        },
+        600:{
+            items:3
+        },
+        1000:{
+            items:5
+        }
+    }
+})
+
+
+$('#testimonial_slider').owlCarousel({
+    loop:true,
+    margin:10,
+    nav:false,
+    autoplay: true,
+    smartSpeed: 2500,
+    dots: true, 
+    responsive:{
+        0:{
+            items:1
+        },
+        600:{
+            items:1
+        },
+        1000:{
+            items:1
+        }
+    }
+})
+
+
+$('#screen_slider').owlCarousel({
+    loop:true,
+    margin:10,
+    nav:false,
+    dots: true, 
+    autoplay: true,
+    smartSpeed: 2500,
+    center: true,
+    responsive:{
+        0:{
+            items:1
+        },
+        600:{
+            items:3
+        },
+        1000:{
+            items:5
+        }
+    }
+})
+
+
+// Number Count
+window.addEventListener('scroll', function() {
+	var element = document.querySelector('#counter');
+	var position = element.getBoundingClientRect();
+
+	// checking whether fully visible
+	if(position.top >= 0 && position.bottom <= window.innerHeight) {
+    $('.counter-value').each(function() {
+      var $this = $(this),
+        countTo = $this.attr('data-count');
+      $({
+        countNum: $this.text()
+      }).animate({
+          countNum: countTo
+        },
+
+        {
+
+          duration: 2000,
+          easing: 'swing',
+          step: function() {
+            $this.text(Math.floor(this.countNum));
+          },
+          complete: function() {
+            $this.text(this.countNum);
+            //alert('finished');
+          }
+
+        });
+    });
+	}
+
+	if(position.top < window.innerHeight && position.bottom >= 0) {
+		//console.log('Element is partially visible in screen');
+	}else{
+    //console.log('Element is not visible');
+    $('.counter-value').each(function() {
+      var $this = $(this),
+        countTo = 0;
+      $({
+        countNum: $this.text()
+      }).animate({
+          countNum: countTo
+        },
+
+        {
+
+          duration: 100,
+          easing: 'swing',
+          step: function() {
+            $this.text(Math.floor(this.countNum));
+          },
+          complete: function() {
+            $this.text(this.countNum);
+            //alert('finished');
+          }
+
+        });
+    });   
+  }
+});
+
+
+
+// --------Magnify-popup
+
+$(function() {
+    $('.popup-youtube').magnificPopup({
+        disableOn: 700,
+        type: 'iframe',
+        mainClass: 'mfp-fade',
+        removalDelay: 160,
+        preloader: false,
+        fixedContentPos: false
+    });
+});
+
+
+// Pricing Section Year Month Jquery
+$(document).ready(function () {
+
+    $(".tog_block").click(function () {
+      $(".tog_btn").toggleClass('month_active');
+      $('.month').toggleClass('active');
+      $('.years').toggleClass('active');
+
+      $('.monthly_plan').toggleClass('active');
+      $('.yearly_plan').toggleClass('active');
+
+    })
+
+  });
+
+  $(document).ready(function () {
+    // Add minus icon for collapse element which is open by default
+    $(".collapse.show").each(function () {
+      $(this)
+        .prev(".card-header")
+        .find(".icon_faq")
+        .addClass("icofont-minus")
+        .removeClass("icofont-plus");
+    });
+
+
+    // Toggle plus minus icon on show hide of collapse element
+    $(".collapse").on("show.bs.collapse", function () {
+        $(this).prev(".card-header").find(".icon_faq").removeClass("icofont-plus").addClass("icofont-minus");
+      })
+      .on("hide.bs.collapse", function () {
+        $(this).prev(".card-header").find(".icon_faq").removeClass("icofont-minus").addClass("icofont-plus");
+      });
+
+      $(".collapse").on("show.bs.collapse", function () {
+        $(this).prev(".card-header").children('h2').children('.btn').addClass("active");
+      })
+      .on("hide.bs.collapse", function () {
+        $(this).prev(".card-header").children('h2').children('.btn').removeClass("active");
+      });
+  });
+
+
+// Download Section Hover Jquery
+window.addEventListener('scroll', function() {
+	var element = document.querySelector('.free_text');
+	var position = element.getBoundingClientRect();
+
+	if(position.top < window.innerHeight && position.bottom >= 0) {
+    $('.purple_backdrop').css("opacity", "1");
+	}else{
+    //console.log('Element is not visible');
+    $('.purple_backdrop').css("opacity", "0");
+  }
+});
+
+$(window).on('resize', function() {
+  if ($(window).width()<768) {
+      
+    window.addEventListener('scroll', function() {
+      var element = document.querySelector('.mobile_mockup');
+      var position = element.getBoundingClientRect();
+    
+      if(position.top < window.innerHeight && position.bottom >= 0) {
+        $('.purple_backdrop').css("opacity", "1");
+      }else{
+        //console.log('Element is not visible');
+        $('.purple_backdrop').css("opacity", "0");
+      }
+    });
+
+  }  
+  else {
+
+    window.addEventListener('scroll', function() {
+      var element = document.querySelector('.free_text');
+      var position = element.getBoundingClientRect();
+    
+      if(position.top < window.innerHeight && position.bottom >= 0) {
+        $('.purple_backdrop').css("opacity", "1");
+      }else{
+        //console.log('Element is not visible');
+        $('.purple_backdrop').css("opacity", "0");
+      }
+    });
+
+  }
+});
+
+
+// Scrool-top
+$(document).ready(function() {
+  var toTop = $('.go_top');
+  toTop.on('click', function() {
+    $('html, body').animate({scrollTop: $('html, body').offset().top,}, 400);
+  });
+
+  $(window).scroll(function() {
+    // declare variable
+    var topPos = $(this).scrollTop();
+
+    // if user scrolls down - show scroll to top button
+    if (topPos > 750) {
+      $(toTop).css("opacity", "1");
+
+    } else {
+      $(toTop).css("opacity", "0");
+    }
+
+  });
+
+});
+
+// Fix Header Js
+$(window).scroll(function(){
+  if ($(window).scrollTop() >= 250) {
+      $('header').addClass('fix_style');
+  }
+  else {
+      $('header').removeClass('fix_style');
+  }
+  if ($(window).scrollTop() >= 260) {
+      $('header').addClass('fixed');
+  }
+  else {
+      $('header').removeClass('fixed');
+  }
+});
+
+
+
+
+//YOUTUBE VIDEO
+$('.play-button').click(function(e){
+  var iframeEl = $('<iframe>', { src: $(this).data('url') });
+  $('#youtubevideo').attr('src', $(this).data('url'));
+})
+
+$('#close-video').click(function(e){
+  $('#youtubevideo').attr('src', '');
+}); 
+
+$(document).on('hidden.bs.modal','#myModal', function () {
+  $('#youtubevideo').attr('src', '');
+}); 
+
+
+
+// Close btn on click 
+
+$(document).ready(function(){
+  $('.navbar-toggler').click(function(){
+    if($(this).children('span').children('.ico_menu').hasClass('icofont-navigation-menu')) {
+      $(this).children('span').children('.ico_menu').removeClass('icofont-navigation-menu').addClass('icofont-close');
+    } else {
+      $(this).children('span').children('.ico_menu').removeClass('icofont-close').addClass('icofont-navigation-menu');
+    }
+  });
+});
+
+(function() {
+  $('.toggle-wrap').on('click', function() {
+    $(this).toggleClass('active');
+    $('aside').animate({width: 'toggle'}, 200);
+  });
+})();
+
+
+// INITIALIZE AOS
+
+AOS.init();
+