From fe0c56a5df26ceac707469e54bfee058e41f77f4 Mon Sep 17 00:00:00 2001
From: ka-official <28082618-ka-official@users.noreply.replit.com>
Date: Tue, 17 Mar 2026 20:40:23 +0000
Subject: [PATCH] Improve website performance by optimizing images and scripts

Add `defer` attribute to all script tags, implement lazy loading for images, and replace a large GIF with a smaller JPG to significantly reduce page load times.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8702cea6-5379-4542-9446-7e71f9f057ab
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 2b20dec5-94a9-483a-a567-1547f23caa2f
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/705de26f-a3c1-41e6-845d-88f96627134c/8702cea6-5379-4542-9446-7e71f9f057ab/ejKynqE
Replit-Helium-Checkpoint-Created: true
---
 404.html       |  36 ++--
 about.html     |  44 ++--
 austin.html    |  38 ++--
 contact.html   |  38 ++--
 dallas.html    |  38 ++--
 index.html     |  55 ++---
 js/function.js | 562 +++++++++++++++++++++++++------------------------
 liability.html |  36 ++--
 sponsors.html  |  44 ++--
 9 files changed, 448 insertions(+), 443 deletions(-)

diff --git a/404.html b/404.html
index 1b38e2e..c90f80c 100644
--- a/404.html
+++ b/404.html
@@ -284,38 +284,38 @@
 
 
     <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
+    <script src="js/jquery-3.7.1.min.js" defer></script>
     <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
+    <script src="js/bootstrap.min.js" defer></script>
     <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
+    <script src="js/validator.min.js" defer></script>
     <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
+    <script src="js/jquery.slicknav.js" defer></script>
     <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
+    <script src="js/swiper-bundle.min.js" defer></script>
     <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
+    <script src="js/jquery.waypoints.min.js" defer></script>
+    <script src="js/jquery.counterup.min.js" defer></script>
     <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
+    <script src="js/jquery.magnific-popup.min.js" defer></script>
     <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
+    <script src="js/SmoothScroll.js" defer></script>
     <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
+    <script src="js/parallaxie.js" defer></script>
     <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
+    <script src="js/gsap.min.js" defer></script>
+    <script src="js/magiccursor.js" defer></script>
     <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
+    <script src="js/SplitText.js" defer></script>
+    <script src="js/ScrollTrigger.min.js" defer></script>
     <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
+    <script src="js/jquery.mb.YTPlayer.min.js" defer></script>
     <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
+    <script src="js/plyr.js" defer></script>
     <!-- Wow js file -->
-    <script src="js/wow.js"></script>
+    <script src="js/wow.js" defer></script>
     <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/function.js" defer></script>
 </body>
 
 </html>
diff --git a/about.html b/about.html
index 86ff7b4..37fd6b0 100644
--- a/about.html
+++ b/about.html
@@ -143,7 +143,7 @@
             <div class="about-image">
               <div class="about-img-1">
                 <figure class="image-anime reveal">
-                  <img src="images/cricket.png" alt="" />
+                  <img loading="lazy" src="images/cricket.png" alt="" />
                 </figure>
               </div>
 
@@ -410,8 +410,8 @@
                 <div class="pastors-signature">
                   <!-- Pastors Signature Image Start -->
                   <div class="pastors-signature-img">
-                    <img src="images/signature.png" alt="" />
-                    <img src="images/saim-sign.png" alt="" />
+                    <img loading="lazy" src="images/signature.png" alt="" />
+                    <img loading="lazy" src="images/saim-sign.png" alt="" />
                   </div>
                   <!-- Pastors Signature Image End -->
 
@@ -1073,39 +1073,39 @@
     <!-- Footer End -->
 
     <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
+    <script src="js/jquery-3.7.1.min.js" defer></script>
     <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
+    <script src="js/bootstrap.min.js" defer></script>
     <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
+    <script src="js/validator.min.js" defer></script>
     <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
+    <script src="js/jquery.slicknav.js" defer></script>
     <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
+    <script src="js/swiper-bundle.min.js" defer></script>
     <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
+    <script src="js/jquery.waypoints.min.js" defer></script>
+    <script src="js/jquery.counterup.min.js" defer></script>
     <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
+    <script src="js/jquery.magnific-popup.min.js" defer></script>
     <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
+    <script src="js/SmoothScroll.js" defer></script>
     <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
+    <script src="js/parallaxie.js" defer></script>
     <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
+    <script src="js/gsap.min.js" defer></script>
+    <script src="js/magiccursor.js" defer></script>
     <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
+    <script src="js/SplitText.js" defer></script>
+    <script src="js/ScrollTrigger.min.js" defer></script>
     <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
+    <script src="js/jquery.mb.YTPlayer.min.js" defer></script>
     <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
+    <script src="js/plyr.js" defer></script>
     <!-- Wow js file -->
-    <script src="js/wow.js"></script>
+    <script src="js/wow.js" defer></script>
     <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/function.js" defer></script>
     <!-- Enhanced Animations js -->
-    <script src="js/enhance.js"></script>
+    <script src="js/enhance.js" defer></script>
   </body>
 </html>
diff --git a/austin.html b/austin.html
index 5a4a8c0..a8a4571 100644
--- a/austin.html
+++ b/austin.html
@@ -524,40 +524,40 @@
     <!-- Footer End -->
 
     <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
+    <script src="js/jquery-3.7.1.min.js" defer></script>
     <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
+    <script src="js/bootstrap.min.js" defer></script>
     <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
+    <script src="js/validator.min.js" defer></script>
     <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
+    <script src="js/jquery.slicknav.js" defer></script>
     <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
+    <script src="js/swiper-bundle.min.js" defer></script>
     <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
+    <script src="js/jquery.waypoints.min.js" defer></script>
+    <script src="js/jquery.counterup.min.js" defer></script>
     <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
+    <script src="js/jquery.magnific-popup.min.js" defer></script>
     <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
+    <script src="js/SmoothScroll.js" defer></script>
     <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
+    <script src="js/parallaxie.js" defer></script>
     <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
+    <script src="js/gsap.min.js" defer></script>
+    <script src="js/magiccursor.js" defer></script>
     <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
+    <script src="js/SplitText.js" defer></script>
+    <script src="js/ScrollTrigger.min.js" defer></script>
     <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
+    <script src="js/jquery.mb.YTPlayer.min.js" defer></script>
     <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
+    <script src="js/plyr.js" defer></script>
     <!-- Wow js file -->
-    <script src="js/wow.js"></script>
+    <script src="js/wow.js" defer></script>
     <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/function.js" defer></script>
     <!-- Enhanced Animations js -->
-    <script src="js/enhance.js"></script>
+    <script src="js/enhance.js" defer></script>
 </body>
 
 </html>
diff --git a/contact.html b/contact.html
index 56451ca..319000f 100644
--- a/contact.html
+++ b/contact.html
@@ -386,40 +386,40 @@
 
 
     <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
+    <script src="js/jquery-3.7.1.min.js" defer></script>
     <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
+    <script src="js/bootstrap.min.js" defer></script>
     <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
+    <script src="js/validator.min.js" defer></script>
     <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
+    <script src="js/jquery.slicknav.js" defer></script>
     <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
+    <script src="js/swiper-bundle.min.js" defer></script>
     <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
+    <script src="js/jquery.waypoints.min.js" defer></script>
+    <script src="js/jquery.counterup.min.js" defer></script>
     <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
+    <script src="js/jquery.magnific-popup.min.js" defer></script>
     <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
+    <script src="js/SmoothScroll.js" defer></script>
     <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
+    <script src="js/parallaxie.js" defer></script>
     <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
+    <script src="js/gsap.min.js" defer></script>
+    <script src="js/magiccursor.js" defer></script>
     <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
+    <script src="js/SplitText.js" defer></script>
+    <script src="js/ScrollTrigger.min.js" defer></script>
     <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
+    <script src="js/jquery.mb.YTPlayer.min.js" defer></script>
     <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
+    <script src="js/plyr.js" defer></script>
     <!-- Wow js file -->
-    <script src="js/wow.js"></script>
+    <script src="js/wow.js" defer></script>
     <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/function.js" defer></script>
     <!-- Enhanced Animations js -->
-    <script src="js/enhance.js"></script>
+    <script src="js/enhance.js" defer></script>
 </body>
 
 </html>
diff --git a/dallas.html b/dallas.html
index 37399b0..1b01edc 100644
--- a/dallas.html
+++ b/dallas.html
@@ -524,40 +524,40 @@
 
 
     <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
+    <script src="js/jquery-3.7.1.min.js" defer></script>
     <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
+    <script src="js/bootstrap.min.js" defer></script>
     <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
+    <script src="js/validator.min.js" defer></script>
     <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
+    <script src="js/jquery.slicknav.js" defer></script>
     <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
+    <script src="js/swiper-bundle.min.js" defer></script>
     <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
+    <script src="js/jquery.waypoints.min.js" defer></script>
+    <script src="js/jquery.counterup.min.js" defer></script>
     <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
+    <script src="js/jquery.magnific-popup.min.js" defer></script>
     <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
+    <script src="js/SmoothScroll.js" defer></script>
     <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
+    <script src="js/parallaxie.js" defer></script>
     <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
+    <script src="js/gsap.min.js" defer></script>
+    <script src="js/magiccursor.js" defer></script>
     <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
+    <script src="js/SplitText.js" defer></script>
+    <script src="js/ScrollTrigger.min.js" defer></script>
     <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
+    <script src="js/jquery.mb.YTPlayer.min.js" defer></script>
     <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
+    <script src="js/plyr.js" defer></script>
     <!-- Wow js file -->
-    <script src="js/wow.js"></script>
+    <script src="js/wow.js" defer></script>
     <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/function.js" defer></script>
     <!-- Enhanced Animations js -->
-    <script src="js/enhance.js"></script>
+    <script src="js/enhance.js" defer></script>
 </body>
 
 </html>
diff --git a/index.html b/index.html
index 23541a7..947ec26 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,9 @@
     <title>Texas Scholastic Cricket Board</title>
     <!-- Favicon Icon -->
     <link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
+    <!-- DNS Prefetch for performance -->
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
     <!-- Google Fonts Css-->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -339,14 +342,14 @@
                         <!-- Mission Image Start -->
                         <div class="mission-img">
                             <figure class="image-anime reveal">
-                                <img src="images/about.gif" alt="">
+                                <img loading="lazy" src="images/mission-image.jpg" alt="TSCB Mission">
                             </figure>
                         </div>
                         <!-- Mission Image End -->
 
                         <!-- Mission Life Circle Start -->
                         <div class="mission-life-circle">
-                            <img src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;">
+                            <img loading="lazy" src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;">
                         </div>
                         <!-- Mission Life Circle End -->
                     </div>
@@ -376,7 +379,7 @@
                     <div class="service-item wow fadeInUp">
                         <!-- Icon Box Start -->
                         <div class="icon-box">
-                            <img src="images/dallas.png" alt="">
+                            <img loading="lazy" src="images/dallas.png" alt="">
                         </div>
                         <!-- Icon Box End -->
 
@@ -408,7 +411,7 @@
                     <div class="service-item wow fadeInUp" data-wow-delay="0.75s">
                         <!-- Icon Box Start -->
                         <div class="icon-box">
-                            <img src="images/austin.png" alt="">
+                            <img loading="lazy" src="images/austin.png" alt="">
                         </div>
                         <!-- Icon Box End -->
 
@@ -465,13 +468,13 @@
 
             <div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s">
                 <div class="sponsor-logo-item">
-                    <img src="images/ncca.jpg" alt="NCCA">
+                    <img loading="lazy" src="images/ncca.jpg" alt="NCCA">
                 </div>
                 <div class="sponsor-logo-item">
-                    <img src="images/hit-fantasy.jpg" alt="Hit Fantasy">
+                    <img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy">
                 </div>
                 <div class="sponsor-logo-item">
-                    <img src="images/srisports.png" alt="Sri Sports">
+                    <img loading="lazy" src="images/srisports.png" alt="Sri Sports">
                 </div>
             </div>
 
@@ -737,40 +740,40 @@
     <!-- Footer End -->
 
     <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
+    <script src="js/jquery-3.7.1.min.js" defer></script>
     <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
+    <script src="js/bootstrap.min.js" defer></script>
     <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
+    <script src="js/validator.min.js" defer></script>
     <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
+    <script src="js/jquery.slicknav.js" defer></script>
     <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
+    <script src="js/swiper-bundle.min.js" defer></script>
     <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
+    <script src="js/jquery.waypoints.min.js" defer></script>
+    <script src="js/jquery.counterup.min.js" defer></script>
     <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
+    <script src="js/jquery.magnific-popup.min.js" defer></script>
     <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
+    <script src="js/SmoothScroll.js" defer></script>
     <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
+    <script src="js/parallaxie.js" defer></script>
     <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
+    <script src="js/gsap.min.js" defer></script>
+    <script src="js/magiccursor.js" defer></script>
     <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
+    <script src="js/SplitText.js" defer></script>
+    <script src="js/ScrollTrigger.min.js" defer></script>
     <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
+    <script src="js/jquery.mb.YTPlayer.min.js" defer></script>
     <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
+    <script src="js/plyr.js" defer></script>
     <!-- Wow js file -->
-    <script src="js/wow.js"></script>
+    <script src="js/wow.js" defer></script>
     <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/function.js" defer></script>
     <!-- Enhanced Animations js -->
-    <script src="js/enhance.js"></script>
+    <script src="js/enhance.js" defer></script>
 </body>
 
 </html>
diff --git a/js/function.js b/js/function.js
index a5fc19d..fa9bf0a 100644
--- a/js/function.js
+++ b/js/function.js
@@ -1,140 +1,142 @@
 (function ($) {
     "use strict";
-	
-	var $window = $(window); 
-	var $body = $('body'); 
+        
+        var $window = $(window); 
+        var $body = $('body'); 
 
-	/* Preloader Effect */
-	$window.on('load', function(){
-		$(".preloader").fadeOut(600);
-	});
-	
-	/* Sticky Header */	
-	if($('.active-sticky-header').length){
-		$window.on('resize', function(){
-			setHeaderHeight();
-		});
+        /* Preloader Effect */
+        $window.on('load', function(){
+                $(".preloader").fadeOut(600);
+        });
+        
+        /* Sticky Header */     
+        if($('.active-sticky-header').length){
+                $window.on('resize', function(){
+                        setHeaderHeight();
+                });
 
-		function setHeaderHeight(){
-	 		$("header.main-header").css("height", $('header .header-sticky').outerHeight());
-		}	
-	
-		$(window).on("scroll", function() {
-			var fromTop = $(window).scrollTop();
-			setHeaderHeight();
-			var headerHeight = $('header .header-sticky').outerHeight()
-			$("header .header-sticky").toggleClass("hide", (fromTop > headerHeight + 100));
-			$("header .header-sticky").toggleClass("active", (fromTop > 600));
-		});
-	}	
-	
-	/* Slick Menu JS */
-	$('#menu').slicknav({
-		label : '',
-		prependTo : '.responsive-menu'
-	});
+                function setHeaderHeight(){
+                        $("header.main-header").css("height", $('header .header-sticky').outerHeight());
+                }       
+        
+                $(window).on("scroll", function() {
+                        var fromTop = $(window).scrollTop();
+                        setHeaderHeight();
+                        var headerHeight = $('header .header-sticky').outerHeight()
+                        $("header .header-sticky").toggleClass("hide", (fromTop > headerHeight + 100));
+                        $("header .header-sticky").toggleClass("active", (fromTop > 600));
+                });
+        }       
+        
+        /* Slick Menu JS */
+        $('#menu').slicknav({
+                label : '',
+                prependTo : '.responsive-menu'
+        });
 
-	if($("a[href='#top']").length){
-		$("a[href='#top']").click(function() {
-			$("html, body").animate({ scrollTop: 0 }, "slow");
-			return false;
-		});
-	}
+        if($("a[href='#top']").length){
+                $("a[href='#top']").click(function() {
+                        $("html, body").animate({ scrollTop: 0 }, "slow");
+                        return false;
+                });
+        }
 
-	/* Hero Slider Layout JS */
-	const hero_slider_layout = new Swiper('.hero-slider-layout .swiper', {
-		slidesPerView : 1,
-		speed: 1000,
-		spaceBetween: 0,
-		loop: true,
-		autoplay: {
-			delay: 4000,
-		},
-		pagination: {
-			el: '.hero-pagination',
-			clickable: true,
-		},
-	});
+        /* Hero Slider Layout JS */
+        const hero_slider_layout = new Swiper('.hero-slider-layout .swiper', {
+                slidesPerView : 1,
+                speed: 1000,
+                spaceBetween: 0,
+                loop: true,
+                autoplay: {
+                        delay: 4000,
+                },
+                pagination: {
+                        el: '.hero-pagination',
+                        clickable: true,
+                },
+        });
 
-	/* Core Value Image Carousel JS */
-	if ($('.core-value-slider').length) {
-		const core_value_slider = new Swiper('.core-value-slider .swiper', {
-			slidesPerView : 1,
-			speed: 1000,
-			spaceBetween: 10,
-			loop: true,
-			autoplay: {
-				delay: 5000,
-			},
-			navigation: {
-				nextEl: '.core-value-button-next',
-				prevEl: '.core-value-button-prev',
-			},
-		});
-	}
+        /* Core Value Image Carousel JS */
+        if ($('.core-value-slider').length) {
+                const core_value_slider = new Swiper('.core-value-slider .swiper', {
+                        slidesPerView : 1,
+                        speed: 1000,
+                        spaceBetween: 10,
+                        loop: true,
+                        autoplay: {
+                                delay: 5000,
+                        },
+                        navigation: {
+                                nextEl: '.core-value-button-next',
+                                prevEl: '.core-value-button-prev',
+                        },
+                });
+        }
 
-	/* Service Single Image Carousel JS */
-	if ($('.service-single-slider').length) {
-		const service_single_slider = new Swiper('.service-single-slider .swiper', {
-			slidesPerView : 1,
-			speed: 1000,
-			spaceBetween: 10,
-			loop: true,
-			autoplay: {
-				delay: 5000,
-			},
-			navigation: {
-				nextEl: '.service-single-button-next',
-				prevEl: '.service-single-button-prev',
-			},
-		});
-	}
+        /* Service Single Image Carousel JS */
+        if ($('.service-single-slider').length) {
+                const service_single_slider = new Swiper('.service-single-slider .swiper', {
+                        slidesPerView : 1,
+                        speed: 1000,
+                        spaceBetween: 10,
+                        loop: true,
+                        autoplay: {
+                                delay: 5000,
+                        },
+                        navigation: {
+                                nextEl: '.service-single-button-next',
+                                prevEl: '.service-single-button-prev',
+                        },
+                });
+        }
 
-	/* Ministry Single Image Carousel JS */
-	if ($('.ministry-single-slider').length) {
-		const ministry_single_slider = new Swiper('.ministry-single-slider .swiper', {
-			slidesPerView : 1,
-			speed: 1000,
-			spaceBetween: 10,
-			loop: true,
-			autoplay: {
-				delay: 5000,
-			},
-			pagination: {
-				el: '.swiper-pagination',
-				clickable: true,
-			},
-		});
-	}
+        /* Ministry Single Image Carousel JS */
+        if ($('.ministry-single-slider').length) {
+                const ministry_single_slider = new Swiper('.ministry-single-slider .swiper', {
+                        slidesPerView : 1,
+                        speed: 1000,
+                        spaceBetween: 10,
+                        loop: true,
+                        autoplay: {
+                                delay: 5000,
+                        },
+                        pagination: {
+                                el: '.swiper-pagination',
+                                clickable: true,
+                        },
+                });
+        }
 
-	/* Skill Bar */
-	if ($('.skills-progress-bar').length) {
-		$('.skills-progress-bar').waypoint(function() {
-			$('.skillbar').each(function() {
-				$(this).find('.count-bar').animate({
-				width:$(this).attr('data-percent')
-				},2000);
-			});
-		},{
-			offset: '50%'
-		});
-	}
+        /* Skill Bar */
+        if ($('.skills-progress-bar').length) {
+                $('.skills-progress-bar').waypoint(function() {
+                        $('.skillbar').each(function() {
+                                $(this).find('.count-bar').animate({
+                                width:$(this).attr('data-percent')
+                                },2000);
+                        });
+                },{
+                        offset: '50%'
+                });
+        }
 
-	/* Youtube Background Video JS */
-	if ($('#herovideo').length) {
-		var myPlayer = $("#herovideo").YTPlayer();
-	}
+        /* Youtube Background Video JS */
+        if ($('#herovideo').length) {
+                var myPlayer = $("#herovideo").YTPlayer();
+        }
 
-	/* Audio JS */
-	const player = new Plyr('#player');
+        /* Audio JS */
+        if (document.querySelector('#player')) {
+                const player = new Plyr('#player');
+        }
 
-	/* Init Counter */
-	if ($('.counter').length) {
-		$('.counter').counterUp({ delay: 6, time: 3000 });
-	}
+        /* Init Counter */
+        if ($('.counter').length) {
+                $('.counter').counterUp({ delay: 6, time: 3000 });
+        }
 
-	/* Image Reveal Animation */
-	if ($('.reveal').length) {
+        /* Image Reveal Animation */
+        if ($('.reveal').length) {
         gsap.registerPlugin(ScrollTrigger);
         let revealContainers = document.querySelectorAll(".reveal");
         revealContainers.forEach((container) => {
@@ -161,173 +163,173 @@
         });
     }
 
-	/* Text Effect Animation */
-	if ($('.text-anime-style-1').length) {
-		let staggerAmount 	= 0.05,
-			translateXValue = 0,
-			delayValue 		= 0.5,
-		   animatedTextElements = document.querySelectorAll('.text-anime-style-1');
-		
-		animatedTextElements.forEach((element) => {
-			let animationSplitText = new SplitText(element, { type: "chars, words" });
-				gsap.from(animationSplitText.words, {
-				duration: 1,
-				delay: delayValue,
-				x: 20,
-				autoAlpha: 0,
-				stagger: staggerAmount,
-				scrollTrigger: { trigger: element, start: "top 85%" },
-				});
-		});		
-	}
-	
-	if ($('.text-anime-style-2').length) {				
-		let	 staggerAmount 		= 0.03,
-			 translateXValue	= 20,
-			 delayValue 		= 0.1,
-			 easeType 			= "power2.out",
-			 animatedTextElements = document.querySelectorAll('.text-anime-style-2');
-		
-		animatedTextElements.forEach((element) => {
-			let animationSplitText = new SplitText(element, { type: "chars, words" });
-				gsap.from(animationSplitText.chars, {
-					duration: 1,
-					delay: delayValue,
-					x: translateXValue,
-					autoAlpha: 0,
-					stagger: staggerAmount,
-					ease: easeType,
-					scrollTrigger: { trigger: element, start: "top 85%"},
-				});
-		});		
-	}
-	
-	if ($('.text-anime-style-3').length) {		
-		let	animatedTextElements = document.querySelectorAll('.text-anime-style-3');
-		
-		 animatedTextElements.forEach((element) => {
-			//Reset if needed
-			if (element.animation) {
-				element.animation.progress(1).kill();
-				element.split.revert();
-			}
+        /* Text Effect Animation */
+        if ($('.text-anime-style-1').length) {
+                let staggerAmount       = 0.05,
+                        translateXValue = 0,
+                        delayValue              = 0.5,
+                   animatedTextElements = document.querySelectorAll('.text-anime-style-1');
+                
+                animatedTextElements.forEach((element) => {
+                        let animationSplitText = new SplitText(element, { type: "chars, words" });
+                                gsap.from(animationSplitText.words, {
+                                duration: 1,
+                                delay: delayValue,
+                                x: 20,
+                                autoAlpha: 0,
+                                stagger: staggerAmount,
+                                scrollTrigger: { trigger: element, start: "top 85%" },
+                                });
+                });             
+        }
+        
+        if ($('.text-anime-style-2').length) {                          
+                let      staggerAmount          = 0.03,
+                         translateXValue        = 20,
+                         delayValue             = 0.1,
+                         easeType                       = "power2.out",
+                         animatedTextElements = document.querySelectorAll('.text-anime-style-2');
+                
+                animatedTextElements.forEach((element) => {
+                        let animationSplitText = new SplitText(element, { type: "chars, words" });
+                                gsap.from(animationSplitText.chars, {
+                                        duration: 1,
+                                        delay: delayValue,
+                                        x: translateXValue,
+                                        autoAlpha: 0,
+                                        stagger: staggerAmount,
+                                        ease: easeType,
+                                        scrollTrigger: { trigger: element, start: "top 85%"},
+                                });
+                });             
+        }
+        
+        if ($('.text-anime-style-3').length) {          
+                let     animatedTextElements = document.querySelectorAll('.text-anime-style-3');
+                
+                 animatedTextElements.forEach((element) => {
+                        //Reset if needed
+                        if (element.animation) {
+                                element.animation.progress(1).kill();
+                                element.split.revert();
+                        }
 
-			element.split = new SplitText(element, {
-				type: "lines,words,chars",
-				linesClass: "split-line",
-			});
-			gsap.set(element, { perspective: 400 });
+                        element.split = new SplitText(element, {
+                                type: "lines,words,chars",
+                                linesClass: "split-line",
+                        });
+                        gsap.set(element, { perspective: 400 });
 
-			gsap.set(element.split.chars, {
-				opacity: 0,
-				x: "50",
-			});
+                        gsap.set(element.split.chars, {
+                                opacity: 0,
+                                x: "50",
+                        });
 
-			element.animation = gsap.to(element.split.chars, {
-				scrollTrigger: { trigger: element,	start: "top 90%" },
-				x: "0",
-				y: "0",
-				rotateX: "0",
-				opacity: 1,
-				duration: 1,
-				ease: Back.easeOut,
-				stagger: 0.02,
-			});
-		});		
-	}
+                        element.animation = gsap.to(element.split.chars, {
+                                scrollTrigger: { trigger: element,      start: "top 90%" },
+                                x: "0",
+                                y: "0",
+                                rotateX: "0",
+                                opacity: 1,
+                                duration: 1,
+                                ease: Back.easeOut,
+                                stagger: 0.02,
+                        });
+                });             
+        }
 
-	/* Parallaxie js */
-	var $parallaxie = $('.parallaxie');
-	if($parallaxie.length && ($window.width() > 991))
-	{
-		if ($window.width() > 768) {
-			$parallaxie.parallaxie({
-				speed: 0.55,
-				offset: 0,
-			});
-		}
-	}
+        /* Parallaxie js */
+        var $parallaxie = $('.parallaxie');
+        if($parallaxie.length && ($window.width() > 991))
+        {
+                if ($window.width() > 768) {
+                        $parallaxie.parallaxie({
+                                speed: 0.55,
+                                offset: 0,
+                        });
+                }
+        }
 
-	/* Zoom Gallery screenshot */
-	$('.gallery-items').magnificPopup({
-		delegate: 'a',
-		type: 'image',
-		closeOnContentClick: false,
-		closeBtnInside: false,
-		mainClass: 'mfp-with-zoom',
-		image: {
-			verticalFit: true,
-		},
-		gallery: {
-			enabled: true
-		},
-		zoom: {
-			enabled: true,
-			duration: 300, // don't foget to change the duration also in CSS
-			opener: function(element) {
-			  return element.find('img');
-			}
-		}
-	});
+        /* Zoom Gallery screenshot */
+        $('.gallery-items').magnificPopup({
+                delegate: 'a',
+                type: 'image',
+                closeOnContentClick: false,
+                closeBtnInside: false,
+                mainClass: 'mfp-with-zoom',
+                image: {
+                        verticalFit: true,
+                },
+                gallery: {
+                        enabled: true
+                },
+                zoom: {
+                        enabled: true,
+                        duration: 300, // don't foget to change the duration also in CSS
+                        opener: function(element) {
+                          return element.find('img');
+                        }
+                }
+        });
 
-	/* Contact form validation */
-	var $contactform = $("#contactForm");
-	$contactform.validator({focus: false}).on("submit", function (event) {
-		if (!event.isDefaultPrevented()) {
-			event.preventDefault();
-			submitForm();
-		}
-	});
+        /* Contact form validation */
+        var $contactform = $("#contactForm");
+        $contactform.validator({focus: false}).on("submit", function (event) {
+                if (!event.isDefaultPrevented()) {
+                        event.preventDefault();
+                        submitForm();
+                }
+        });
 
-	function submitForm(){
-		/* Initiate Variables With Form Content*/
-		var fname = $("#fname").val();
-		var lname = $("#lname").val();
-		var email = $("#email").val();
-		var phone = $("#phone").val();
-		var message = $("#msg").val();
+        function submitForm(){
+                /* Initiate Variables With Form Content*/
+                var fname = $("#fname").val();
+                var lname = $("#lname").val();
+                var email = $("#email").val();
+                var phone = $("#phone").val();
+                var message = $("#msg").val();
 
-		$.ajax({
-			type: "POST",
-			url: "form-process.php",
-			data: "fname=" + fname + "&lname=" + lname + "&email=" + email + "&phone=" + phone + "&message=" + message,
-			success : function(text){
-				if (text == "success"){
-					formSuccess();
-				} else {
-					submitMSG(false,text);
-				}
-			}
-		});
-	}
+                $.ajax({
+                        type: "POST",
+                        url: "form-process.php",
+                        data: "fname=" + fname + "&lname=" + lname + "&email=" + email + "&phone=" + phone + "&message=" + message,
+                        success : function(text){
+                                if (text == "success"){
+                                        formSuccess();
+                                } else {
+                                        submitMSG(false,text);
+                                }
+                        }
+                });
+        }
 
-	function formSuccess(){
-		$contactform[0].reset();
-		submitMSG(true, "Message Sent Successfully!")
-	}
+        function formSuccess(){
+                $contactform[0].reset();
+                submitMSG(true, "Message Sent Successfully!")
+        }
 
-	function submitMSG(valid, msg){
-		if(valid){
-			var msgClasses = "h3 text-success";
-		} else {
-			var msgClasses = "h3 text-danger";
-		}
-		$("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
-	}
-	/* Contact form validation end */
+        function submitMSG(valid, msg){
+                if(valid){
+                        var msgClasses = "h3 text-success";
+                } else {
+                        var msgClasses = "h3 text-danger";
+                }
+                $("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
+        }
+        /* Contact form validation end */
 
-	/* Animated Wow Js */	
-	new WOW().init();
+        /* Animated Wow Js */   
+        new WOW().init();
 
-	/* Popup Video */
-	if ($('.popup-video').length) {
-		$('.popup-video').magnificPopup({
-			type: 'iframe',
-			mainClass: 'mfp-fade',
-			removalDelay: 160,
-			preloader: false,
-			fixedContentPos: true
-		});
-	}
-			
+        /* Popup Video */
+        if ($('.popup-video').length) {
+                $('.popup-video').magnificPopup({
+                        type: 'iframe',
+                        mainClass: 'mfp-fade',
+                        removalDelay: 160,
+                        preloader: false,
+                        fixedContentPos: true
+                });
+        }
+                        
 })(jQuery);
\ No newline at end of file
diff --git a/liability.html b/liability.html
index 1cbbd2b..221d213 100644
--- a/liability.html
+++ b/liability.html
@@ -504,37 +504,37 @@
     <!-- Footer End -->
 
     <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
+    <script src="js/jquery-3.7.1.min.js" defer></script>
     <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
+    <script src="js/bootstrap.min.js" defer></script>
     <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
+    <script src="js/validator.min.js" defer></script>
     <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
+    <script src="js/jquery.slicknav.js" defer></script>
     <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
+    <script src="js/swiper-bundle.min.js" defer></script>
     <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
+    <script src="js/jquery.waypoints.min.js" defer></script>
+    <script src="js/jquery.counterup.min.js" defer></script>
     <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
+    <script src="js/jquery.magnific-popup.min.js" defer></script>
     <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
+    <script src="js/SmoothScroll.js" defer></script>
     <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
+    <script src="js/parallaxie.js" defer></script>
     <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
+    <script src="js/gsap.min.js" defer></script>
+    <script src="js/magiccursor.js" defer></script>
     <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
+    <script src="js/SplitText.js" defer></script>
+    <script src="js/ScrollTrigger.min.js" defer></script>
     <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
+    <script src="js/jquery.mb.YTPlayer.min.js" defer></script>
     <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
+    <script src="js/plyr.js" defer></script>
     <!-- Wow js file -->
-    <script src="js/wow.js"></script>
+    <script src="js/wow.js" defer></script>
     <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/function.js" defer></script>
   </body>
 </html>
diff --git a/sponsors.html b/sponsors.html
index e3b98fb..95ef290 100644
--- a/sponsors.html
+++ b/sponsors.html
@@ -188,7 +188,7 @@
               <!-- Team Image Start -->
               <div class="team-image">
                 <figure class="image-anime">
-                  <img src="images/srisports.png" alt="Sri Sports" />
+                  <img loading="lazy" src="images/srisports.png" alt="Sri Sports" />
                 </figure>
               </div>
               <!-- Team Image End -->
@@ -209,7 +209,7 @@
               <!-- Team Image Start -->
               <div class="team-image">
                 <figure class="image-anime">
-                  <img src="images/ncca.jpg" alt="National College Cricket Association" />
+                  <img loading="lazy" src="images/ncca.jpg" alt="National College Cricket Association" />
                 </figure>
               </div>
               <!-- Team Image End -->
@@ -230,7 +230,7 @@
               <!-- Team Image Start -->
               <div class="team-image">
                 <figure class="image-anime">
-                  <img src="images/hit-fantasy.jpg" alt="Hit Fantasy" />
+                  <img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy" />
                 </figure>
               </div>
               <!-- Team Image End -->
@@ -423,39 +423,39 @@
     <!-- Footer End -->
 
     <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
+    <script src="js/jquery-3.7.1.min.js" defer></script>
     <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
+    <script src="js/bootstrap.min.js" defer></script>
     <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
+    <script src="js/validator.min.js" defer></script>
     <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
+    <script src="js/jquery.slicknav.js" defer></script>
     <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
+    <script src="js/swiper-bundle.min.js" defer></script>
     <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
+    <script src="js/jquery.waypoints.min.js" defer></script>
+    <script src="js/jquery.counterup.min.js" defer></script>
     <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
+    <script src="js/jquery.magnific-popup.min.js" defer></script>
     <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
+    <script src="js/SmoothScroll.js" defer></script>
     <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
+    <script src="js/parallaxie.js" defer></script>
     <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
+    <script src="js/gsap.min.js" defer></script>
+    <script src="js/magiccursor.js" defer></script>
     <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
+    <script src="js/SplitText.js" defer></script>
+    <script src="js/ScrollTrigger.min.js" defer></script>
     <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
+    <script src="js/jquery.mb.YTPlayer.min.js" defer></script>
     <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
+    <script src="js/plyr.js" defer></script>
     <!-- Wow js file -->
-    <script src="js/wow.js"></script>
+    <script src="js/wow.js" defer></script>
     <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/function.js" defer></script>
     <!-- Enhanced Animations js -->
-    <script src="js/enhance.js"></script>
+    <script src="js/enhance.js" defer></script>
   </body>
 </html>