Restored to 'e1bb749c802b35c26f8a6370a4d07c66c95c5d08'

Replit-Restored-To: e1bb749c80
This commit is contained in:
ka-official
2026-03-17 20:41:17 +00:00
parent fe0c56a5df
commit f0c6e1601b
9 changed files with 443 additions and 448 deletions

View File

@@ -284,38 +284,38 @@
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js" defer></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js" defer></script> <script src="js/bootstrap.min.js"></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js" defer></script> <script src="js/validator.min.js"></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js" defer></script> <script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js" defer></script> <script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js" defer></script> <script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js" defer></script> <script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js" defer></script> <script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js" defer></script> <script src="js/SmoothScroll.js"></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js" defer></script> <script src="js/parallaxie.js"></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js" defer></script> <script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js" defer></script> <script src="js/magiccursor.js"></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js" defer></script> <script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js" defer></script> <script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File --> <!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js" defer></script> <script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File --> <!-- Audio js File -->
<script src="js/plyr.js" defer></script> <script src="js/plyr.js"></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js" defer></script> <script src="js/wow.js"></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js" defer></script> <script src="js/function.js"></script>
</body> </body>
</html> </html>

View File

@@ -143,7 +143,7 @@
<div class="about-image"> <div class="about-image">
<div class="about-img-1"> <div class="about-img-1">
<figure class="image-anime reveal"> <figure class="image-anime reveal">
<img loading="lazy" src="images/cricket.png" alt="" /> <img src="images/cricket.png" alt="" />
</figure> </figure>
</div> </div>
@@ -410,8 +410,8 @@
<div class="pastors-signature"> <div class="pastors-signature">
<!-- Pastors Signature Image Start --> <!-- Pastors Signature Image Start -->
<div class="pastors-signature-img"> <div class="pastors-signature-img">
<img loading="lazy" src="images/signature.png" alt="" /> <img src="images/signature.png" alt="" />
<img loading="lazy" src="images/saim-sign.png" alt="" /> <img src="images/saim-sign.png" alt="" />
</div> </div>
<!-- Pastors Signature Image End --> <!-- Pastors Signature Image End -->
@@ -1073,39 +1073,39 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js" defer></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js" defer></script> <script src="js/bootstrap.min.js"></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js" defer></script> <script src="js/validator.min.js"></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js" defer></script> <script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js" defer></script> <script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js" defer></script> <script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js" defer></script> <script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js" defer></script> <script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js" defer></script> <script src="js/SmoothScroll.js"></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js" defer></script> <script src="js/parallaxie.js"></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js" defer></script> <script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js" defer></script> <script src="js/magiccursor.js"></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js" defer></script> <script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js" defer></script> <script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File --> <!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js" defer></script> <script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File --> <!-- Audio js File -->
<script src="js/plyr.js" defer></script> <script src="js/plyr.js"></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js" defer></script> <script src="js/wow.js"></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js" defer></script> <script src="js/function.js"></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js" defer></script> <script src="js/enhance.js"></script>
</body> </body>
</html> </html>

View File

@@ -524,40 +524,40 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js" defer></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js" defer></script> <script src="js/bootstrap.min.js"></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js" defer></script> <script src="js/validator.min.js"></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js" defer></script> <script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js" defer></script> <script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js" defer></script> <script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js" defer></script> <script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js" defer></script> <script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js" defer></script> <script src="js/SmoothScroll.js"></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js" defer></script> <script src="js/parallaxie.js"></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js" defer></script> <script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js" defer></script> <script src="js/magiccursor.js"></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js" defer></script> <script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js" defer></script> <script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File --> <!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js" defer></script> <script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File --> <!-- Audio js File -->
<script src="js/plyr.js" defer></script> <script src="js/plyr.js"></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js" defer></script> <script src="js/wow.js"></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js" defer></script> <script src="js/function.js"></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js" defer></script> <script src="js/enhance.js"></script>
</body> </body>
</html> </html>

View File

@@ -386,40 +386,40 @@
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js" defer></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js" defer></script> <script src="js/bootstrap.min.js"></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js" defer></script> <script src="js/validator.min.js"></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js" defer></script> <script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js" defer></script> <script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js" defer></script> <script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js" defer></script> <script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js" defer></script> <script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js" defer></script> <script src="js/SmoothScroll.js"></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js" defer></script> <script src="js/parallaxie.js"></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js" defer></script> <script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js" defer></script> <script src="js/magiccursor.js"></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js" defer></script> <script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js" defer></script> <script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File --> <!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js" defer></script> <script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File --> <!-- Audio js File -->
<script src="js/plyr.js" defer></script> <script src="js/plyr.js"></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js" defer></script> <script src="js/wow.js"></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js" defer></script> <script src="js/function.js"></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js" defer></script> <script src="js/enhance.js"></script>
</body> </body>
</html> </html>

View File

@@ -524,40 +524,40 @@
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js" defer></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js" defer></script> <script src="js/bootstrap.min.js"></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js" defer></script> <script src="js/validator.min.js"></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js" defer></script> <script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js" defer></script> <script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js" defer></script> <script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js" defer></script> <script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js" defer></script> <script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js" defer></script> <script src="js/SmoothScroll.js"></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js" defer></script> <script src="js/parallaxie.js"></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js" defer></script> <script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js" defer></script> <script src="js/magiccursor.js"></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js" defer></script> <script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js" defer></script> <script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File --> <!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js" defer></script> <script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File --> <!-- Audio js File -->
<script src="js/plyr.js" defer></script> <script src="js/plyr.js"></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js" defer></script> <script src="js/wow.js"></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js" defer></script> <script src="js/function.js"></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js" defer></script> <script src="js/enhance.js"></script>
</body> </body>
</html> </html>

View File

@@ -13,9 +13,6 @@
<title>Texas Scholastic Cricket Board</title> <title>Texas Scholastic Cricket Board</title>
<!-- Favicon Icon --> <!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png"> <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--> <!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -342,14 +339,14 @@
<!-- Mission Image Start --> <!-- Mission Image Start -->
<div class="mission-img"> <div class="mission-img">
<figure class="image-anime reveal"> <figure class="image-anime reveal">
<img loading="lazy" src="images/mission-image.jpg" alt="TSCB Mission"> <img src="images/about.gif" alt="">
</figure> </figure>
</div> </div>
<!-- Mission Image End --> <!-- Mission Image End -->
<!-- Mission Life Circle Start --> <!-- Mission Life Circle Start -->
<div class="mission-life-circle"> <div class="mission-life-circle">
<img loading="lazy" src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;"> <img src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;">
</div> </div>
<!-- Mission Life Circle End --> <!-- Mission Life Circle End -->
</div> </div>
@@ -379,7 +376,7 @@
<div class="service-item wow fadeInUp"> <div class="service-item wow fadeInUp">
<!-- Icon Box Start --> <!-- Icon Box Start -->
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/dallas.png" alt=""> <img src="images/dallas.png" alt="">
</div> </div>
<!-- Icon Box End --> <!-- Icon Box End -->
@@ -411,7 +408,7 @@
<div class="service-item wow fadeInUp" data-wow-delay="0.75s"> <div class="service-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Icon Box Start --> <!-- Icon Box Start -->
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/austin.png" alt=""> <img src="images/austin.png" alt="">
</div> </div>
<!-- Icon Box End --> <!-- Icon Box End -->
@@ -468,13 +465,13 @@
<div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s"> <div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s">
<div class="sponsor-logo-item"> <div class="sponsor-logo-item">
<img loading="lazy" src="images/ncca.jpg" alt="NCCA"> <img src="images/ncca.jpg" alt="NCCA">
</div> </div>
<div class="sponsor-logo-item"> <div class="sponsor-logo-item">
<img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy"> <img src="images/hit-fantasy.jpg" alt="Hit Fantasy">
</div> </div>
<div class="sponsor-logo-item"> <div class="sponsor-logo-item">
<img loading="lazy" src="images/srisports.png" alt="Sri Sports"> <img src="images/srisports.png" alt="Sri Sports">
</div> </div>
</div> </div>
@@ -740,40 +737,40 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js" defer></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js" defer></script> <script src="js/bootstrap.min.js"></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js" defer></script> <script src="js/validator.min.js"></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js" defer></script> <script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js" defer></script> <script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js" defer></script> <script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js" defer></script> <script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js" defer></script> <script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js" defer></script> <script src="js/SmoothScroll.js"></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js" defer></script> <script src="js/parallaxie.js"></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js" defer></script> <script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js" defer></script> <script src="js/magiccursor.js"></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js" defer></script> <script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js" defer></script> <script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File --> <!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js" defer></script> <script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File --> <!-- Audio js File -->
<script src="js/plyr.js" defer></script> <script src="js/plyr.js"></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js" defer></script> <script src="js/wow.js"></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js" defer></script> <script src="js/function.js"></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js" defer></script> <script src="js/enhance.js"></script>
</body> </body>
</html> </html>

View File

@@ -1,142 +1,140 @@
(function ($) { (function ($) {
"use strict"; "use strict";
var $window = $(window); var $window = $(window);
var $body = $('body'); var $body = $('body');
/* Preloader Effect */ /* Preloader Effect */
$window.on('load', function(){ $window.on('load', function(){
$(".preloader").fadeOut(600); $(".preloader").fadeOut(600);
}); });
/* Sticky Header */ /* Sticky Header */
if($('.active-sticky-header').length){ if($('.active-sticky-header').length){
$window.on('resize', function(){ $window.on('resize', function(){
setHeaderHeight(); setHeaderHeight();
}); });
function setHeaderHeight(){ function setHeaderHeight(){
$("header.main-header").css("height", $('header .header-sticky').outerHeight()); $("header.main-header").css("height", $('header .header-sticky').outerHeight());
} }
$(window).on("scroll", function() { $(window).on("scroll", function() {
var fromTop = $(window).scrollTop(); var fromTop = $(window).scrollTop();
setHeaderHeight(); setHeaderHeight();
var headerHeight = $('header .header-sticky').outerHeight() var headerHeight = $('header .header-sticky').outerHeight()
$("header .header-sticky").toggleClass("hide", (fromTop > headerHeight + 100)); $("header .header-sticky").toggleClass("hide", (fromTop > headerHeight + 100));
$("header .header-sticky").toggleClass("active", (fromTop > 600)); $("header .header-sticky").toggleClass("active", (fromTop > 600));
}); });
} }
/* Slick Menu JS */ /* Slick Menu JS */
$('#menu').slicknav({ $('#menu').slicknav({
label : '', label : '',
prependTo : '.responsive-menu' prependTo : '.responsive-menu'
}); });
if($("a[href='#top']").length){ if($("a[href='#top']").length){
$("a[href='#top']").click(function() { $("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow"); $("html, body").animate({ scrollTop: 0 }, "slow");
return false; return false;
}); });
} }
/* Hero Slider Layout JS */ /* Hero Slider Layout JS */
const hero_slider_layout = new Swiper('.hero-slider-layout .swiper', { const hero_slider_layout = new Swiper('.hero-slider-layout .swiper', {
slidesPerView : 1, slidesPerView : 1,
speed: 1000, speed: 1000,
spaceBetween: 0, spaceBetween: 0,
loop: true, loop: true,
autoplay: { autoplay: {
delay: 4000, delay: 4000,
}, },
pagination: { pagination: {
el: '.hero-pagination', el: '.hero-pagination',
clickable: true, clickable: true,
}, },
}); });
/* Core Value Image Carousel JS */ /* Core Value Image Carousel JS */
if ($('.core-value-slider').length) { if ($('.core-value-slider').length) {
const core_value_slider = new Swiper('.core-value-slider .swiper', { const core_value_slider = new Swiper('.core-value-slider .swiper', {
slidesPerView : 1, slidesPerView : 1,
speed: 1000, speed: 1000,
spaceBetween: 10, spaceBetween: 10,
loop: true, loop: true,
autoplay: { autoplay: {
delay: 5000, delay: 5000,
}, },
navigation: { navigation: {
nextEl: '.core-value-button-next', nextEl: '.core-value-button-next',
prevEl: '.core-value-button-prev', prevEl: '.core-value-button-prev',
}, },
}); });
} }
/* Service Single Image Carousel JS */ /* Service Single Image Carousel JS */
if ($('.service-single-slider').length) { if ($('.service-single-slider').length) {
const service_single_slider = new Swiper('.service-single-slider .swiper', { const service_single_slider = new Swiper('.service-single-slider .swiper', {
slidesPerView : 1, slidesPerView : 1,
speed: 1000, speed: 1000,
spaceBetween: 10, spaceBetween: 10,
loop: true, loop: true,
autoplay: { autoplay: {
delay: 5000, delay: 5000,
}, },
navigation: { navigation: {
nextEl: '.service-single-button-next', nextEl: '.service-single-button-next',
prevEl: '.service-single-button-prev', prevEl: '.service-single-button-prev',
}, },
}); });
} }
/* Ministry Single Image Carousel JS */ /* Ministry Single Image Carousel JS */
if ($('.ministry-single-slider').length) { if ($('.ministry-single-slider').length) {
const ministry_single_slider = new Swiper('.ministry-single-slider .swiper', { const ministry_single_slider = new Swiper('.ministry-single-slider .swiper', {
slidesPerView : 1, slidesPerView : 1,
speed: 1000, speed: 1000,
spaceBetween: 10, spaceBetween: 10,
loop: true, loop: true,
autoplay: { autoplay: {
delay: 5000, delay: 5000,
}, },
pagination: { pagination: {
el: '.swiper-pagination', el: '.swiper-pagination',
clickable: true, clickable: true,
}, },
}); });
} }
/* Skill Bar */ /* Skill Bar */
if ($('.skills-progress-bar').length) { if ($('.skills-progress-bar').length) {
$('.skills-progress-bar').waypoint(function() { $('.skills-progress-bar').waypoint(function() {
$('.skillbar').each(function() { $('.skillbar').each(function() {
$(this).find('.count-bar').animate({ $(this).find('.count-bar').animate({
width:$(this).attr('data-percent') width:$(this).attr('data-percent')
},2000); },2000);
}); });
},{ },{
offset: '50%' offset: '50%'
}); });
} }
/* Youtube Background Video JS */ /* Youtube Background Video JS */
if ($('#herovideo').length) { if ($('#herovideo').length) {
var myPlayer = $("#herovideo").YTPlayer(); var myPlayer = $("#herovideo").YTPlayer();
} }
/* Audio JS */ /* Audio JS */
if (document.querySelector('#player')) { const player = new Plyr('#player');
const player = new Plyr('#player');
}
/* Init Counter */ /* Init Counter */
if ($('.counter').length) { if ($('.counter').length) {
$('.counter').counterUp({ delay: 6, time: 3000 }); $('.counter').counterUp({ delay: 6, time: 3000 });
} }
/* Image Reveal Animation */ /* Image Reveal Animation */
if ($('.reveal').length) { if ($('.reveal').length) {
gsap.registerPlugin(ScrollTrigger); gsap.registerPlugin(ScrollTrigger);
let revealContainers = document.querySelectorAll(".reveal"); let revealContainers = document.querySelectorAll(".reveal");
revealContainers.forEach((container) => { revealContainers.forEach((container) => {
@@ -163,173 +161,173 @@
}); });
} }
/* Text Effect Animation */ /* Text Effect Animation */
if ($('.text-anime-style-1').length) { if ($('.text-anime-style-1').length) {
let staggerAmount = 0.05, let staggerAmount = 0.05,
translateXValue = 0, translateXValue = 0,
delayValue = 0.5, delayValue = 0.5,
animatedTextElements = document.querySelectorAll('.text-anime-style-1'); animatedTextElements = document.querySelectorAll('.text-anime-style-1');
animatedTextElements.forEach((element) => { animatedTextElements.forEach((element) => {
let animationSplitText = new SplitText(element, { type: "chars, words" }); let animationSplitText = new SplitText(element, { type: "chars, words" });
gsap.from(animationSplitText.words, { gsap.from(animationSplitText.words, {
duration: 1, duration: 1,
delay: delayValue, delay: delayValue,
x: 20, x: 20,
autoAlpha: 0, autoAlpha: 0,
stagger: staggerAmount, stagger: staggerAmount,
scrollTrigger: { trigger: element, start: "top 85%" }, scrollTrigger: { trigger: element, start: "top 85%" },
}); });
}); });
} }
if ($('.text-anime-style-2').length) { if ($('.text-anime-style-2').length) {
let staggerAmount = 0.03, let staggerAmount = 0.03,
translateXValue = 20, translateXValue = 20,
delayValue = 0.1, delayValue = 0.1,
easeType = "power2.out", easeType = "power2.out",
animatedTextElements = document.querySelectorAll('.text-anime-style-2'); animatedTextElements = document.querySelectorAll('.text-anime-style-2');
animatedTextElements.forEach((element) => { animatedTextElements.forEach((element) => {
let animationSplitText = new SplitText(element, { type: "chars, words" }); let animationSplitText = new SplitText(element, { type: "chars, words" });
gsap.from(animationSplitText.chars, { gsap.from(animationSplitText.chars, {
duration: 1, duration: 1,
delay: delayValue, delay: delayValue,
x: translateXValue, x: translateXValue,
autoAlpha: 0, autoAlpha: 0,
stagger: staggerAmount, stagger: staggerAmount,
ease: easeType, ease: easeType,
scrollTrigger: { trigger: element, start: "top 85%"}, scrollTrigger: { trigger: element, start: "top 85%"},
}); });
}); });
} }
if ($('.text-anime-style-3').length) { if ($('.text-anime-style-3').length) {
let animatedTextElements = document.querySelectorAll('.text-anime-style-3'); let animatedTextElements = document.querySelectorAll('.text-anime-style-3');
animatedTextElements.forEach((element) => { animatedTextElements.forEach((element) => {
//Reset if needed //Reset if needed
if (element.animation) { if (element.animation) {
element.animation.progress(1).kill(); element.animation.progress(1).kill();
element.split.revert(); element.split.revert();
} }
element.split = new SplitText(element, { element.split = new SplitText(element, {
type: "lines,words,chars", type: "lines,words,chars",
linesClass: "split-line", linesClass: "split-line",
}); });
gsap.set(element, { perspective: 400 }); gsap.set(element, { perspective: 400 });
gsap.set(element.split.chars, { gsap.set(element.split.chars, {
opacity: 0, opacity: 0,
x: "50", x: "50",
}); });
element.animation = gsap.to(element.split.chars, { element.animation = gsap.to(element.split.chars, {
scrollTrigger: { trigger: element, start: "top 90%" }, scrollTrigger: { trigger: element, start: "top 90%" },
x: "0", x: "0",
y: "0", y: "0",
rotateX: "0", rotateX: "0",
opacity: 1, opacity: 1,
duration: 1, duration: 1,
ease: Back.easeOut, ease: Back.easeOut,
stagger: 0.02, stagger: 0.02,
}); });
}); });
} }
/* Parallaxie js */ /* Parallaxie js */
var $parallaxie = $('.parallaxie'); var $parallaxie = $('.parallaxie');
if($parallaxie.length && ($window.width() > 991)) if($parallaxie.length && ($window.width() > 991))
{ {
if ($window.width() > 768) { if ($window.width() > 768) {
$parallaxie.parallaxie({ $parallaxie.parallaxie({
speed: 0.55, speed: 0.55,
offset: 0, offset: 0,
}); });
} }
} }
/* Zoom Gallery screenshot */ /* Zoom Gallery screenshot */
$('.gallery-items').magnificPopup({ $('.gallery-items').magnificPopup({
delegate: 'a', delegate: 'a',
type: 'image', type: 'image',
closeOnContentClick: false, closeOnContentClick: false,
closeBtnInside: false, closeBtnInside: false,
mainClass: 'mfp-with-zoom', mainClass: 'mfp-with-zoom',
image: { image: {
verticalFit: true, verticalFit: true,
}, },
gallery: { gallery: {
enabled: true enabled: true
}, },
zoom: { zoom: {
enabled: true, enabled: true,
duration: 300, // don't foget to change the duration also in CSS duration: 300, // don't foget to change the duration also in CSS
opener: function(element) { opener: function(element) {
return element.find('img'); return element.find('img');
} }
} }
}); });
/* Contact form validation */ /* Contact form validation */
var $contactform = $("#contactForm"); var $contactform = $("#contactForm");
$contactform.validator({focus: false}).on("submit", function (event) { $contactform.validator({focus: false}).on("submit", function (event) {
if (!event.isDefaultPrevented()) { if (!event.isDefaultPrevented()) {
event.preventDefault(); event.preventDefault();
submitForm(); submitForm();
} }
}); });
function submitForm(){ function submitForm(){
/* Initiate Variables With Form Content*/ /* Initiate Variables With Form Content*/
var fname = $("#fname").val(); var fname = $("#fname").val();
var lname = $("#lname").val(); var lname = $("#lname").val();
var email = $("#email").val(); var email = $("#email").val();
var phone = $("#phone").val(); var phone = $("#phone").val();
var message = $("#msg").val(); var message = $("#msg").val();
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "form-process.php", url: "form-process.php",
data: "fname=" + fname + "&lname=" + lname + "&email=" + email + "&phone=" + phone + "&message=" + message, data: "fname=" + fname + "&lname=" + lname + "&email=" + email + "&phone=" + phone + "&message=" + message,
success : function(text){ success : function(text){
if (text == "success"){ if (text == "success"){
formSuccess(); formSuccess();
} else { } else {
submitMSG(false,text); submitMSG(false,text);
} }
} }
}); });
} }
function formSuccess(){ function formSuccess(){
$contactform[0].reset(); $contactform[0].reset();
submitMSG(true, "Message Sent Successfully!") submitMSG(true, "Message Sent Successfully!")
} }
function submitMSG(valid, msg){ function submitMSG(valid, msg){
if(valid){ if(valid){
var msgClasses = "h3 text-success"; var msgClasses = "h3 text-success";
} else { } else {
var msgClasses = "h3 text-danger"; var msgClasses = "h3 text-danger";
} }
$("#msgSubmit").removeClass().addClass(msgClasses).text(msg); $("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
} }
/* Contact form validation end */ /* Contact form validation end */
/* Animated Wow Js */ /* Animated Wow Js */
new WOW().init(); new WOW().init();
/* Popup Video */ /* Popup Video */
if ($('.popup-video').length) { if ($('.popup-video').length) {
$('.popup-video').magnificPopup({ $('.popup-video').magnificPopup({
type: 'iframe', type: 'iframe',
mainClass: 'mfp-fade', mainClass: 'mfp-fade',
removalDelay: 160, removalDelay: 160,
preloader: false, preloader: false,
fixedContentPos: true fixedContentPos: true
}); });
} }
})(jQuery); })(jQuery);

View File

@@ -504,37 +504,37 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js" defer></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js" defer></script> <script src="js/bootstrap.min.js"></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js" defer></script> <script src="js/validator.min.js"></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js" defer></script> <script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js" defer></script> <script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js" defer></script> <script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js" defer></script> <script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js" defer></script> <script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js" defer></script> <script src="js/SmoothScroll.js"></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js" defer></script> <script src="js/parallaxie.js"></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js" defer></script> <script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js" defer></script> <script src="js/magiccursor.js"></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js" defer></script> <script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js" defer></script> <script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File --> <!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js" defer></script> <script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File --> <!-- Audio js File -->
<script src="js/plyr.js" defer></script> <script src="js/plyr.js"></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js" defer></script> <script src="js/wow.js"></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js" defer></script> <script src="js/function.js"></script>
</body> </body>
</html> </html>

View File

@@ -188,7 +188,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/srisports.png" alt="Sri Sports" /> <img src="images/srisports.png" alt="Sri Sports" />
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -209,7 +209,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/ncca.jpg" alt="National College Cricket Association" /> <img src="images/ncca.jpg" alt="National College Cricket Association" />
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -230,7 +230,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy" /> <img src="images/hit-fantasy.jpg" alt="Hit Fantasy" />
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -423,39 +423,39 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js" defer></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js" defer></script> <script src="js/bootstrap.min.js"></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js" defer></script> <script src="js/validator.min.js"></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js" defer></script> <script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js" defer></script> <script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js" defer></script> <script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js" defer></script> <script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js" defer></script> <script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js" defer></script> <script src="js/SmoothScroll.js"></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js" defer></script> <script src="js/parallaxie.js"></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js" defer></script> <script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js" defer></script> <script src="js/magiccursor.js"></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js" defer></script> <script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js" defer></script> <script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File --> <!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js" defer></script> <script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File --> <!-- Audio js File -->
<script src="js/plyr.js" defer></script> <script src="js/plyr.js"></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js" defer></script> <script src="js/wow.js"></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js" defer></script> <script src="js/function.js"></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js" defer></script> <script src="js/enhance.js"></script>
</body> </body>
</html> </html>