Compare commits
37 Commits
krishna/v2
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
|
9496dcc139 | ||
|
|
9d18f5a47f | ||
|
|
c8ad260e9f | ||
| fa4ee5edcb | |||
| 5fadf6b9d9 | |||
| 974c5af1e4 | |||
| 5813ca0ccb | |||
|
|
5aa440c4dc | ||
|
|
96e65d860f | ||
|
|
15e669ff81 | ||
|
|
1507ed5c9f | ||
|
|
666001cae4 | ||
|
|
f05d289edb | ||
|
|
226f5f15cc | ||
|
|
75e46ed41e | ||
|
|
c0d1d517ae | ||
|
|
85d955fdad | ||
|
|
f7df852a00 | ||
|
|
43112c4584 | ||
|
|
621229e1fb | ||
|
|
d1ab497ad7 | ||
|
|
d0b7a9a90d | ||
|
|
8804d671a2 | ||
|
|
f0c6e1601b | ||
|
|
fe0c56a5df | ||
|
|
e1bb749c80 | ||
|
|
867cc5681f | ||
|
|
8c9d17d465 | ||
| 01443deb1c | |||
| 81579a82ed | |||
| 313e5ee462 | |||
| df0daa33ed | |||
| 1ea05002f7 | |||
| 0a24dffc35 | |||
| 3406096623 | |||
| 0b897235e1 | |||
| be8278453b |
6
.gitignore
vendored
Normal file
6
.gitignore
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
node_modules
|
||||
dist
|
||||
.DS_Store
|
||||
server/public
|
||||
vite.config.ts.*
|
||||
*.tar.gz
|
||||
57
404.html
57
404.html
@@ -19,24 +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">
|
||||
<!-- Bundled CSS -->
|
||||
<link href="css/bundle.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -225,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>
|
||||
@@ -236,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>
|
||||
@@ -282,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>
|
||||
|
||||
1894
about.html
1894
about.html
File diff suppressed because it is too large
Load Diff
105
austin.html
105
austin.html
@@ -19,24 +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">
|
||||
<!-- 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>
|
||||
@@ -125,7 +111,7 @@
|
||||
<!-- Text Column -->
|
||||
<div class="col-lg-7 wow fadeInLeft">
|
||||
<div class="section-title">
|
||||
<h3>about the regional competition</h3>
|
||||
<h3>Powered by USAHSC</h3>
|
||||
<h2 class="text-anime-style-2" data-cursor="-opaque">Tech and Cricket in <span>ATX</span></h2>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
@@ -175,13 +161,13 @@
|
||||
<!-- Team Grid Start -->
|
||||
<div class="row">
|
||||
<!-- Team 1: Plano East Panthers -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp">
|
||||
<!-- 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 -->
|
||||
@@ -197,13 +183,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 2: Frisco Lone Star -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<!-- 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 -->
|
||||
@@ -219,13 +205,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 3: Prosper Predators -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<!-- 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 -->
|
||||
@@ -241,13 +227,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 4: Irving High Chargers -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<!-- 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 -->
|
||||
@@ -263,13 +249,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 5: Plano West Warriors -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<!-- 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 -->
|
||||
@@ -285,13 +271,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 6: Frisco Titans -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="1s">
|
||||
<!-- 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 -->
|
||||
@@ -307,13 +293,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 7: Prosper Patriots -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
|
||||
<!-- 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 -->
|
||||
@@ -329,13 +315,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 8: Irving Lions -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
|
||||
<!-- 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 -->
|
||||
@@ -351,13 +337,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 9: Plano Hawks -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="1.6s">
|
||||
<!-- 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 -->
|
||||
@@ -429,7 +415,7 @@
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-3 col-6">
|
||||
<div class="col-12 col-sm-6 col-md-3 col-lg-2">
|
||||
<!-- About Links Start -->
|
||||
<div class="footer-links">
|
||||
<h3>quick links</h3>
|
||||
@@ -443,7 +429,7 @@
|
||||
<!-- About Links End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-4 col-6">
|
||||
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
|
||||
<!-- About Links Start -->
|
||||
<div class="footer-links">
|
||||
<h3>our cricket</h3>
|
||||
@@ -457,7 +443,7 @@
|
||||
<!-- About Links End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-5">
|
||||
<div class="col-12 col-sm-6 col-md-5 col-lg-3">
|
||||
<!-- About Links Start -->
|
||||
<div class="footer-contact">
|
||||
<h3>contact</h3>
|
||||
@@ -466,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>
|
||||
@@ -477,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>
|
||||
@@ -522,38 +508,9 @@
|
||||
<!-- 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>
|
||||
|
||||
</html>
|
||||
|
||||
65
contact.html
65
contact.html
@@ -19,24 +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">
|
||||
<!-- 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>
|
||||
@@ -139,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 -->
|
||||
|
||||
@@ -156,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 -->
|
||||
|
||||
@@ -327,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>
|
||||
@@ -338,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>
|
||||
@@ -384,38 +370,9 @@
|
||||
|
||||
|
||||
<!-- 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>
|
||||
|
||||
</html>
|
||||
|
||||
10971
css/bundle.css
Normal file
10971
css/bundle.css
Normal file
File diff suppressed because one or more lines are too long
5586
css/custom.css
5586
css/custom.css
File diff suppressed because it is too large
Load Diff
1341
css/enhance.css
Normal file
1341
css/enhance.css
Normal file
File diff suppressed because it is too large
Load Diff
105
dallas.html
105
dallas.html
@@ -19,24 +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">
|
||||
<!-- 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>
|
||||
@@ -124,7 +110,7 @@
|
||||
<!-- Text Column -->
|
||||
<div class="col-lg-7 wow fadeInLeft">
|
||||
<div class="section-title">
|
||||
<h3>about the regional competition</h3>
|
||||
<h3>Powered by Dallas Cricket Board</h3>
|
||||
<h2 class="text-anime-style-2" data-cursor="-opaque">More than cowboys in <span>D-Town</span></h2>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
@@ -174,13 +160,13 @@
|
||||
<!-- Team Grid Start -->
|
||||
<div class="row">
|
||||
<!-- Team 1: Plano East Panthers -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp">
|
||||
<!-- 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 -->
|
||||
@@ -196,13 +182,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 2: Frisco Lone Star -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<!-- 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 -->
|
||||
@@ -218,13 +204,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 3: Prosper Predators -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<!-- 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 -->
|
||||
@@ -240,13 +226,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 4: Irving High Chargers -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<!-- 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 -->
|
||||
@@ -262,13 +248,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 5: Plano West Warriors -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<!-- 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 -->
|
||||
@@ -284,13 +270,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 6: Frisco Titans -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="1s">
|
||||
<!-- 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 -->
|
||||
@@ -306,13 +292,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 7: Prosper Patriots -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
|
||||
<!-- 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 -->
|
||||
@@ -328,13 +314,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 8: Irving Lions -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
|
||||
<!-- 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 -->
|
||||
@@ -350,13 +336,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 9: Plano Hawks -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="1.6s">
|
||||
<!-- 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 -->
|
||||
@@ -428,7 +414,7 @@
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-3 col-6">
|
||||
<div class="col-12 col-sm-6 col-md-3 col-lg-2">
|
||||
<!-- About Links Start -->
|
||||
<div class="footer-links">
|
||||
<h3>quick links</h3>
|
||||
@@ -442,7 +428,7 @@
|
||||
<!-- About Links End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-4 col-6">
|
||||
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
|
||||
<!-- About Links Start -->
|
||||
<div class="footer-links">
|
||||
<h3>our cricket</h3>
|
||||
@@ -456,7 +442,7 @@
|
||||
<!-- About Links End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-5">
|
||||
<div class="col-12 col-sm-6 col-md-5 col-lg-3">
|
||||
<!-- About Links Start -->
|
||||
<div class="footer-contact">
|
||||
<h3>contact</h3>
|
||||
@@ -465,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>
|
||||
@@ -476,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>
|
||||
@@ -522,38 +508,9 @@
|
||||
|
||||
|
||||
<!-- 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>
|
||||
|
||||
</html>
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 190 KiB After Width: | Height: | Size: 51 KiB |
BIN
images/about.gif
BIN
images/about.gif
Binary file not shown.
|
Before Width: | Height: | Size: 87 MiB |
BIN
images/about.png
Normal file
BIN
images/about.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 MiB |
BIN
images/amulya.png
Normal file
BIN
images/amulya.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 656 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 834 KiB After Width: | Height: | Size: 5.2 KiB |
@@ -1,16 +0,0 @@
|
||||
<svg width="194" height="50" viewBox="0 0 194 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M193.751 49.9542H187.11L181.146 41.46L175.182 49.9542H168.54L177.802 36.716L168.54 23.4326H175.182L181.146 31.9267L184.218 27.5441L187.11 23.4326H193.751L187.562 32.2882L184.489 36.716L193.751 49.9542Z" fill="#FE6035"/>
|
||||
<path d="M164.785 23.4785V49.9549H159.364V23.4785H164.785Z" fill="#FE6035"/>
|
||||
<path d="M135.197 35.045V41.6415V49.9549H129.775V37.1233V30.5268V23.4785L147.802 38.3884V23.4785H153.269V42.9066V49.9549L135.197 35.045Z" fill="#FE6035"/>
|
||||
<path d="M105.073 28.9455V23.4785H110.495H124.004V28.9455H110.495V30.075V33.4184V34.0058H124.004V39.4728H110.495V40.0149V43.3584V44.5331H124.004V49.9549H110.495H109.817H109.14H108.462H107.784H107.106H106.429H105.751H105.073V44.5331V43.3584V40.0149V39.4728V34.0058V33.4184V30.075V28.9455Z" fill="white"/>
|
||||
<path d="M94.8427 42.5896L92.1318 49.9542H86.3034L83.4118 42.0022L80.5201 34.0051L76.6797 23.4326H82.463L85.8516 32.6948L89.2402 42.0022L91.9059 34.5924L95.9722 23.4326H101.801L94.8427 42.5896Z" fill="white"/>
|
||||
<path d="M64.4251 31.3846L57.6479 49.9993L51.8646 49.9542L61.4883 23.4326H67.3167L76.9856 49.9542L71.1572 49.9993L64.4251 31.3846Z" fill="white"/>
|
||||
<path d="M2.7336 40.501C2.7336 43.5408 5.19797 46.0052 8.2378 46.0052C8.23803 42.9654 5.77366 40.501 2.7336 40.501Z" fill="#FE6035"/>
|
||||
<path d="M0 48.1092C2.14952 50.2587 5.63462 50.2587 7.78414 48.1092C5.63462 45.9597 2.14952 45.9597 0 48.1092Z" fill="#FE6035"/>
|
||||
<path d="M36.6307 40.501C33.5909 40.501 31.1265 42.9654 31.1265 46.0052C34.1666 46.0052 36.6307 43.5408 36.6307 40.501Z" fill="#FE6035"/>
|
||||
<path d="M31.5802 48.1092C33.7297 50.2587 37.2148 50.2587 39.3646 48.1092C37.2151 45.9597 33.7299 45.9597 31.5802 48.1092Z" fill="#FE6035"/>
|
||||
<path d="M11.106 40.2303V50.0005H16.2387V45.5443C16.2387 42.7685 17.4598 40.0839 19.6824 37.9716C21.905 40.0839 23.126 42.7685 23.126 45.5443V50.0005H28.2588V40.2303L19.6824 31.6768L11.106 40.2303Z" fill="#FE6035"/>
|
||||
<path d="M19.6824 40.501C18.4334 41.6878 17.7476 43.1964 17.7476 44.756V49.9798H21.6172V44.756C21.6172 43.1964 20.9311 41.6878 19.6824 40.501Z" fill="#FE6035"/>
|
||||
<path d="M24.8347 32.2802V21.5347L19.6822 14.9199L14.5299 21.5347V32.2802L6.76552 39.9975H8.98304L19.6822 29.3631L30.3813 39.9975H32.5988L24.8347 32.2802ZM18.7614 20.4248C18.7614 19.9162 19.1738 19.504 19.6824 19.504C20.191 19.504 20.6035 19.9162 20.6035 20.4248V23.5322H18.7616L18.7614 20.4248Z" fill="#FE6035"/>
|
||||
<path d="M19.2166 10.7418L10.8214 21.5194H12.9574L19.6822 12.8859L26.4069 21.5194H28.5429L20.1479 10.7418V5.71659H21.9528L23.2201 6.98395L24.9533 5.25083L23.2201 3.51771L21.9528 4.78506H20.1479V3.00047L21.4153 1.73312L19.6822 0L17.949 1.73312L19.2164 3.00047V4.78506H17.4118L16.1444 3.51771L14.4113 5.25083L16.1444 6.98395L17.4118 5.71659H19.2164V10.7418H19.2166ZM23.2201 4.83513L23.6358 5.25083L23.2201 5.66652L22.8044 5.25083L23.2201 4.83513ZM19.6824 1.31742L20.0981 1.73312L19.6824 2.14882L19.2667 1.73312L19.6824 1.31742ZM16.1444 5.66629L15.7287 5.25059L16.1444 4.8349L16.5601 5.25059L16.1444 5.66629Z" fill="#FE6035"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.0 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 |
BIN
images/keshav.png
Normal file
BIN
images/keshav.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 344 KiB |
BIN
images/laksh.png
Normal file
BIN
images/laksh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 241 KiB |
BIN
images/logo.png
BIN
images/logo.png
Binary file not shown.
|
Before Width: | Height: | Size: 834 KiB After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 697 KiB |
BIN
images/ncca.png
BIN
images/ncca.png
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 |
BIN
images/pfp-placeholder.jpg
Normal file
BIN
images/pfp-placeholder.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
BIN
images/ram-headshot.png
Normal file
BIN
images/ram-headshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 459 KiB |
BIN
images/saim-headshot.png
Normal file
BIN
images/saim-headshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 706 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 47 KiB |
BIN
images/saim.png
BIN
images/saim.png
Binary file not shown.
|
Before Width: | Height: | Size: 303 KiB After Width: | Height: | Size: 1.5 MiB |
BIN
images/saim.webp
BIN
images/saim.webp
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.9 KiB After Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 203 KiB After Width: | Height: | Size: 48 KiB |
BIN
images/usa-cricket.png
Normal file
BIN
images/usa-cricket.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
images/victory.png
Normal file
BIN
images/victory.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
BIN
images/vrishan.png
Normal file
BIN
images/vrishan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 949 KiB |
188
index.html
188
index.html
@@ -1,6 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
@@ -19,25 +18,12 @@
|
||||
<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">
|
||||
<!-- Preload critical image -->
|
||||
<link rel="preload" href="images/hero-bg.jpg" as="image">
|
||||
<!-- Bundled CSS -->
|
||||
<link href="css/bundle.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
@@ -120,9 +106,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="down-arrow">
|
||||
<a href="#home-about"><i class="fa-solid fa-arrow-down-long"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@@ -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>
|
||||
@@ -217,7 +201,7 @@
|
||||
<div class="our-counter">
|
||||
<div class="container">
|
||||
<div class="row counter-box">
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
|
||||
<!-- Counter Item Start -->
|
||||
<div class="counter-item">
|
||||
<!-- Counter Title Start -->
|
||||
@@ -236,7 +220,7 @@
|
||||
<!-- Counter Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
|
||||
<!-- Counter Item Start -->
|
||||
<div class="counter-item">
|
||||
<!-- Counter Title Start -->
|
||||
@@ -255,7 +239,7 @@
|
||||
<!-- Counter Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
|
||||
<!-- Counter Item Start -->
|
||||
<div class="counter-item">
|
||||
<!-- Counter Title Start -->
|
||||
@@ -274,7 +258,7 @@
|
||||
<!-- Counter Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
|
||||
<!-- Counter Item Start -->
|
||||
<div class="counter-item">
|
||||
<!-- Counter Title Start -->
|
||||
@@ -337,14 +321,14 @@
|
||||
<!-- Mission Image Start -->
|
||||
<div class="mission-img">
|
||||
<figure class="image-anime reveal">
|
||||
<img src="images/about.gif" style="width: 450px; height: 750px;" alt="">
|
||||
<img loading="lazy" src="images/victory.png" 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 -->
|
||||
|
||||
@@ -388,10 +372,10 @@
|
||||
<!-- Service Footer Start -->
|
||||
<div class="service-footer">
|
||||
<div class="service-content">
|
||||
<h3>Dallas Regionals</h3>
|
||||
<h3>Dallas Regionals: powered by Dallas Cricket Board </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 -->
|
||||
|
||||
@@ -420,10 +404,10 @@
|
||||
<!-- Service Footer Start -->
|
||||
<div class="service-footer">
|
||||
<div class="service-content">
|
||||
<h3>austin regionals</h3>
|
||||
<h3>austin regionals: powered by USAHSC</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,84 +424,47 @@
|
||||
<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>
|
||||
</div>
|
||||
<!-- Service Ticker End -->
|
||||
|
||||
<p></p>
|
||||
<p></p>
|
||||
|
||||
<!-- Our Ministries Section Start -->
|
||||
<div class="our-ministries">
|
||||
<!-- Sponsors Section Start -->
|
||||
<div class="our-sponsors-section">
|
||||
<div class="container">
|
||||
<div class="row section-row">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h3 class="wow fadeInUp">Our Sponsors</h3>
|
||||
<h2 class="text-anime-style-2" data-cursor="-opaque">Our Proud <span>Sponsors</span></h2>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
</div>
|
||||
|
||||
<div class="service-single-slider">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<!-- Service Image Slide Start -->
|
||||
<div class="swiper-slide">
|
||||
<div class="service-slider-image">
|
||||
<figure>
|
||||
<img src="images/ncca.jpg"" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Image Slide End -->
|
||||
|
||||
<!-- Service Image Slide Start -->
|
||||
<div class=" swiper-slide">
|
||||
<div class="service-slider-image">
|
||||
<figure>
|
||||
<img src="images/hit-fantasy.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Image Slide End -->
|
||||
|
||||
<!-- Service Image Slide Start -->
|
||||
<div class="swiper-slide">
|
||||
<div class="service-slider-image">
|
||||
<figure>
|
||||
<img src="images/srisports.png" style="width: 1200px; height: 1200px;" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Image Slide End -->
|
||||
</div>
|
||||
<div class="service-single-btn">
|
||||
<div class="service-single-button-prev"></div>
|
||||
<div class="service-single-button-next"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s">
|
||||
<div class="sponsor-logo-item">
|
||||
<img loading="lazy" src="images/ncca.jpg" alt="NCCA">
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<div class="our-ministries-footer wow fadeInUp" data-wow-delay="0.75s">
|
||||
<p> We sincerely thank all of our sponsors who have allowed our community to function.
|
||||
Their support enables teams to join with no barrier to entry. <a href="/sponsors.html">View
|
||||
All
|
||||
Our Sponsors</a></p>
|
||||
</div>
|
||||
<div class="sponsor-logo-item">
|
||||
<img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy">
|
||||
</div>
|
||||
<div class="sponsor-logo-item">
|
||||
<img loading="lazy" src="images/srisports.png" alt="Sri Sports">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sponsors-footer wow fadeInUp" data-wow-delay="0.5s">
|
||||
<p>We sincerely thank all of our sponsors who have allowed our community to function.
|
||||
Their support enables teams to join with no barrier to entry.
|
||||
<a href="/sponsors.html">View All Our Sponsors</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Our Ministries Section End -->
|
||||
<!-- Sponsors Section End -->
|
||||
|
||||
|
||||
|
||||
@@ -679,7 +626,7 @@
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-3 col-6">
|
||||
<div class="col-12 col-sm-6 col-md-3 col-lg-2">
|
||||
<!-- About Links Start -->
|
||||
<div class="footer-links">
|
||||
<h3>quick links</h3>
|
||||
@@ -693,7 +640,7 @@
|
||||
<!-- About Links End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-4 col-6">
|
||||
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
|
||||
<!-- About Links Start -->
|
||||
<div class="footer-links">
|
||||
<h3>our cricket</h3>
|
||||
@@ -707,7 +654,7 @@
|
||||
<!-- About Links End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-5">
|
||||
<div class="col-12 col-sm-6 col-md-5 col-lg-3">
|
||||
<!-- About Links Start -->
|
||||
<div class="footer-contact">
|
||||
<h3>contact</h3>
|
||||
@@ -716,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>
|
||||
@@ -727,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>
|
||||
@@ -772,38 +719,11 @@
|
||||
<!-- 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) -->
|
||||
<script src="js/home-animations.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
2545
js/bundle-core.js
Normal file
2545
js/bundle-core.js
Normal file
File diff suppressed because one or more lines are too long
81
js/enhance.js
Normal file
81
js/enhance.js
Normal file
@@ -0,0 +1,81 @@
|
||||
/* =====================================================
|
||||
TSCB — Cross-page Utilities
|
||||
===================================================== */
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
/* ---- Scroll Progress Bar ---- */
|
||||
(function () {
|
||||
var bar = document.createElement('div');
|
||||
bar.id = 'tscb-progress';
|
||||
document.body.appendChild(bar);
|
||||
|
||||
function onScroll() {
|
||||
var scrollTop = window.scrollY || document.documentElement.scrollTop;
|
||||
var docHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
|
||||
var pct = docHeight > 0 ? (scrollTop / docHeight) * 100 : 0;
|
||||
bar.style.width = pct + '%';
|
||||
}
|
||||
|
||||
window.addEventListener('scroll', onScroll, { passive: true });
|
||||
})();
|
||||
|
||||
/* ---- Hero Decorative Orbs ---- */
|
||||
(function () {
|
||||
var hero = document.querySelector('.hero');
|
||||
if (!hero) return;
|
||||
[1, 2, 3].forEach(function (n) {
|
||||
var orb = document.createElement('div');
|
||||
orb.className = 'hero-orb-' + n;
|
||||
hero.appendChild(orb);
|
||||
});
|
||||
})();
|
||||
|
||||
/* ---- Magnetic Buttons ---- */
|
||||
(function () {
|
||||
var btns = document.querySelectorAll('.btn-default, .readmore-btn, .circular-arrow');
|
||||
btns.forEach(function (btn) {
|
||||
btn.addEventListener('mousemove', function (e) {
|
||||
var rect = btn.getBoundingClientRect();
|
||||
var cx = rect.left + rect.width / 2;
|
||||
var cy = rect.top + rect.height / 2;
|
||||
var dx = (e.clientX - cx) * 0.25;
|
||||
var dy = (e.clientY - cy) * 0.25;
|
||||
btn.style.transform = 'translate(' + dx + 'px, ' + dy + 'px)';
|
||||
});
|
||||
btn.addEventListener('mouseleave', function () {
|
||||
btn.style.transform = '';
|
||||
});
|
||||
});
|
||||
})();
|
||||
|
||||
/* ---- Active nav link ---- */
|
||||
(function () {
|
||||
var currentFile = window.location.pathname.split('/').pop() || 'index.html';
|
||||
var links = document.querySelectorAll('.navbar-nav .nav-link');
|
||||
links.forEach(function (link) {
|
||||
var href = link.getAttribute('href') || '';
|
||||
var file = href.split('/').pop();
|
||||
if (file === currentFile || (currentFile === '' && file === 'index.html')) {
|
||||
var item = link.closest('.nav-item');
|
||||
if (item) item.classList.add('active');
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
/* ---- Ticker pause on hover ---- */
|
||||
(function () {
|
||||
var ticker = document.querySelector('.ticker-wrap');
|
||||
if (!ticker) return;
|
||||
var inner = ticker.querySelector('.ticker');
|
||||
if (!inner) return;
|
||||
ticker.addEventListener('mouseenter', function () {
|
||||
inner.style.animationPlayState = 'paused';
|
||||
});
|
||||
ticker.addEventListener('mouseleave', function () {
|
||||
inner.style.animationPlayState = '';
|
||||
});
|
||||
})();
|
||||
|
||||
})();
|
||||
573
js/function.js
573
js/function.js
@@ -1,140 +1,140 @@
|
||||
(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 */
|
||||
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 +161,186 @@
|
||||
});
|
||||
}
|
||||
|
||||
/* 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 */
|
||||
var wowInstance = new WOW({
|
||||
mobile: true,
|
||||
live: false,
|
||||
offset: 0,
|
||||
scrollContainer: null
|
||||
});
|
||||
wowInstance.init();
|
||||
/* Re-trigger after page fully loads so elements already in the viewport
|
||||
on scroll-restore also animate (fixes "nothing shows on reload" issue) */
|
||||
$(window).on('load', function () {
|
||||
setTimeout(function () {
|
||||
window.dispatchEvent(new Event('scroll'));
|
||||
}, 200);
|
||||
});
|
||||
|
||||
/* 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);
|
||||
315
js/home-animations.js
Normal file
315
js/home-animations.js
Normal file
@@ -0,0 +1,315 @@
|
||||
/* =====================================================
|
||||
TSCB — Homepage GSAP Masterpiece
|
||||
Linked ONLY in index.html | v1.0
|
||||
===================================================== */
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
/* Guard: only run when there is a hero section */
|
||||
if (!document.querySelector('.hero')) return;
|
||||
|
||||
/* Register GSAP plugins (safe to call multiple times) */
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
|
||||
/* ====================================================
|
||||
1. HERO — ORBS ENTRANCE + MOUSE PARALLAX
|
||||
==================================================== */
|
||||
|
||||
/* Orbs drift in after preloader */
|
||||
gsap.from('.hero-orb-1', {
|
||||
scale: 0.2, opacity: 0, duration: 2.8,
|
||||
ease: 'power3.out', delay: 0.85
|
||||
});
|
||||
gsap.from('.hero-orb-2', {
|
||||
scale: 0.2, opacity: 0, duration: 3.2,
|
||||
ease: 'power3.out', delay: 1.0
|
||||
});
|
||||
gsap.from('.hero-orb-3', {
|
||||
scale: 0.2, opacity: 0, duration: 2.2,
|
||||
ease: 'power3.out', delay: 1.3
|
||||
});
|
||||
|
||||
/* Orb glow pulse after preloader (subtle depth feel) */
|
||||
gsap.to('.hero-orb-1', {
|
||||
opacity: 0.85, scale: 1.08,
|
||||
duration: 3, ease: 'sine.inOut',
|
||||
yoyo: true, repeat: -1, delay: 1.8
|
||||
});
|
||||
|
||||
/* Orb scroll parallax */
|
||||
ScrollTrigger.create({
|
||||
trigger: '.hero',
|
||||
start: 'top top',
|
||||
end: 'bottom top',
|
||||
scrub: 1.8,
|
||||
onUpdate: function (self) {
|
||||
var p = self.progress;
|
||||
gsap.set('.hero-orb-1', { y: p * -130, x: p * 45 });
|
||||
gsap.set('.hero-orb-2', { y: p * -90, x: p * -35 });
|
||||
gsap.set('.hero-orb-3', { y: p * -60, rotate: p * 50 });
|
||||
}
|
||||
});
|
||||
|
||||
/* Hero mouse parallax — orbs follow the cursor */
|
||||
var heroEl = document.querySelector('.hero');
|
||||
heroEl.addEventListener('mousemove', function (e) {
|
||||
var rect = heroEl.getBoundingClientRect();
|
||||
var xR = (e.clientX - rect.left) / rect.width - 0.5;
|
||||
var yR = (e.clientY - rect.top) / rect.height - 0.5;
|
||||
gsap.to('.hero-orb-1', { x: xR * 55, y: yR * 35, duration: 1.8, ease: 'power2.out', overwrite: 'auto' });
|
||||
gsap.to('.hero-orb-2', { x: xR * -40, y: yR * -25, duration: 2.0, ease: 'power2.out', overwrite: 'auto' });
|
||||
gsap.to('.hero-orb-3', { x: xR * 25, y: yR * 18, duration: 1.4, ease: 'power2.out', overwrite: 'auto' });
|
||||
});
|
||||
|
||||
/* ====================================================
|
||||
2. COUNTER SECTION — 3-STAGE DRAMATIC ENTRANCE
|
||||
(counter-item has no .wow class — safe to animate)
|
||||
==================================================== */
|
||||
|
||||
var counterSection = document.querySelector('.our-counter');
|
||||
if (counterSection) {
|
||||
|
||||
/* Stage 1 — the whole box scales in */
|
||||
gsap.from('.counter-box', {
|
||||
scrollTrigger: { trigger: '.our-counter', start: 'top 78%', once: true },
|
||||
scale: 0.88, opacity: 0, borderRadius: '40px',
|
||||
duration: 1.2, ease: 'power4.out',
|
||||
immediateRender: false
|
||||
});
|
||||
|
||||
/* Stage 2 — individual items slide up with stagger */
|
||||
gsap.from('.counter-item', {
|
||||
scrollTrigger: { trigger: '.our-counter', start: 'top 78%', once: true },
|
||||
y: 60, opacity: 0,
|
||||
duration: 0.85, stagger: 0.18, delay: 0.25,
|
||||
ease: 'back.out(1.6)',
|
||||
immediateRender: false
|
||||
});
|
||||
|
||||
/* Stage 3 — counter h2 numbers pop with elastic */
|
||||
gsap.from('.counter-title h2', {
|
||||
scrollTrigger: { trigger: '.our-counter', start: 'top 78%', once: true },
|
||||
scale: 0.4, opacity: 0,
|
||||
duration: 1.1, stagger: 0.2, delay: 0.55,
|
||||
ease: 'elastic.out(1.1, 0.52)',
|
||||
immediateRender: false
|
||||
});
|
||||
|
||||
/* Counter hover — h2 magnify */
|
||||
document.querySelectorAll('.counter-item').forEach(function (item) {
|
||||
item.addEventListener('mouseenter', function () {
|
||||
gsap.to(item.querySelector('.counter-title h2'), {
|
||||
scale: 1.12, color: '#d92800',
|
||||
duration: 0.35, ease: 'back.out(2)'
|
||||
});
|
||||
});
|
||||
item.addEventListener('mouseleave', function () {
|
||||
gsap.to(item.querySelector('.counter-title h2'), {
|
||||
scale: 1, color: '',
|
||||
duration: 0.5, ease: 'power2.out'
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/* ====================================================
|
||||
3. MISSION IMAGE — SCROLL PARALLAX
|
||||
(the reveal animation in function.js still runs)
|
||||
==================================================== */
|
||||
|
||||
gsap.to('.mission-img', {
|
||||
scrollTrigger: {
|
||||
trigger: '.our-mission',
|
||||
start: 'top bottom',
|
||||
end: 'bottom top',
|
||||
scrub: 1.8
|
||||
},
|
||||
y: -60, ease: 'none'
|
||||
});
|
||||
|
||||
gsap.to('.mission-life-circle', {
|
||||
scrollTrigger: {
|
||||
trigger: '.our-mission',
|
||||
start: 'top bottom',
|
||||
end: 'bottom top',
|
||||
scrub: 2.5
|
||||
},
|
||||
y: -95, rotate: 35, ease: 'none'
|
||||
});
|
||||
|
||||
/* ====================================================
|
||||
4. SERVICE TICKER — FADE IN + SUBTLE SCALE
|
||||
==================================================== */
|
||||
|
||||
gsap.from('.service-ticker', {
|
||||
scrollTrigger: { trigger: '.service-ticker', start: 'top 92%', once: true },
|
||||
opacity: 0, scaleY: 0.6,
|
||||
transformOrigin: 'center center',
|
||||
duration: 0.7, ease: 'back.out(2)',
|
||||
immediateRender: false
|
||||
});
|
||||
|
||||
/* ====================================================
|
||||
5. SERVICE CARDS — 3D TILT ON HOVER
|
||||
(entrance handled by WOW.js — we layer on tilt only)
|
||||
==================================================== */
|
||||
|
||||
document.querySelectorAll('.service-item').forEach(function (card) {
|
||||
card.style.transformStyle = 'preserve-3d';
|
||||
card.addEventListener('mousemove', function (e) {
|
||||
var rect = card.getBoundingClientRect();
|
||||
var rotX = ((e.clientY - rect.top - rect.height / 2) / (rect.height / 2)) * -10;
|
||||
var rotY = ((e.clientX - rect.left - rect.width / 2) / (rect.width / 2)) * 10;
|
||||
gsap.to(card, {
|
||||
rotationX: rotX, rotationY: rotY,
|
||||
transformPerspective: 700,
|
||||
duration: 0.35, ease: 'power2.out', overwrite: 'auto'
|
||||
});
|
||||
});
|
||||
card.addEventListener('mouseleave', function () {
|
||||
gsap.to(card, {
|
||||
rotationX: 0, rotationY: 0,
|
||||
duration: 0.75, ease: 'elastic.out(1, 0.45)', overwrite: 'auto'
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
/* ====================================================
|
||||
6. SPONSORS — GUARANTEED VISIBILITY
|
||||
Two-trigger system: ScrollTrigger + load-time check
|
||||
gsap.set() owns initial state (no CSS opacity:0 ever)
|
||||
==================================================== */
|
||||
|
||||
var sponsorItems = document.querySelectorAll('.sponsor-logo-item');
|
||||
if (sponsorItems.length) {
|
||||
|
||||
/* Immediately set invisible via GSAP — no CSS conflict */
|
||||
gsap.set(sponsorItems, { opacity: 0, y: 60, scale: 0.78, rotationY: 15 });
|
||||
|
||||
var sponsorsPlayed = false;
|
||||
function playSponsors() {
|
||||
if (sponsorsPlayed) return;
|
||||
sponsorsPlayed = true;
|
||||
gsap.to(sponsorItems, {
|
||||
opacity: 1, y: 0, scale: 1, rotationY: 0,
|
||||
duration: 0.9, stagger: 0.22,
|
||||
ease: 'back.out(1.8)',
|
||||
clearProps: 'rotationY'
|
||||
});
|
||||
}
|
||||
|
||||
/* Trigger 1: normal scroll */
|
||||
ScrollTrigger.create({
|
||||
trigger: '.our-sponsors-section',
|
||||
start: 'top 88%',
|
||||
once: true,
|
||||
onEnter: playSponsors
|
||||
});
|
||||
|
||||
/* Trigger 2: already visible when page finishes loading */
|
||||
window.addEventListener('load', function () {
|
||||
setTimeout(function () {
|
||||
var sec = document.querySelector('.our-sponsors-section');
|
||||
if (!sec) return;
|
||||
var rect = sec.getBoundingClientRect();
|
||||
if (rect.top < window.innerHeight * 0.92) {
|
||||
playSponsors();
|
||||
}
|
||||
}, 980);
|
||||
});
|
||||
|
||||
/* 3D tilt on hover — works after animation completes */
|
||||
sponsorItems.forEach(function (card) {
|
||||
card.style.transformStyle = 'preserve-3d';
|
||||
card.addEventListener('mousemove', function (e) {
|
||||
var rect = card.getBoundingClientRect();
|
||||
var rotX = ((e.clientY - rect.top - rect.height / 2) / (rect.height / 2)) * -8;
|
||||
var rotY = ((e.clientX - rect.left - rect.width / 2) / (rect.width / 2)) * 8;
|
||||
gsap.to(card, {
|
||||
rotationX: rotX, rotationY: rotY,
|
||||
transformPerspective: 500,
|
||||
duration: 0.3, ease: 'power2.out', overwrite: 'auto'
|
||||
});
|
||||
});
|
||||
card.addEventListener('mouseleave', function () {
|
||||
gsap.to(card, {
|
||||
rotationX: 0, rotationY: 0,
|
||||
duration: 0.65, ease: 'elastic.out(1, 0.45)', overwrite: 'auto'
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/* ====================================================
|
||||
7. CTA BOX — SPLIT ENTRANCE
|
||||
(cta-box-btn has .wow — we animate cta-box-content only)
|
||||
==================================================== */
|
||||
|
||||
gsap.from('.cta-box-content', {
|
||||
scrollTrigger: { trigger: '.cta-box', start: 'top 82%', once: true },
|
||||
x: -70, opacity: 0,
|
||||
duration: 1.1, ease: 'power4.out',
|
||||
immediateRender: false
|
||||
});
|
||||
|
||||
/* ====================================================
|
||||
8. GLOBAL SCROLL PROGRESS + SECTION FLASH
|
||||
Brief red flash on the progress bar when entering a section
|
||||
==================================================== */
|
||||
|
||||
var sectionFlashSections = document.querySelectorAll('.our-counter, .our-services, .our-sponsors-section, .cta-box');
|
||||
sectionFlashSections.forEach(function (sec) {
|
||||
ScrollTrigger.create({
|
||||
trigger: sec,
|
||||
start: 'top 60%',
|
||||
once: true,
|
||||
onEnter: function () {
|
||||
var bar = document.getElementById('tscb-progress');
|
||||
if (!bar) return;
|
||||
gsap.fromTo(bar, { boxShadow: '0 0 0 0 rgba(217,40,0,0)' },
|
||||
{ boxShadow: '0 0 18px 4px rgba(217,40,0,0.7)', duration: 0.3, yoyo: true, repeat: 1, ease: 'power2.inOut' });
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/* ====================================================
|
||||
9. ABOUT-LIST ICON BOXES — STAGGER SPIN-IN
|
||||
(icons inside .about-list-item — no .wow class on the icon)
|
||||
==================================================== */
|
||||
|
||||
gsap.from('#home-about .about-list-item .icon-box', {
|
||||
scrollTrigger: { trigger: '#home-about .about-content-body', start: 'top 82%', once: true },
|
||||
scale: 0, rotate: -180, opacity: 0,
|
||||
duration: 0.75, stagger: 0.2, delay: 0.15,
|
||||
ease: 'back.out(2)',
|
||||
immediateRender: false
|
||||
});
|
||||
|
||||
/* ====================================================
|
||||
10. SCROLL-TRIGGERED BACKGROUND GRADIENT SHIFT
|
||||
on the hero as user scrolls away
|
||||
==================================================== */
|
||||
|
||||
ScrollTrigger.create({
|
||||
trigger: '.hero',
|
||||
start: 'top top',
|
||||
end: 'bottom top',
|
||||
scrub: 1,
|
||||
onUpdate: function (self) {
|
||||
heroEl.style.filter = 'brightness(' + (1 - self.progress * 0.18) + ')';
|
||||
}
|
||||
});
|
||||
|
||||
/* ====================================================
|
||||
FINALIZE: refresh ScrollTrigger after full load
|
||||
(handles lazy images and font layout shifts)
|
||||
==================================================== */
|
||||
|
||||
window.addEventListener('load', function () {
|
||||
setTimeout(function () {
|
||||
ScrollTrigger.refresh();
|
||||
}, 300);
|
||||
});
|
||||
|
||||
})();
|
||||
@@ -19,25 +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" />
|
||||
</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 -->
|
||||
@@ -440,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>
|
||||
@@ -451,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>
|
||||
@@ -502,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>
|
||||
|
||||
38
sitemap.xml
Normal file
38
sitemap.xml
Normal file
@@ -0,0 +1,38 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://tscb.cricket/</loc>
|
||||
<priority>1.0</priority>
|
||||
<changefreq>weekly</changefreq>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://tscb.cricket/about.html</loc>
|
||||
<priority>0.8</priority>
|
||||
<changefreq>monthly</changefreq>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://tscb.cricket/austin.html</loc>
|
||||
<priority>0.8</priority>
|
||||
<changefreq>weekly</changefreq>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://tscb.cricket/dallas.html</loc>
|
||||
<priority>0.8</priority>
|
||||
<changefreq>weekly</changefreq>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://tscb.cricket/contact.html</loc>
|
||||
<priority>0.6</priority>
|
||||
<changefreq>monthly</changefreq>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://tscb.cricket/sponsors.html</loc>
|
||||
<priority>0.6</priority>
|
||||
<changefreq>monthly</changefreq>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://tscb.cricket/liability.html</loc>
|
||||
<priority>0.4</priority>
|
||||
<changefreq>yearly</changefreq>
|
||||
</url>
|
||||
</urlset>
|
||||
@@ -19,25 +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" />
|
||||
</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 -->
|
||||
@@ -180,13 +166,13 @@
|
||||
<!-- Team Grid Start -->
|
||||
<div class="row">
|
||||
<!-- Team 1: Plano East Panthers -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp">
|
||||
<!-- 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 -->
|
||||
@@ -201,13 +187,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 2: Frisco Lone Star -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<!-- 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 -->
|
||||
@@ -222,13 +208,13 @@
|
||||
</div>
|
||||
|
||||
<!-- Team 3: Prosper Predators -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<!-- 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 -->
|
||||
@@ -359,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>
|
||||
@@ -370,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>
|
||||
@@ -421,37 +407,8 @@
|
||||
<!-- 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>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user