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
This commit is contained in:
ka-official
36
404.html
36
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>
|
||||
|
||||
44
about.html
44
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>
|
||||
|
||||
38
austin.html
38
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>
|
||||
|
||||
38
contact.html
38
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>
|
||||
|
||||
38
dallas.html
38
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>
|
||||
|
||||
55
index.html
55
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>
|
||||
|
||||
562
js/function.js
562
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);
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user