7 Commits

Author SHA1 Message Date
Keshav Anand
226f5f15cc finished v2 2026-03-17 22:09:07 +00:00
keshavananddev
75e46ed41e Add space to about section to improve visual spacing
Add non-breaking spaces in the about section to create visual separation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 84efe383-31dc-4829-8876-1a04da183e04
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/ZDkY1x7
Replit-Helium-Checkpoint-Created: true
2026-03-17 22:06:05 +00:00
keshavananddev
c0d1d517ae Adjust image sizing to maintain aspect ratio and fit content
Modify CSS for the cricket image to ensure it displays with its natural aspect ratio, constraining its height to align with adjacent text while allowing its width to adjust proportionally.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 1693786b-1a78-40ff-bda7-bbae9e47519e
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/ZDkY1x7
Replit-Helium-Checkpoint-Created: true
2026-03-17 22:01:32 +00:00
keshavananddev
85d955fdad Improve image display and counter hover effects on the homepage and about page
Refactor CSS to correct image aspect ratios, equalize founder image sizes with consistent borders, and update counter hover state color for better contrast.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 2aec9677-3784-4e92-8b41-c655a2a3ab1a
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/S9Ta7w0
Replit-Helium-Checkpoint-Created: true
2026-03-17 21:58:51 +00:00
keshavananddev
f7df852a00 Improve image display and layout across the about page for all devices
Update the 'about us' page styling to fix image overlay issues, adjust image sizes, and implement responsive layouts for improved appearance on all devices. Add lazy loading to images.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 52941381-a76f-408f-bea0-146e6f493c34
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/jjGOhXu
Replit-Helium-Checkpoint-Created: true
2026-03-17 21:53:16 +00:00
keshavananddev
43112c4584 Fix application crash by correctly bundling CSS and JavaScript files
Correctly concatenates CSS and JS files by removing duplicate charset declarations and adding necessary separators to prevent parsing errors.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: df972d97-9eaf-4b40-938f-e525c13ebb19
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/SOT3Dby
Replit-Helium-Checkpoint-Created: true
2026-03-17 21:45:42 +00:00
keshavananddev
621229e1fb Optimize website performance by bundling assets and optimizing images
Combines multiple CSS and JavaScript files into single bundles (bundle.css, bundle-core.js), adds lazy loading to images, and optimizes image formats and sizes across various HTML pages. Includes preload hints for critical background images and adjusts image loading attributes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 176f25a3-e1e0-4712-8b99-06084f7cc51d
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/Q4c5QN3
Replit-Helium-Checkpoint-Created: true
2026-03-17 21:22:54 +00:00
26 changed files with 13802 additions and 521 deletions

View File

@@ -19,26 +19,8 @@
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
@@ -227,7 +209,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
<img loading="lazy" src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -238,7 +220,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
<img loading="lazy" src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -284,38 +266,7 @@
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<script src="js/bundle-core.js"></script>
</body>
</html>

View File

@@ -19,27 +19,11 @@
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet" />
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css" />
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen" />
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet" />
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css" />
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css" />
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css" />
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen" />
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen" />
</head>
<!-- Preload critical image -->
<link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
<!-- Preloader Start -->
@@ -143,7 +127,8 @@
<div class="about-image">
<div class="about-img-1">
<figure class="image-anime reveal">
<img src="images/cricket.png" alt="" />
<div class="cricket-blur-bg"></div>
<img loading="lazy" src="images/cricket.webp" alt="" />
</figure>
</div>
</div>
@@ -183,7 +168,7 @@
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp">
<div class="icon-box">
<img src="images/icon-about-list-1.svg" alt="" />
<img loading="lazy" src="images/icon-about-list-1.svg" alt="" />
</div>
<div class="about-list-item-content">
<h3>Play Competitive Matches</h3>
@@ -197,7 +182,7 @@
data-wow-delay="0.25s"
>
<div class="icon-box">
<img src="images/icon-about-list-2.svg" alt="" />
<img loading="lazy" src="images/icon-about-list-2.svg" alt="" />
</div>
<div class="about-list-item-content">
<h3>Train the Next Generation</h3>
@@ -211,7 +196,7 @@
data-wow-delay="0.5s"
>
<div class="icon-box">
<img src="images/icon-about-list-3.svg" alt="" />
<img loading="lazy" src="images/icon-about-list-3.svg" alt="" />
</div>
<div class="about-list-item-content">
<h3>Connect Statewide Talent</h3>
@@ -225,7 +210,7 @@
data-wow-delay="0.75s"
>
<div class="icon-box">
<img src="images/icon-about-list-4.svg" alt="" />
<img loading="lazy" src="images/icon-about-list-4.svg" alt="" />
</div>
<div class="about-list-item-content">
<h3>Build the Cricket Community</h3>
@@ -242,8 +227,8 @@
</div>
<!-- About Us Section End -->
<p></p>
<p></p>
<p> </p>
<p> </p>
<p></p>
@@ -352,14 +337,15 @@
<div class="about-image">
<div class="about-img-1">
<figure class="image-anime reveal">
<img src="images/abhiram.jpg" alt="" />
<img loading="lazy" src="images/abhiram.jpg" alt="" />
</figure>
</div>
<div class="about-img-2">
<figure class="image-anime reveal">
<img
src="images/saim.png"
loading="lazy"
src="images/saim.webp"
alt=""
/>
</figure>
@@ -400,8 +386,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 -->
@@ -446,7 +432,7 @@
<div class="team-image">
<figure class="image-anime">
<img src="images/team-1.jpg" alt="">
<img loading="lazy" src="images/team-1.jpg" alt="">
</figure>
@@ -469,7 +455,7 @@
<div class="team-image">
<figure class="image-anime">
<img src="images/team-2.jpg" alt="">
<img loading="lazy" src="images/team-2.jpg" alt="">
</figure>
@@ -505,7 +491,7 @@
<div class="team-image">
<figure class="image-anime">
<img src="images/team-3.jpg" alt="">
<img loading="lazy" src="images/team-3.jpg" alt="">
</figure>
@@ -541,7 +527,7 @@
<div class="team-image">
<figure class="image-anime">
<img src="images/team-4.jpg" alt="">
<img loading="lazy" src="images/team-4.jpg" alt="">
</figure>
@@ -577,7 +563,7 @@
<div class="team-image">
<figure class="image-anime">
<img src="images/team-5.jpg" alt="">
<img loading="lazy" src="images/team-5.jpg" alt="">
</figure>
@@ -606,7 +592,7 @@
<div class="team-member-item wow fadeInUp" data-wow-delay="1s">
<div class="team-image">
<figure class="image-anime">
<img src="images/team-6.jpg" alt="">
<img loading="lazy" src="images/team-6.jpg" alt="">
</figure>
<div class="team-social-icon">
@@ -634,7 +620,7 @@
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
<div class="team-image">
<figure class="image-anime">
<img src="images/team-7.jpg" alt="">
<img loading="lazy" src="images/team-7.jpg" alt="">
</figure>
<div class="team-social-icon">
@@ -662,7 +648,7 @@
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
<div class="team-image">
<figure class="image-anime">
<img src="images/team-8.jpg" alt="">
<img loading="lazy" src="images/team-8.jpg" alt="">
</figure>
<div class="team-social-icon">
@@ -1001,7 +987,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="" />
<img loading="lazy" src="images/icon-phone.svg" alt="" />
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -1012,7 +998,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="" />
<img loading="lazy" src="images/icon-mail.svg" alt="" />
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -1063,38 +1049,7 @@
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<script src="js/bundle-core.js"></script>
<!-- Enhanced Animations js -->
<script src="js/enhance.js"></script>
</body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

View File

@@ -19,26 +19,10 @@
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen">
<!-- Preload critical image -->
<link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
@@ -183,7 +167,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/mcneil.jpg" alt="McNeil High School">
<img loading="lazy" src="images/mcneil.jpg" alt="McNeil High School">
</figure>
</div>
<!-- Team Image End -->
@@ -205,7 +189,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/vandegrift.webp" alt="Vandegrift High School">
<img loading="lazy" src="images/vandegrift.webp" alt="Vandegrift High School">
</figure>
</div>
<!-- Team Image End -->
@@ -227,7 +211,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/westwodd.jpeg" alt="Westwood High School">
<img loading="lazy" src="images/westwodd.jpeg" alt="Westwood High School">
</figure>
</div>
<!-- Team Image End -->
@@ -249,7 +233,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cedarridge.jpg" alt="Cedar Ridge High School">
<img loading="lazy" src="images/cedarridge.jpg" alt="Cedar Ridge High School">
</figure>
</div>
<!-- Team Image End -->
@@ -271,7 +255,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/roundrock.jpeg" alt="Round Rock High School">
<img loading="lazy" src="images/roundrock.jpeg" alt="Round Rock High School">
</figure>
</div>
<!-- Team Image End -->
@@ -293,7 +277,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/westlake.jpg" alt="Westlake High School">
<img loading="lazy" src="images/westlake.jpg" alt="Westlake High School">
</figure>
</div>
<!-- Team Image End -->
@@ -315,7 +299,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/leander.jpeg" alt="Leander High School">
<img loading="lazy" src="images/leander.jpeg" alt="Leander High School">
</figure>
</div>
<!-- Team Image End -->
@@ -337,7 +321,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/legacyranch.jpg" alt="Legacy Ranch High School">
<img loading="lazy" src="images/legacyranch.jpg" alt="Legacy Ranch High School">
</figure>
</div>
<!-- Team Image End -->
@@ -359,7 +343,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/rouse.jpg" alt="Rouse High School">
<img loading="lazy" src="images/rouse.jpg" alt="Rouse High School">
</figure>
</div>
<!-- Team Image End -->
@@ -468,7 +452,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
<img loading="lazy" src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -479,7 +463,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
<img loading="lazy" src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -524,38 +508,7 @@
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<script src="js/bundle-core.js"></script>
<!-- Enhanced Animations js -->
<script src="js/enhance.js"></script>
</body>

View File

@@ -19,26 +19,10 @@
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen">
<!-- Preload critical image -->
<link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
@@ -141,7 +125,7 @@
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.25s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
<img loading="lazy" src="images/icon-phone.svg" alt="">
</div>
<!-- Icon Box End -->
@@ -158,7 +142,7 @@
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.5s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
<img loading="lazy" src="images/icon-mail.svg" alt="">
</div>
<!-- Icon Box End -->
@@ -329,7 +313,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
<img loading="lazy" src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -340,7 +324,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
<img loading="lazy" src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -386,38 +370,7 @@
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<script src="js/bundle-core.js"></script>
<!-- Enhanced Animations js -->
<script src="js/enhance.js"></script>
</body>

10971
css/bundle.css Normal file

File diff suppressed because one or more lines are too long

View File

@@ -172,8 +172,7 @@ header.main-header .header-sticky.active {
box-shadow: 0 10px 30px rgba(217, 40, 0, 0.35);
}
/* About image layout is intentionally handled by custom.css only.
The overlay (position:absolute) must be preserved at all screen sizes. */
/* About image layout overrides are handled below in the FOUNDERS SECTION block. */
/* ---- Counter section enhanced ---- */
.our-counter {
@@ -605,36 +604,12 @@ body {
width: 100% !important;
}
.page-about-us .about-img-1 figure {
display: block !important;
border-radius: 20px !important;
overflow: hidden !important;
}
.page-about-us .about-img-1 img {
width: 100% !important;
height: auto !important;
aspect-ratio: 4 / 3 !important;
object-fit: cover !important;
object-position: center center !important;
border-radius: 20px !important;
}
/* Pastors section: remove inline dimension override, let CSS size it */
.pastors-message .about-img-2 img {
width: 100% !important;
height: auto !important;
}
/* ============================================================
DESKTOP (≥ 1200px)
============================================================ */
@media (min-width: 1200px) {
.page-about-us .about-img-1 img {
aspect-ratio: 3 / 4 !important;
}
}
/* ============================================================
TABLET (≤ 1024px)
============================================================ */
@@ -796,3 +771,169 @@ body {
margin-bottom: 24px !important;
}
}
/* ============================================================
CRICKET IMAGE — blurred-backdrop frame
The .cricket-blur-bg div fills the full column with a blurred
version of the same image; the real img sits centered on top
at its natural aspect ratio so no void remains.
============================================================ */
.page-about-us .about-img-1 figure {
position: relative !important;
overflow: hidden !important;
border-radius: 18px !important;
height: 490px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow:
0 0 0 2px rgba(217, 40, 0, 0.35),
0 0 0 5px rgba(206, 156, 91, 0.15),
0 16px 56px rgba(0, 0, 0, 0.45) !important;
}
.page-about-us .about-img-1 .cricket-blur-bg {
position: absolute !important;
inset: -40px !important;
background: url('../images/cricket.webp') center / cover no-repeat !important;
filter: blur(28px) brightness(0.55) saturate(1.4) !important;
z-index: 0 !important;
pointer-events: none !important;
}
.page-about-us .about-img-1 img {
position: relative !important;
z-index: 1 !important;
width: auto !important;
max-width: 100% !important;
height: 100% !important;
object-fit: contain !important;
display: block !important;
aspect-ratio: unset !important;
filter: drop-shadow(0 6px 28px rgba(0, 0, 0, 0.5)) !important;
}
@media (max-width: 767px) {
.page-about-us .about-img-1 figure {
height: 320px !important;
}
}
/* ============================================================
FOUNDERS SECTION — Equal-sized side-by-side layout
Both founders shown at identical size with matching borders.
Stacks vertically on mobile.
============================================================ */
.pastors-message .about-image {
padding-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
gap: 12px !important;
}
/* Both images exactly equal width */
.pastors-message .about-img-1,
.pastors-message .about-img-2 {
position: static !important;
top: auto !important;
right: auto !important;
width: 50% !important;
flex: 0 0 50% !important;
margin-top: 0 !important;
}
.pastors-message .about-img-1 figure,
.pastors-message .about-img-2 figure {
display: block !important;
height: 100% !important;
border-radius: 16px !important;
overflow: hidden !important;
}
/* Identical treatment on both images */
.pastors-message .about-img-1 img,
.pastors-message .about-img-2 img {
width: 100% !important;
height: 100% !important;
aspect-ratio: 3 / 4 !important;
object-fit: cover !important;
object-position: top center !important;
border-radius: 16px !important;
border: 4px solid rgba(255, 255, 255, 0.85) !important;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.16) !important;
}
/* ---- Founders: tablet (≤ 991px) ---- */
@media (max-width: 991px) {
.pastors-message .about-image {
max-width: 520px !important;
margin: 0 auto 35px !important;
gap: 10px !important;
}
.pastors-message .about-img-1,
.pastors-message .about-img-2 {
width: 50% !important;
flex: 0 0 50% !important;
}
}
/* ---- Founders: mobile (≤ 767px) ---- */
@media (max-width: 767px) {
.pastors-message .about-image {
max-width: 420px !important;
gap: 8px !important;
}
.pastors-message .about-img-1 img,
.pastors-message .about-img-2 img {
border-width: 3px !important;
}
}
/* ---- Founders: small mobile (≤ 575px) — stack vertically ---- */
@media (max-width: 575px) {
.pastors-message .about-image {
flex-direction: column !important;
max-width: 100% !important;
gap: 10px !important;
margin: 0 0 30px !important;
}
.pastors-message .about-img-1,
.pastors-message .about-img-2 {
width: 100% !important;
flex: 0 0 100% !important;
}
.pastors-message .about-img-1 img,
.pastors-message .about-img-2 img {
aspect-ratio: 4 / 3 !important;
border-width: 3px !important;
border-radius: 12px !important;
}
}
/* ============================================================
COUNTER HOVER — Distinct color change (not orange/cream)
The default cream (#f3dbbb) blends into the accent color.
On hover: crisp white with a blue-tinted glow to contrast.
============================================================ */
.counter-item:hover .counter-title h2 {
color: #ffffff !important;
text-shadow: 0 0 24px rgba(130, 200, 255, 0.55),
0 0 8px rgba(130, 200, 255, 0.35) !important;
transition: color 0.35s ease, text-shadow 0.35s ease !important;
}
.counter-item:hover .counter-content h3 {
color: #ffffff !important;
transition: color 0.35s ease !important;
}
.counter-title h2,
.counter-content h3 {
transition: color 0.35s ease, text-shadow 0.35s ease;
}

View File

@@ -19,26 +19,10 @@
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen">
<!-- Preload critical image -->
<link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
@@ -182,7 +166,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/pesh.jpeg" alt="Plano East Panthers">
<img loading="lazy" src="images/pesh.jpeg" alt="Plano East Panthers">
</figure>
</div>
<!-- Team Image End -->
@@ -204,7 +188,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/ranchview.jpg" alt="Ranchview Wolves">
<img loading="lazy" src="images/ranchview.jpg" alt="Ranchview Wolves">
</figure>
</div>
<!-- Team Image End -->
@@ -226,7 +210,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/friscofury.webp" alt="Frisco Fury">
<img loading="lazy" src="images/friscofury.webp" alt="Frisco Fury">
</figure>
</div>
<!-- Team Image End -->
@@ -248,7 +232,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/heritage.webp" alt="Heritage Coyotes">
<img loading="lazy" src="images/heritage.webp" alt="Heritage Coyotes">
</figure>
</div>
<!-- Team Image End -->
@@ -270,7 +254,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/lebanon.jpeg" alt="Lebanon Trail Challengers">
<img loading="lazy" src="images/lebanon.jpeg" alt="Lebanon Trail Challengers">
</figure>
</div>
<!-- Team Image End -->
@@ -292,7 +276,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/liberty.jpeg" alt="Frisco Titans">
<img loading="lazy" src="images/liberty.jpeg" alt="Frisco Titans">
</figure>
</div>
<!-- Team Image End -->
@@ -314,7 +298,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/prosper.webp" alt="Prosper Eagles">
<img loading="lazy" src="images/prosper.webp" alt="Prosper Eagles">
</figure>
</div>
<!-- Team Image End -->
@@ -336,7 +320,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/rockhill.jpeg" alt="Rock Hill Bluehawks">
<img loading="lazy" src="images/rockhill.jpeg" alt="Rock Hill Bluehawks">
</figure>
</div>
<!-- Team Image End -->
@@ -358,7 +342,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/walnut.webp" alt="Walnut Grove Wildcats">
<img loading="lazy" src="images/walnut.webp" alt="Walnut Grove Wildcats">
</figure>
</div>
<!-- Team Image End -->
@@ -467,7 +451,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
<img loading="lazy" src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -478,7 +462,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
<img loading="lazy" src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -524,38 +508,7 @@
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<script src="js/bundle-core.js"></script>
<!-- Enhanced Animations js -->
<script src="js/enhance.js"></script>
</body>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 190 KiB

After

Width:  |  Height:  |  Size: 51 KiB

BIN
images/cricket.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 834 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 94 KiB

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 132 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 834 KiB

After

Width:  |  Height:  |  Size: 32 KiB

BIN
images/match.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 697 KiB

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 210 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 672 KiB

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 303 KiB

After

Width:  |  Height:  |  Size: 134 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 203 KiB

After

Width:  |  Height:  |  Size: 48 KiB

View File

@@ -19,26 +19,10 @@
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen">
<!-- Preload critical image -->
<link rel="preload" href="images/hero-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
@@ -155,7 +139,7 @@
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp">
<div class="icon-box">
<img src="images/icon-about-list-1.svg" alt="">
<img loading="lazy" src="images/icon-about-list-1.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Play Competitive Matches</h3>
@@ -166,7 +150,7 @@
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.25s">
<div class="icon-box">
<img src="images/icon-about-list-2.svg" alt="">
<img loading="lazy" src="images/icon-about-list-2.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Train the Next Generation</h3>
@@ -177,7 +161,7 @@
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.5s">
<div class="icon-box">
<img src="images/icon-about-list-3.svg" alt="">
<img loading="lazy" src="images/icon-about-list-3.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Connect Statewide Talent</h3>
@@ -188,7 +172,7 @@
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.75s">
<div class="icon-box">
<img src="images/icon-about-list-4.svg" alt="">
<img loading="lazy" src="images/icon-about-list-4.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Build the Cricket Community</h3>
@@ -337,14 +321,14 @@
<!-- Mission Image Start -->
<div class="mission-img">
<figure class="image-anime reveal">
<img src="images/mission-image.jpg" alt="">
<img loading="lazy" src="images/mission-image.jpg" alt="">
</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>
@@ -374,7 +358,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 -->
@@ -391,7 +375,7 @@
<h3>Dallas Regionals</h3>
</div>
<div class="service-btn">
<a href="/dallas.html" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
<a href="/dallas.html" class="readmore-btn"><img loading="lazy" src="images/arrow-white.svg" alt=""></a>
</div>
</div>
<!-- Service Footer End -->
@@ -406,7 +390,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 -->
@@ -423,7 +407,7 @@
<h3>austin regionals</h3>
</div>
<div class="service-btn">
<a href="/austin.html" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
<a href="/austin.html" class="readmore-btn"><img loading="lazy" src="images/arrow-white.svg" alt=""></a>
</div>
</div>
<!-- Service Footer End -->
@@ -440,11 +424,11 @@
<div class="scrolling-ticker">
<div class="scrolling-ticker-box">
<div class="scrolling-content">
<span><img src="images/icon-asterisk.svg" alt="">Cricket</span>
<span><img src="images/icon-asterisk.svg" alt="">Leadership</span>
<span><img src="images/icon-asterisk.svg" alt="">Community</span>
<span><img src="images/icon-asterisk.svg" alt="">Youth Involvement</span>
<span><img src="images/icon-asterisk.svg" alt="">Fun</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Cricket</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Leadership</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Community</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Youth Involvement</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Fun</span>
</div>
</div>
</div>
@@ -463,13 +447,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>
@@ -679,7 +663,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
<img loading="lazy" src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -690,7 +674,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
<img loading="lazy" src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -735,38 +719,7 @@
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<script src="js/bundle-core.js"></script>
<!-- Enhanced Animations js -->
<script src="js/enhance.js"></script>
<!-- Homepage GSAP Masterpiece (index.html only) -->

2545
js/bundle-core.js Normal file

File diff suppressed because one or more lines are too long

View File

@@ -19,27 +19,11 @@
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet" />
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css" />
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen" />
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet" />
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css" />
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css" />
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css" />
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen" />
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen" />
</head>
<!-- Preload critical image -->
<link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
<!-- Preloader Start -->
@@ -442,7 +426,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="" />
<img loading="lazy" src="images/icon-phone.svg" alt="" />
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -453,7 +437,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="" />
<img loading="lazy" src="images/icon-mail.svg" alt="" />
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -504,37 +488,6 @@
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<script src="js/bundle-core.js"></script>
</body>
</html>

View File

@@ -19,27 +19,11 @@
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet" />
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css" />
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen" />
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet" />
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css" />
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css" />
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css" />
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen" />
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen" />
</head>
<!-- Preload critical image -->
<link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
<!-- Preloader Start -->
@@ -188,7 +172,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 +193,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 +214,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 -->
@@ -361,7 +345,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="" />
<img loading="lazy" src="images/icon-phone.svg" alt="" />
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -372,7 +356,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="" />
<img loading="lazy" src="images/icon-mail.svg" alt="" />
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -423,38 +407,7 @@
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<script src="js/bundle-core.js"></script>
<!-- Enhanced Animations js -->
<script src="js/enhance.js"></script>
</body>