text: (function($) {
      "use strict"; // Start of use strict  
      const about = document.querySelector("#aboutText");
      const btn = document.querySelector("#AboutMePic");
      
      btn.addEventListener("click", function(evt) {
          about.classList.toggle("red");
      });
  
      const h1 = document.querySelector("#about h3");
      btn.addEventListener("mouseenter", function(evt) {
          h1.style.display = "none";
      });
      
      btn.addEventListener("mouseleave", function(evt) {
          h1.style.display = "block";
      });
  
      // Smooth scrolling using jQuery easing
      $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
      
      if (location.pathname.replace(/^\//, "") == 
          this.pathname.replace(/^\//, "")&& 
          location.hostname == this.hostname) {
              var target = $(this.hash);
              target = target.length ? target : 
                 $("[name=" + this.hash.slice(1) + "]");
          
          if (target.length) {
  	    $("html, body").animate({scrollTop: target.offset().top - 70},1000,"easeInOutExpo");
  	    return false;
  	}
      }
  });
  
  	// Scroll to top button appear
  	$(document).scroll(function() {
  		var scrollDistance = $(this).scrollTop();
  		if (scrollDistance > 100) {
  			$(".scroll-to-top").fadeIn();
  		}
  		else {
  			$(".scroll-to-top").fadeOut();
  		}
  	});
  
  	// Closes responsive menu when a scroll trigger link is clicked
  	$(".js-scroll-trigger").click(function() {
  		$(".navbar-collapse").collapse("hide");
  	});
  
  	// Activate scrollspy to add active class to navbar items on scroll
  	$("body").scrollspy({
  		target: "#mainNav",
  		offset: 80
  	});
  
  	// Collapse Navbar
  	var navbarCollapse = function() {
  		if ($("#mainNav").offset().top > 100) {
  			$("#mainNav").addClass("navbar-shrink");
  		}
  		else {
  			$("#mainNav").removeClass("navbar-shrink");
  		}
  	};
  	// Collapse now if page is not at top
  	navbarCollapse();
  	// Collapse the navbar when page is scrolled
  	$(window).scroll(navbarCollapse);
  
  	// Modal popup$(function () {
  	$(".portfolio-item").magnificPopup({
  		type: "inline",
  		preloader: false,
  		focus: "#username",
  		modal: true
  	});
  	$(document).on("click", ".portfolio-modal-dismiss", function(e) {
  		e.preventDefault();
  		$.magnificPopup.close();
  	});
  
  	// Floating label headings for the contact form
  	$(function() {
  		$("body")
  			.on("input propertychange", ".floating-label-form-group", function(e) {
  				$(this).toggleClass("floating-label-form-group-with-value", !!$(e.target).val());
  			})
  			.on("focus", ".floating-label-form-group", function() {
  				$(this).addClass("floating-label-form-group-with-focus");
  			})
  			.on("blur", ".floating-label-form-group", function() {
  				$(this).removeClass("floating-label-form-group-with-focus");
  			});
  	});
  	/* ==========================================================================
     									VIDEO POP-UP
     ========================================================================== */
  	$(".video-popup").magnificPopup({
  		disableOn: 700,
  		type: "iframe",
  		mainClass: "mfp-fade",
  		removalDelay: 160,
  		preloader: false,
  		fixedContentPos: false
  	});
  	/* ==========================================================================
       										Page Loader
       ========================================================================== */
  	$(window).on("load", function() {
  		"use strict";
  		$("#loader").fadeOut();
  	});
  })(jQuery); // End of use strict
  