first commit

resources/assets/js/demos/demo-band.js

@@ -0,0 +1,51 @@
+/*
+Name: 			Band
+Written by: 	Okler Themes - (http://www.okler.net)
+Theme Version:	12.1.0
+*/
+
+(($ => {
+    /*
+    * Add "active" class to animate Custom Porto SVG Logo
+    */
+    $(window).on('load', () => {
+        setTimeout(() => {
+            $('.custom-porto-svg-logo').addClass('active');
+        }, 1000);
+    });
+
+    /*
+	* Scroll and Focus
+	*/
+    function scrollAndFocus($this, scrollTarget, focusTarget, scrollOffset, scrollAgain) {
+		($ => {
+
+			$('body').addClass('scrolling');
+
+			// if it's inside a header menu
+			if( $($this).closest('#mainNav').length ) {
+				$($this).parents('.collapse.show').collapse('hide');
+			}
+
+			$('html, body').animate({
+				scrollTop: $(scrollTarget).offset().top - (scrollOffset ? scrollOffset : 0)
+			}, 300, () => {
+				$('body').removeClass('scrolling');
+
+				setTimeout(() => {
+					$(focusTarget).focus();
+				}, 500);
+
+				if( scrollAgain ) {
+					$('html, body').animate({
+						scrollTop: $(scrollTarget).offset().top - (scrollOffset ? scrollOffset : 0)
+					});
+				}
+			});
+		})(jQuery);
+	}
+
+    $('[data-scroll-and-focus]').on('click', function() {
+		scrollAndFocus($(this), '#contact', '#name', 70, true);
+	});
+})).apply( this, [ jQuery ]);