Tsunamijaan

Right-side-or-Span-Humbaer_menu-Html---



<div  class="nav gnavi">
                    <div class="nav-btn">
                        <a href="#">
                            <span class="bars">
                                <span class="bar"></span>
                                <span class="bar"></span>

Tsunamijaan

<div class="col-xl-10">
                        <div class="main-menu">
                            <nav>
                                <ul>
                                    <li><a href="#">Home</a></li>
                                    <li><a href="#">About</a></li>
                                    <li><a href="#">Blog</a></li>
                                    <li><a href="#">Gallery</a></li>
                                    <li><a href="#">Contact</a></li>
                                </ul>

Tsunamijaan

$("#scrollToTop").on('click',function(){
		$("body, html").animate({scrollTop : 0}, 500);
		return false;
});

Tsunamijaan

function mainSlider() {
        var BasicSlider = $('.slider-active');
        BasicSlider.on('init', function(e, slick) {
            var $firstAnimatingElements = $('.single-slider:first-child').find('[data-animation]');
            doAnimations($firstAnimatingElements);
        });
        BasicSlider.on('beforeChange', function(e, slick, currentSlide, nextSlide) {
            var $animatingElements = $('.single-slider[data-slick-index="' + nextSlide + '"]').find('[data-animation]');
            doAnimations($animatingElements);
        });

Tsunamijaan

// way one
var i = 1;
$('.owl-carousel .owl-dot').each(function(){
  $(this).text(i);
  i++;
});


//way two
var dot = $('.slideWrap .owl-dot');

Tsunamijaan

 $(window).on('scroll',function() {    
   var scroll = $(window).scrollTop();
   if (scroll < 245) {
    $(".header-middle").removeClass("scroll-header");
   }else{
    $(".header-middle").addClass("scroll-header");
   }
  });
  
  

Tsunamijaan

/* TOP Menu Stick  */
$(window).on('scroll',function() {
if ($(this).scrollTop() > 1){  
    $('#sticky-header').addClass("sticky");
  }
  else{
    $('#sticky-header').removeClass("sticky");
  }
}); 

Tsunamijaan

// ======mixitup-filtering-with-masonary-start-here===== 
//  init Isotope
    var $grid = $('#grid').isotope({
        itemSelector: '.grid-item',
        layoutMode: 'fitRows',
        getSortData: {
            name: '.name',
            symbol: '.symbol',
            number: '.number parseInt',
            category: '[data-category]',

Tsunamijaan

 $('.popup-view').magnificPopup({

        type: 'image',
        gallery: {
            enabled: true
        },

    });

Tsunamijaan

   $.scrollUp({
        scrollName: 'scrollUp',      // Element ID
        scrollDistance: 300,         // Distance from top/bottom before showing element (px)
        scrollFrom: 'top',           // 'top' or 'bottom'
        scrollSpeed: 300,            // Speed back to top (ms)
        easingType: 'linear',        // Scroll to top easing (see http://easings.net/)
        animation: 'fade',           // Fade, slide, none
        animationSpeed: 200,         // Animation speed (ms)
        scrollTrigger: false,        // Set a custom triggering element. Can be an HTML string or jQuery object
        scrollTarget: false,         // Set a custom target element for scrolling to. Can be element or number