KeshavAnandCode/tscb-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: KeshavAnandCode:5fadf6b9d9d0da4558163e8ed84fe45da366a561
Branches Tags
KeshavAnandCode:main KeshavAnandCode:replit-ai-2 KeshavAnandCode:replit-ai KeshavAnandCode:krishna/v3 KeshavAnandCode:krishna/v2 KeshavAnandCode:krishna/opencode-test
..
compare: KeshavAnandCode:krishna/v2
Branches Tags
KeshavAnandCode:main KeshavAnandCode:replit-ai-2 KeshavAnandCode:replit-ai KeshavAnandCode:krishna/v3 KeshavAnandCode:krishna/v2 KeshavAnandCode:krishna/opencode-test

28 Commits
5fadf6b9d9 ... krishna/v2

Author SHA1 Message Date
Krishna Ayyalasomayajula
d12f39b151 Fix .slicknav_menu position to resolve navbar obscuring issue 
- Changed .slicknav_menu from position: absolute to position: relative
- Added z-index: 1000 for proper layering
- This prevents the mobile menu from covering the main navbar
 2026-03-17 14:32:36 -05:00
Krishna Ayyalasomayajula
dae335b1ff Reduce hero::before overlay opacity from 60% to 30% for better background visibility 2026-03-17 14:28:15 -05:00
Krishna Ayyalasomayajula
7ac7e472a5 Fix navbar sticky background to remain transparent 
When the page is scrolled and .header-sticky.active is applied,
change background from var(--primary-color) to transparent so
the hero background image remains visible.
 2026-03-17 14:25:43 -05:00
Krishna Ayyalasomayajula
f0e275a24f Fix navbar transparent background 
- Added 'background: transparent;' to .navbar selector
- Restores transparent navbar background that may have been removed in Phase 4.2
 2026-03-17 14:23:08 -05:00
Krishna Ayyalasomayajula
8d0face1ad Fix slicknav responsive breakpoint from 991px to 768px 2026-03-17 14:20:52 -05:00
Krishna Ayyalasomayajula
2bec588f07 Restore slicknav_menu to working state - position: absolute, no z-index 2026-03-17 14:18:31 -05:00
Krishna Ayyalasomayajula
04c1db49bc Restore slicknav_menu z-index to 1000 to fix navbar visibility 2026-03-17 14:17:09 -05:00
Krishna Ayyalasomayajula
8f445ace51 Fix slicknav_menu positioning and z-index to prevent header overlay 2026-03-17 14:13:05 -05:00
Krishna Ayyalasomayajula
b20e5ab276 Add explicit z-index to hero and slicknav for better stacking 2026-03-17 14:06:13 -05:00
Krishna Ayyalasomayajula
db28aa077a Fix hero section negative margin overlapping navbar 2026-03-17 14:05:39 -05:00
Krishna Ayyalasomayajula
3b952a64d2 Fix all section padding to use responsive clamp() values 2026-03-17 13:54:13 -05:00
Krishna Ayyalasomayajula
9327b2dc29 Fix navbar padding to use responsive clamp() values 2026-03-17 13:49:23 -05:00
Krishna Ayyalasomayajula
2fd186833c Fix container padding cascade conflict by removing .container from grouped selector 2026-03-17 13:48:02 -05:00
Krishna Ayyalasomayajula
bf9c1997ae Fix container max width to use responsive min() and CSS custom properties 2026-03-17 13:46:55 -05:00
Krishna Ayyalasomayajula
eb61d3279f Fix campaign, ministry, and service entry typography to use responsive CSS variables 2026-03-17 13:45:31 -05:00
Krishna Ayyalasomayajula
e6ef8a35d3 Fix page header h1 typography to use responsive CSS variables 2026-03-17 13:42:42 -05:00
Krishna Ayyalasomayajula
98f37fa94d typo 2026-03-17 13:40:38 -05:00
Krishna Ayyalasomayajula
edece9106f typo 2026-03-17 13:38:44 -05:00
Krishna Ayyalasomayajula
fb7ede6f9c typo 2026-03-17 13:37:22 -05:00
Krishna Ayyalasomayajula
38af2d580c typo 2026-03-17 13:36:08 -05:00
Krishna Ayyalasomayajula
c6ffbfa5bd typo 2026-03-17 13:34:35 -05:00
Krishna Ayyalasomayajula
5462e41264 typo 2026-03-17 13:33:22 -05:00
Krishna Ayyalasomayajula
ee98b76896 typo 2026-03-17 13:32:15 -05:00
Krishna Ayyalasomayajula
b8d60dbc24 typo 2026-03-17 13:30:46 -05:00
Krishna Ayyalasomayajula
f1b0a840a5 typo 2026-03-17 13:29:15 -05:00
Krishna Ayyalasomayajula
e78e3a980a typo 2026-03-17 13:28:21 -05:00
Krishna Ayyalasomayajula
3db7c385bd typo 2026-03-17 13:27:08 -05:00
Krishna Ayyalasomayajula
576b2c98f3 typo 2026-03-17 13:25:36 -05:00
34 changed files with 3845 additions and 18635 deletions
Expand all files Collapse all files

6
.gitignore vendored
View File

@@ -1,6 +0,0 @@
node_modules
dist
.DS_Store
server/public
vite.config.ts.*
*.tar.gz

57
404.html
View File

@@ -19,8 +19,24 @@
<link <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" 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"> rel="stylesheet">
<!-- Bundled CSS --> <!-- Bootstrap Css -->
<link href="css/bundle.css" rel="stylesheet"> <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> </head>
<body> <body>
@@ -209,7 +225,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-phone.svg" alt=""> <img src="images/icon-phone.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -220,7 +236,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-mail.svg" alt=""> <img src="images/icon-mail.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -266,7 +282,38 @@
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/bundle-core.js"></script> <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>
</body> </body>
</html> </html>

136
about.html
View File

@@ -19,11 +19,25 @@
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" 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" rel="stylesheet"
/> />
<!-- Preload critical image --> <!-- Bootstrap Css -->
<link rel="preload" href="images/page-header-bg.jpg" as="image"> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<!-- Bundled CSS --> <!-- SlickNav Css -->
<link href="css/bundle.css" rel="stylesheet"> <link href="css/slicknav.min.css" rel="stylesheet" />
</head> <!-- 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>
<body> <body>
<!-- Preloader Start --> <!-- Preloader Start -->
@@ -127,10 +141,19 @@
<div class="about-image"> <div class="about-image">
<div class="about-img-1"> <div class="about-img-1">
<figure class="image-anime reveal"> <figure class="image-anime reveal">
<div class="cricket-blur-bg"></div> <img src="images/cricket.png" alt="" />
<img loading="lazy" src="images/about.png" alt="" />
</figure> </figure>
</div> </div>
<div class="about-img-2">
<figure class="image-anime reveal">
<img
src="images/match.png"
alt=""
class="team-responsive-img"
/>
</figure>
</div>
</div> </div>
<!-- About Image End --> <!-- About Image End -->
</div> </div>
@@ -168,7 +191,7 @@
<!-- About List Item Start --> <!-- About List Item Start -->
<div class="about-list-item wow fadeInUp"> <div class="about-list-item wow fadeInUp">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-about-list-1.svg" alt="" /> <img src="images/icon-about-list-1.svg" alt="" />
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Play Competitive Matches</h3> <h3>Play Competitive Matches</h3>
@@ -182,7 +205,7 @@
data-wow-delay="0.25s" data-wow-delay="0.25s"
> >
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-about-list-2.svg" alt="" /> <img src="images/icon-about-list-2.svg" alt="" />
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Train the Next Generation</h3> <h3>Train the Next Generation</h3>
@@ -196,7 +219,7 @@
data-wow-delay="0.5s" data-wow-delay="0.5s"
> >
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-about-list-3.svg" alt="" /> <img src="images/icon-about-list-3.svg" alt="" />
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Connect Statewide Talent</h3> <h3>Connect Statewide Talent</h3>
@@ -210,7 +233,7 @@
data-wow-delay="0.75s" data-wow-delay="0.75s"
> >
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-about-list-4.svg" alt="" /> <img src="images/icon-about-list-4.svg" alt="" />
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Build the Cricket Community</h3> <h3>Build the Cricket Community</h3>
@@ -227,8 +250,8 @@
</div> </div>
<!-- About Us Section End --> <!-- About Us Section End -->
<p> ‎ </p> <p></p>
<p>‎ </p> <p></p>
<p></p> <p></p>
@@ -337,16 +360,16 @@
<div class="about-image"> <div class="about-image">
<div class="about-img-1"> <div class="about-img-1">
<figure class="image-anime reveal"> <figure class="image-anime reveal">
<img loading="lazy" src="images/abhiram.jpg" alt="" /> <img src="images/abhiram.jpg" alt="" />
</figure> </figure>
</div> </div>
<div class="about-img-2"> <div class="about-img-2">
<figure class="image-anime reveal"> <figure class="image-anime reveal">
<img <img
loading="lazy"
src="images/saim.png" src="images/saim.png"
alt="" alt=""
class="vision-responsive-img"
/> />
</figure> </figure>
</div> </div>
@@ -386,15 +409,15 @@
<div class="pastors-signature"> <div class="pastors-signature">
<!-- Pastors Signature Image Start --> <!-- Pastors Signature Image Start -->
<div class="pastors-signature-img"> <div class="pastors-signature-img">
<img loading="lazy" src="images/signature.png" alt="" /> <img src="images/signature.png" alt="" />
<img loading="lazy" src="images/saim-sign.png" alt="" /> <img src="images/saim-sign.png" alt="" />
</div> </div>
<!-- Pastors Signature Image End --> <!-- Pastors Signature Image End -->
<!-- Pastors Signature Comtent Start --> <!-- Pastors Signature Comtent Start -->
<div class="pastors-signature-content"> <div class="pastors-signature-content">
<p> <p>
Abhiram Charan Gadiraju and Rana Saim Zahid, Co-Founders, TCSB Abhiram Gadiraju and Rana Saim Zahid, Co-Founders, TCSB
</p> </p>
</div> </div>
<!-- Pastors Signature Comtent End --> <!-- Pastors Signature Comtent End -->
@@ -426,13 +449,13 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 col-sm-6 col-md-6 col-lg-3"> <div class="col-lg-3 col-md-6">
<div class="team-member-item wow fadeInUp"> <div class="team-member-item wow fadeInUp">
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/team-1.jpg" alt=""> <img src="images/team-1.jpg" alt="">
</figure> </figure>
@@ -449,13 +472,13 @@
</div> </div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3"> <div class="col-lg-3 col-md-6">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/team-2.jpg" alt=""> <img src="images/team-2.jpg" alt="">
</figure> </figure>
@@ -485,13 +508,13 @@
</div> </div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3"> <div class="col-lg-3 col-md-6">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/team-3.jpg" alt=""> <img src="images/team-3.jpg" alt="">
</figure> </figure>
@@ -521,13 +544,13 @@
</div> </div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3"> <div class="col-lg-3 col-md-6">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/team-4.jpg" alt=""> <img src="images/team-4.jpg" alt="">
</figure> </figure>
@@ -557,13 +580,13 @@
</div> </div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3"> <div class="col-lg-3 col-md-6">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/team-5.jpg" alt=""> <img src="images/team-5.jpg" alt="">
</figure> </figure>
@@ -588,11 +611,11 @@
</div> </div>
</div> </div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3"> <div class="col-lg-3 col-md-6">
<div class="team-member-item wow fadeInUp" data-wow-delay="1s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1s">
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/team-6.jpg" alt=""> <img src="images/team-6.jpg" alt="">
</figure> </figure>
<div class="team-social-icon"> <div class="team-social-icon">
@@ -616,11 +639,11 @@
</div> </div>
</div> </div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3"> <div class="col-lg-3 col-md-6">
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/team-7.jpg" alt=""> <img src="images/team-7.jpg" alt="">
</figure> </figure>
<div class="team-social-icon"> <div class="team-social-icon">
@@ -644,11 +667,11 @@
</div> </div>
</div> </div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3"> <div class="col-lg-3 col-md-6">
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/team-8.jpg" alt=""> <img src="images/team-8.jpg" alt="">
</figure> </figure>
<div class="team-social-icon"> <div class="team-social-icon">
@@ -941,7 +964,7 @@
<!-- About Footer End --> <!-- About Footer End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-3 col-lg-2"> <div class="col-lg-2 col-md-3 col-6">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>quick links</h3> <h3>quick links</h3>
@@ -955,7 +978,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="col-lg-3 col-md-4 col-6">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>our cricket</h3> <h3>our cricket</h3>
@@ -978,7 +1001,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-5 col-lg-3"> <div class="col-lg-3 col-md-5">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-contact"> <div class="footer-contact">
<h3>contact</h3> <h3>contact</h3>
@@ -987,7 +1010,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-phone.svg" alt="" /> <img src="images/icon-phone.svg" alt="" />
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -998,7 +1021,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-mail.svg" alt="" /> <img src="images/icon-mail.svg" alt="" />
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -1049,8 +1072,37 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/bundle-core.js"></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Enhanced Animations js --> <!-- Bootstrap js file -->
<script src="js/enhance.js"></script> <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>
</body> </body>
</html> </html>

103
austin.html
View File

@@ -19,10 +19,24 @@
<link <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" 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"> rel="stylesheet">
<!-- Preload critical image --> <!-- Bootstrap Css -->
<link rel="preload" href="images/page-header-bg.jpg" as="image"> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- Bundled CSS --> <!-- SlickNav Css -->
<link href="css/bundle.css" rel="stylesheet"> <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> </head>
<body> <body>
@@ -161,13 +175,13 @@
<!-- Team Grid Start --> <!-- Team Grid Start -->
<div class="row"> <div class="row">
<!-- Team 1: Plano East Panthers --> <!-- Team 1: Plano East Panthers -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp"> <div class="team-member-item wow fadeInUp">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/mcneil.jpg" alt="McNeil High School"> <img src="images/mcneil.jpg" alt="McNeil High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -183,13 +197,13 @@
</div> </div>
<!-- Team 2: Frisco Lone Star --> <!-- Team 2: Frisco Lone Star -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/vandegrift.webp" alt="Vandegrift High School"> <img src="images/vandegrift.webp" alt="Vandegrift High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -205,13 +219,13 @@
</div> </div>
<!-- Team 3: Prosper Predators --> <!-- Team 3: Prosper Predators -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/westwodd.jpeg" alt="Westwood High School"> <img src="images/westwodd.jpeg" alt="Westwood High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -227,13 +241,13 @@
</div> </div>
<!-- Team 4: Irving High Chargers --> <!-- Team 4: Irving High Chargers -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/cedarridge.jpg" alt="Cedar Ridge High School"> <img src="images/cedarridge.jpg" alt="Cedar Ridge High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -249,13 +263,13 @@
</div> </div>
<!-- Team 5: Plano West Warriors --> <!-- Team 5: Plano West Warriors -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/roundrock.jpeg" alt="Round Rock High School"> <img src="images/roundrock.jpeg" alt="Round Rock High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -271,13 +285,13 @@
</div> </div>
<!-- Team 6: Frisco Titans --> <!-- Team 6: Frisco Titans -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/westlake.jpg" alt="Westlake High School"> <img src="images/westlake.jpg" alt="Westlake High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -293,13 +307,13 @@
</div> </div>
<!-- Team 7: Prosper Patriots --> <!-- Team 7: Prosper Patriots -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/leander.jpeg" alt="Leander High School"> <img src="images/leander.jpeg" alt="Leander High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -315,13 +329,13 @@
</div> </div>
<!-- Team 8: Irving Lions --> <!-- Team 8: Irving Lions -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/legacyranch.jpg" alt="Legacy Ranch High School"> <img src="images/legacyranch.jpg" alt="Legacy Ranch High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -337,13 +351,13 @@
</div> </div>
<!-- Team 9: Plano Hawks --> <!-- Team 9: Plano Hawks -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.6s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.6s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/rouse.jpg" alt="Rouse High School"> <img src="images/rouse.jpg" alt="Rouse High School">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -415,7 +429,7 @@
<!-- About Footer End --> <!-- About Footer End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-3 col-lg-2"> <div class="col-lg-2 col-md-3 col-6">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>quick links</h3> <h3>quick links</h3>
@@ -429,7 +443,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="col-lg-3 col-md-4 col-6">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>our cricket</h3> <h3>our cricket</h3>
@@ -443,7 +457,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-5 col-lg-3"> <div class="col-lg-3 col-md-5">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-contact"> <div class="footer-contact">
<h3>contact</h3> <h3>contact</h3>
@@ -452,7 +466,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-phone.svg" alt=""> <img src="images/icon-phone.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -463,7 +477,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-mail.svg" alt=""> <img src="images/icon-mail.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -508,9 +522,38 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/bundle-core.js"></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Enhanced Animations js --> <!-- Bootstrap js file -->
<script src="js/enhance.js"></script> <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>
</body> </body>
</html> </html>

65
contact.html
View File

@@ -19,10 +19,24 @@
<link <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" 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"> rel="stylesheet">
<!-- Preload critical image --> <!-- Bootstrap Css -->
<link rel="preload" href="images/page-header-bg.jpg" as="image"> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- Bundled CSS --> <!-- SlickNav Css -->
<link href="css/bundle.css" rel="stylesheet"> <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> </head>
<body> <body>
@@ -125,7 +139,7 @@
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.25s"> <div class="contact-info-item wow fadeInUp" data-wow-delay="0.25s">
<!-- Icon Box Start --> <!-- Icon Box Start -->
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-phone.svg" alt=""> <img src="images/icon-phone.svg" alt="">
</div> </div>
<!-- Icon Box End --> <!-- Icon Box End -->
@@ -142,7 +156,7 @@
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.5s"> <div class="contact-info-item wow fadeInUp" data-wow-delay="0.5s">
<!-- Icon Box Start --> <!-- Icon Box Start -->
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-mail.svg" alt=""> <img src="images/icon-mail.svg" alt="">
</div> </div>
<!-- Icon Box End --> <!-- Icon Box End -->
@@ -313,7 +327,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-phone.svg" alt=""> <img src="images/icon-phone.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -324,7 +338,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-mail.svg" alt=""> <img src="images/icon-mail.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -370,9 +384,38 @@
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/bundle-core.js"></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Enhanced Animations js --> <!-- Bootstrap js file -->
<script src="js/enhance.js"></script> <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>
</body> </body>
</html> </html>

10971
css/bundle.css
View File

File diff suppressed because one or more lines are too long

5842
css/custom.css
View File

File diff suppressed because it is too large Load Diff

1341
css/enhance.css
View File

File diff suppressed because it is too large Load Diff

103
dallas.html
View File

@@ -19,10 +19,24 @@
<link <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" 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"> rel="stylesheet">
<!-- Preload critical image --> <!-- Bootstrap Css -->
<link rel="preload" href="images/page-header-bg.jpg" as="image"> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- Bundled CSS --> <!-- SlickNav Css -->
<link href="css/bundle.css" rel="stylesheet"> <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> </head>
<body> <body>
@@ -160,13 +174,13 @@
<!-- Team Grid Start --> <!-- Team Grid Start -->
<div class="row"> <div class="row">
<!-- Team 1: Plano East Panthers --> <!-- Team 1: Plano East Panthers -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp"> <div class="team-member-item wow fadeInUp">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/pesh.jpeg" alt="Plano East Panthers"> <img src="images/pesh.jpeg" alt="Plano East Panthers">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -182,13 +196,13 @@
</div> </div>
<!-- Team 2: Frisco Lone Star --> <!-- Team 2: Frisco Lone Star -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/ranchview.jpg" alt="Ranchview Wolves"> <img src="images/ranchview.jpg" alt="Ranchview Wolves">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -204,13 +218,13 @@
</div> </div>
<!-- Team 3: Prosper Predators --> <!-- Team 3: Prosper Predators -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/friscofury.webp" alt="Frisco Fury"> <img src="images/friscofury.webp" alt="Frisco Fury">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -226,13 +240,13 @@
</div> </div>
<!-- Team 4: Irving High Chargers --> <!-- Team 4: Irving High Chargers -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/heritage.webp" alt="Heritage Coyotes"> <img src="images/heritage.webp" alt="Heritage Coyotes">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -248,13 +262,13 @@
</div> </div>
<!-- Team 5: Plano West Warriors --> <!-- Team 5: Plano West Warriors -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/lebanon.jpeg" alt="Lebanon Trail Challengers"> <img src="images/lebanon.jpeg" alt="Lebanon Trail Challengers">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -270,13 +284,13 @@
</div> </div>
<!-- Team 6: Frisco Titans --> <!-- Team 6: Frisco Titans -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/liberty.jpeg" alt="Frisco Titans"> <img src="images/liberty.jpeg" alt="Frisco Titans">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -292,13 +306,13 @@
</div> </div>
<!-- Team 7: Prosper Patriots --> <!-- Team 7: Prosper Patriots -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/prosper.webp" alt="Prosper Eagles"> <img src="images/prosper.webp" alt="Prosper Eagles">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -314,13 +328,13 @@
</div> </div>
<!-- Team 8: Irving Lions --> <!-- Team 8: Irving Lions -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/rockhill.jpeg" alt="Rock Hill Bluehawks"> <img src="images/rockhill.jpeg" alt="Rock Hill Bluehawks">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -336,13 +350,13 @@
</div> </div>
<!-- Team 9: Plano Hawks --> <!-- Team 9: Plano Hawks -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.6s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.6s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/walnut.webp" alt="Walnut Grove Wildcats"> <img src="images/walnut.webp" alt="Walnut Grove Wildcats">
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -414,7 +428,7 @@
<!-- About Footer End --> <!-- About Footer End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-3 col-lg-2"> <div class="col-lg-2 col-md-3 col-6">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>quick links</h3> <h3>quick links</h3>
@@ -428,7 +442,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="col-lg-3 col-md-4 col-6">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>our cricket</h3> <h3>our cricket</h3>
@@ -442,7 +456,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-5 col-lg-3"> <div class="col-lg-3 col-md-5">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-contact"> <div class="footer-contact">
<h3>contact</h3> <h3>contact</h3>
@@ -451,7 +465,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-phone.svg" alt=""> <img src="images/icon-phone.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -462,7 +476,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-mail.svg" alt=""> <img src="images/icon-mail.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -508,9 +522,38 @@
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/bundle-core.js"></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Enhanced Animations js --> <!-- Bootstrap js file -->
<script src="js/enhance.js"></script> <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>
</body> </body>
</html> </html>

BIN
images/abhiram.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 190 KiB

BIN
images/about.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 MiB

BIN
images/about.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.8 MiB

BIN
images/favicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 834 KiB

16
images/footer-logo.svg Normal file
View File

@@ -0,0 +1,16 @@
<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>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
images/hero-bg.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 90 KiB

After

Width:  |  Height:  |  Size: 94 KiB

BIN
images/hit-fantasy.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 132 KiB

BIN
images/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 834 KiB

BIN
images/mission-image.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 697 KiB

BIN
images/ncca.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 210 KiB

BIN
images/page-header-bg.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 672 KiB

BIN
images/saim-sign.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 44 KiB

BIN
images/saim.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 303 KiB

BIN
images/saim.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
images/signature.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

BIN
images/srisports.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 48 KiB

After

Width:  |  Height:  |  Size: 203 KiB

BIN
images/usa-cricket.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 MiB

BIN
images/victory.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 MiB

190
index.html
View File

@@ -19,10 +19,24 @@
<link <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" 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"> rel="stylesheet">
<!-- Preload critical image --> <!-- Bootstrap Css -->
<link rel="preload" href="images/hero-bg.jpg" as="image"> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- Bundled CSS --> <!-- SlickNav Css -->
<link href="css/bundle.css" rel="stylesheet"> <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> </head>
<body> <body>
@@ -106,7 +120,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="down-arrow">
<a href="#home-about"><i class="fa-solid fa-arrow-down-long"></i></a>
</div>
</div> </div>
@@ -116,7 +132,7 @@
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-lg-15"> <div class="col-lg-6">
<!-- About Content Start --> <!-- About Content Start -->
<div class="about-content"> <div class="about-content">
<!-- Section Title Start --> <!-- Section Title Start -->
@@ -139,7 +155,7 @@
<!-- About List Item Start --> <!-- About List Item Start -->
<div class="about-list-item wow fadeInUp"> <div class="about-list-item wow fadeInUp">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-about-list-1.svg" alt=""> <img src="images/icon-about-list-1.svg" alt="">
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Play Competitive Matches</h3> <h3>Play Competitive Matches</h3>
@@ -150,7 +166,7 @@
<!-- About List Item Start --> <!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.25s"> <div class="about-list-item wow fadeInUp" data-wow-delay="0.25s">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-about-list-2.svg" alt=""> <img src="images/icon-about-list-2.svg" alt="">
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Train the Next Generation</h3> <h3>Train the Next Generation</h3>
@@ -161,7 +177,7 @@
<!-- About List Item Start --> <!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.5s"> <div class="about-list-item wow fadeInUp" data-wow-delay="0.5s">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-about-list-3.svg" alt=""> <img src="images/icon-about-list-3.svg" alt="">
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Connect Statewide Talent</h3> <h3>Connect Statewide Talent</h3>
@@ -172,7 +188,7 @@
<!-- About List Item Start --> <!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.75s"> <div class="about-list-item wow fadeInUp" data-wow-delay="0.75s">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-about-list-4.svg" alt=""> <img src="images/icon-about-list-4.svg" alt="">
</div> </div>
<div class="about-list-item-content"> <div class="about-list-item-content">
<h3>Build the Cricket Community</h3> <h3>Build the Cricket Community</h3>
@@ -201,7 +217,7 @@
<div class="our-counter"> <div class="our-counter">
<div class="container"> <div class="container">
<div class="row counter-box"> <div class="row counter-box">
<div class="col-12 col-sm-6 col-md-6 col-lg-3"> <div class="col-lg-3 col-md-6">
<!-- Counter Item Start --> <!-- Counter Item Start -->
<div class="counter-item"> <div class="counter-item">
<!-- Counter Title Start --> <!-- Counter Title Start -->
@@ -220,7 +236,7 @@
<!-- Counter Item End --> <!-- Counter Item End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3"> <div class="col-lg-3 col-md-6">
<!-- Counter Item Start --> <!-- Counter Item Start -->
<div class="counter-item"> <div class="counter-item">
<!-- Counter Title Start --> <!-- Counter Title Start -->
@@ -239,7 +255,7 @@
<!-- Counter Item End --> <!-- Counter Item End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3"> <div class="col-lg-3 col-md-6">
<!-- Counter Item Start --> <!-- Counter Item Start -->
<div class="counter-item"> <div class="counter-item">
<!-- Counter Title Start --> <!-- Counter Title Start -->
@@ -258,7 +274,7 @@
<!-- Counter Item End --> <!-- Counter Item End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3"> <div class="col-lg-3 col-md-6">
<!-- Counter Item Start --> <!-- Counter Item Start -->
<div class="counter-item"> <div class="counter-item">
<!-- Counter Title Start --> <!-- Counter Title Start -->
@@ -321,14 +337,14 @@
<!-- Mission Image Start --> <!-- Mission Image Start -->
<div class="mission-img"> <div class="mission-img">
<figure class="image-anime reveal"> <figure class="image-anime reveal">
<img loading="lazy" src="images/victory.png" alt=""> <img src="images/about.gif" alt="" class="mission-responsive-img">
</figure> </figure>
</div> </div>
<!-- Mission Image End --> <!-- Mission Image End -->
<!-- Mission Life Circle Start --> <!-- Mission Life Circle Start -->
<div class="mission-life-circle"> <div class="mission-life-circle">
<img loading="lazy" src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;"> <img src="images/hero-bg.jpg" alt="" class="mission-circle-img">
</div> </div>
<!-- Mission Life Circle End --> <!-- Mission Life Circle End -->
</div> </div>
@@ -353,12 +369,12 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-18 col-md-6"> <div class="col-lg-6 col-md-6">
<!-- Service Item Start --> <!-- Service Item Start -->
<div class="service-item wow fadeInUp"> <div class="service-item wow fadeInUp">
<!-- Icon Box Start --> <!-- Icon Box Start -->
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/dallas.png" alt=""> <img src="images/dallas.png" alt="">
</div> </div>
<!-- Icon Box End --> <!-- Icon Box End -->
@@ -375,7 +391,7 @@
<h3>Dallas Regionals</h3> <h3>Dallas Regionals</h3>
</div> </div>
<div class="service-btn"> <div class="service-btn">
<a href="/dallas.html" class="readmore-btn"><img loading="lazy" src="images/arrow-white.svg" alt=""></a> <a href="/dallas.html" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div> </div>
</div> </div>
<!-- Service Footer End --> <!-- Service Footer End -->
@@ -385,12 +401,12 @@
<div class="col-lg-18 col-md-6"> <div class="col-lg-6 col-md-6">
<!-- Service Item Start --> <!-- Service Item Start -->
<div class="service-item wow fadeInUp" data-wow-delay="0.75s"> <div class="service-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Icon Box Start --> <!-- Icon Box Start -->
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/austin.png" alt=""> <img src="images/austin.png" alt="">
</div> </div>
<!-- Icon Box End --> <!-- Icon Box End -->
@@ -407,7 +423,7 @@
<h3>austin regionals</h3> <h3>austin regionals</h3>
</div> </div>
<div class="service-btn"> <div class="service-btn">
<a href="/austin.html" class="readmore-btn"><img loading="lazy" src="images/arrow-white.svg" alt=""></a> <a href="/austin.html" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div> </div>
</div> </div>
<!-- Service Footer End --> <!-- Service Footer End -->
@@ -424,47 +440,84 @@
<div class="scrolling-ticker"> <div class="scrolling-ticker">
<div class="scrolling-ticker-box"> <div class="scrolling-ticker-box">
<div class="scrolling-content"> <div class="scrolling-content">
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Cricket</span> <span><img src="images/icon-asterisk.svg" alt="">Cricket</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Leadership</span> <span><img src="images/icon-asterisk.svg" alt="">Leadership</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Community</span> <span><img src="images/icon-asterisk.svg" alt="">Community</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Youth Involvement</span> <span><img src="images/icon-asterisk.svg" alt="">Youth Involvement</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Fun</span> <span><img src="images/icon-asterisk.svg" alt="">Fun</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Service Ticker End --> <!-- Service Ticker End -->
<!-- Sponsors Section Start --> <p></p>
<div class="our-sponsors-section"> <p></p>
<!-- Our Ministries Section Start -->
<div class="our-ministries">
<div class="container"> <div class="container">
<div class="row section-row"> <div class="row section-row">
<!-- Section Title Start -->
<div class="section-title"> <div class="section-title">
<h3 class="wow fadeInUp">Our Sponsors</h3> <h3 class="wow fadeInUp">Our Sponsors</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Our Proud <span>Sponsors</span></h2> <h2 class="text-anime-style-2" data-cursor="-opaque">Our Proud <span>Sponsors</span></h2>
</div> </div>
<!-- Section Title End -->
</div> </div>
<div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s"> <div class="service-single-slider">
<div class="sponsor-logo-item"> <div class="swiper">
<img loading="lazy" src="images/ncca.jpg" alt="NCCA"> <div class="swiper-wrapper">
</div> <!-- Service Image Slide Start -->
<div class="sponsor-logo-item"> <div class="swiper-slide">
<img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy"> <div class="service-slider-image">
</div> <figure>
<div class="sponsor-logo-item"> <img src="images/ncca.jpg"" alt="">
<img loading="lazy" src="images/srisports.png" alt="Sri Sports"> </figure>
</div> </div>
</div> </div>
<!-- Service Image Slide End -->
<div class="sponsors-footer wow fadeInUp" data-wow-delay="0.5s"> <!-- Service Image Slide Start -->
<p>We sincerely thank all of our sponsors who have allowed our community to function. <div class=" swiper-slide">
Their support enables teams to join with no barrier to entry. <div class="service-slider-image">
<a href="/sponsors.html">View All Our Sponsors</a></p> <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" alt="" class="responsive-sponsor-img">
</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>
<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>
</div> </div>
</div> </div>
</div> </div>
<!-- Sponsors Section End --> <!-- Our Ministries Section End -->
@@ -626,7 +679,7 @@
<!-- About Footer End --> <!-- About Footer End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-3 col-lg-2"> <div class="col-lg-2 col-md-3 col-6">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>quick links</h3> <h3>quick links</h3>
@@ -640,7 +693,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="col-lg-3 col-md-4 col-6">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>our cricket</h3> <h3>our cricket</h3>
@@ -654,7 +707,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-12 col-sm-6 col-md-5 col-lg-3"> <div class="col-lg-3 col-md-5">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-contact"> <div class="footer-contact">
<h3>contact</h3> <h3>contact</h3>
@@ -663,7 +716,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-phone.svg" alt=""> <img src="images/icon-phone.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -674,7 +727,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-mail.svg" alt=""> <img src="images/icon-mail.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -719,11 +772,38 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/bundle-core.js"></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Enhanced Animations js --> <!-- Bootstrap js file -->
<script src="js/enhance.js"></script> <script src="js/bootstrap.min.js"></script>
<!-- Homepage GSAP Masterpiece (index.html only) --> <!-- Validator js file -->
<script src="js/home-animations.js"></script> <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>
</body> </body>
</html> </html>

2545
js/bundle-core.js
View File

File diff suppressed because one or more lines are too long

81
js/enhance.js
View File

@@ -1,81 +0,0 @@
/* =====================================================
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 = '';
});
})();
})();

553
js/function.js
View File

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

315
js/home-animations.js
View File

@@ -1,315 +0,0 @@
/* =====================================================
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);
});
})();

61
liability.html
View File

@@ -19,11 +19,25 @@
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" 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" rel="stylesheet"
/> />
<!-- Preload critical image --> <!-- Bootstrap Css -->
<link rel="preload" href="images/page-header-bg.jpg" as="image"> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<!-- Bundled CSS --> <!-- SlickNav Css -->
<link href="css/bundle.css" rel="stylesheet"> <link href="css/slicknav.min.css" rel="stylesheet" />
</head> <!-- 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>
<body> <body>
<!-- Preloader Start --> <!-- Preloader Start -->
@@ -426,7 +440,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-phone.svg" alt="" /> <img src="images/icon-phone.svg" alt="" />
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -437,7 +451,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-mail.svg" alt="" /> <img src="images/icon-mail.svg" alt="" />
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -488,6 +502,37 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/bundle-core.js"></script> <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>
</body> </body>
</html> </html>

75
sponsors.html
View File

@@ -19,11 +19,25 @@
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" 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" rel="stylesheet"
/> />
<!-- Preload critical image --> <!-- Bootstrap Css -->
<link rel="preload" href="images/page-header-bg.jpg" as="image"> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<!-- Bundled CSS --> <!-- SlickNav Css -->
<link href="css/bundle.css" rel="stylesheet"> <link href="css/slicknav.min.css" rel="stylesheet" />
</head> <!-- 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>
<body> <body>
<!-- Preloader Start --> <!-- Preloader Start -->
@@ -166,13 +180,13 @@
<!-- Team Grid Start --> <!-- Team Grid Start -->
<div class="row"> <div class="row">
<!-- Team 1: Plano East Panthers --> <!-- Team 1: Plano East Panthers -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp"> <div class="team-member-item wow fadeInUp">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/srisports.png" alt="Sri Sports" /> <img src="images/srisports.png" alt="Sri Sports" />
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -187,13 +201,13 @@
</div> </div>
<!-- Team 2: Frisco Lone Star --> <!-- Team 2: Frisco Lone Star -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/ncca.jpg" alt="National College Cricket Association" /> <img src="images/ncca.jpg" alt="National College Cricket Association" />
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -208,13 +222,13 @@
</div> </div>
<!-- Team 3: Prosper Predators --> <!-- Team 3: Prosper Predators -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="col-lg-4 col-md-6">
<!-- Team Member Item Start --> <!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy" /> <img src="images/hit-fantasy.jpg" alt="Hit Fantasy" />
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -345,7 +359,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-phone.svg" alt="" /> <img src="images/icon-phone.svg" alt="" />
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p> <p>(+1) (945) 900-1148</p>
@@ -356,7 +370,7 @@
<!-- Footer Info Box Start --> <!-- Footer Info Box Start -->
<div class="footer-info-box"> <div class="footer-info-box">
<div class="icon-box"> <div class="icon-box">
<img loading="lazy" src="images/icon-mail.svg" alt="" /> <img src="images/icon-mail.svg" alt="" />
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
@@ -407,8 +421,37 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/bundle-core.js"></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Enhanced Animations js --> <!-- Bootstrap js file -->
<script src="js/enhance.js"></script> <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>
</body> </body>
</html> </html>