Files
tscb-site/index.html
2026-03-18 22:26:46 -05:00

730 lines
34 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Keshav Anand">
<!-- Page Title -->
<title>Texas Scholastic Cricket Board</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Preload critical image -->
<link rel="preload" href="images/hero-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.png" alt="Logo" style="width: 60px; height: auto;">
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li>
<li class="nav-item"><a class="nav-link" href="dallas.html">Dallas Regionals</a></li>
<li class="nav-item"><a class="nav-link" href="austin.html">Austin Regionals</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
<li class="nav-item highlighted-menu"><a class="nav-link" href="sponsors.html">Our
Partners</a></li>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<a href="sponsors.html" class="btn-default">Our Partners</a>
</div>
<!-- Lets Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<div class="hero parallaxie">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Hero Content Start -->
<div class="hero-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">Built, Driven, and For the Students of Texas </h3>
<h1 class="text-anime-style-2" data-cursor="-opaque">Texas Scholastic Cricket Board</h1>
<p class="wow fadeInUp" data-wow-delay="0.25s">The first and only student-led high school
federation in Texas</p>
</div>
<!-- Section Title End -->
<!-- Hero Content Body Start -->
<div class="hero-content-body wow fadeInUp" data-wow-delay="0.5s">
<a href="about.html" class="btn-default"><span>About Us</span></a>
<a href="sponsors.html" class="btn-default btn-highlighted"><span>Our Partners</span></a>
</div>
<!-- Hero Content Body End -->
</div>
<!-- Hero Content End -->
</div>
</div>
</div>
</div>
<!-- About Us Section Start -->
<div class="about-us" id="home-about">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-15">
<!-- About Content Start -->
<div class="about-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">Who We Are</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Statewide Cricket Community <span>Led
By Students</span></h2>
<p class="wow fadeInUp" data-wow-delay="0.25s">As the first and only student-led high school
cricket federation in the state, we provide a platform where students do more than play:
They lead. </p>
<p class="wow fadeInUp" data-wow-delay="0.5s">From team operations and league coordination
to media, officiating, and on-field governance, students are placed at the center of the
ecosystem, gaining real leadership experience while shaping the future of high school
cricket</p>
</div>
<!-- Section Title End -->
<!-- About Content List Start -->
<div class="about-content-body">
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp">
<div class="icon-box">
<img loading="lazy" src="images/icon-about-list-1.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Play Competitive Matches</h3>
</div>
</div>
<!-- About List Item End -->
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.25s">
<div class="icon-box">
<img loading="lazy" src="images/icon-about-list-2.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Train the Next Generation</h3>
</div>
</div>
<!-- About List Item End -->
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.5s">
<div class="icon-box">
<img loading="lazy" src="images/icon-about-list-3.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Connect Statewide Talent</h3>
</div>
</div>
<!-- About List Item End -->
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.75s">
<div class="icon-box">
<img loading="lazy" src="images/icon-about-list-4.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Build the Cricket Community</h3>
</div>
</div>
<!-- About List Item End -->
</div>
<!-- About Content List End -->
<!-- About Us Footer Start -->
<div class="about-us-footer wow fadeInUp" data-wow-delay="1s">
<a href="about.html" class="btn-default">read more about us</a>
</div>
<!-- About Us Footer End -->
</div>
<!-- About Content End -->
</div>
</div>
</div>
</div>
<!-- About Us Section End -->
<!-- Our Counter Section Start -->
<div class="our-counter">
<div class="container">
<div class="row counter-box">
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start -->
<div class="counter-item">
<!-- Counter Title Start -->
<div class="counter-title">
<h2><span class="counter">300</span>+</h2>
</div>
<!-- Counter Title End -->
<!-- Counter Content Start -->
<div class="counter-content">
<h3>cricketers involved</h3>
<p>With over 15 cities connected, TSCB involved over 300 cricketers in the state.</p>
</div>
<!-- Counter Content End -->
</div>
<!-- Counter Item End -->
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start -->
<div class="counter-item">
<!-- Counter Title Start -->
<div class="counter-title">
<h2><span class="counter">18</span>+</h2>
</div>
<!-- Counter Title End -->
<!-- Counter Content Start -->
<div class="counter-content">
<h3>Cricket Teams</h3>
<p>9 From Dallas, 9 From Austin, with aims to grow to numerous other cities and teams.</p>
</div>
<!-- Counter Content End -->
</div>
<!-- Counter Item End -->
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start -->
<div class="counter-item">
<!-- Counter Title Start -->
<div class="counter-title">
<h2>$<span class="counter">4000</span>+</h2>
</div>
<!-- Counter Title End -->
<!-- Counter Content Start -->
<div class="counter-content">
<h3>Funds Raised</h3>
<p>Thanks to our sponsors, TSCB has raised over $4,000 for cricket programs.</p>
</div>
<!-- Counter Content End -->
</div>
<!-- Counter Item End -->
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start -->
<div class="counter-item">
<!-- Counter Title Start -->
<div class="counter-title">
<h2><span class="counter">20</span>+</h2>
</div>
<!-- Counter Title End -->
<!-- Counter Content Start -->
<div class="counter-content">
<h3>Cricket Matches</h3>
<p>In its short tenure, TSCB has organized over 20 cricket matches across the state.</p>
</div>
<!-- Counter Content End -->
</div>
<!-- Counter Item End -->
</div>
</div>
</div>
</div>
<!-- Our Counter Section End -->
<!-- Our Mission Section Start -->
<div class="our-mission">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="mission-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">our mission</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Our Mission to Serve, <span>Connect,
and Grow</span></h2>
</div>
<!-- Section Title End -->
<!-- Mission Content Body Start -->
<div class="mission-content-body">
<h3 class="wow fadeInUp" data-wow-delay="0.25s">Our mission is to connect high schools
across regions, support the growth of new programs, and work with partner organizations
that believe in educational sport.</h3>
<p class="wow fadeInUp" data-wow-delay="0.5s">In connecting the future cricketers of
America, TSCB aims to establishing a statewide framework that legitimizes high school
cricket, empowers students as leaders, and creates a clear pathway beyond high school
participation.</p>
</div>
<!-- Mission Content Body End -->
<!-- Mission Content Footer Start -->
<div class="mission-content-footer wow fadeInUp" data-wow-delay="0.75s">
<a href="/contact.html" class="btn-default">contact now</a>
</div>
<!-- Mission Content Footer End -->
</div>
</div>
<div class="col-lg-6">
<!-- Mission Image Start -->
<div class="mission-image">
<!-- Mission Image Start -->
<div class="mission-img">
<figure class="image-anime reveal">
<img loading="lazy" src="images/victory.png" alt="">
</figure>
</div>
<!-- Mission Image End -->
<!-- Mission Life Circle Start -->
<div class="mission-life-circle">
<img loading="lazy" src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;">
</div>
<!-- Mission Life Circle End -->
</div>
<!-- Mission Image End -->
</div>
</div>
</div>
</div>
<!-- Our Mission Section End -->
<!-- Our Services Section Start -->
<div class="our-services">
<div class="container">
<div class="row section-row">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">regionals</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Connecting cricketers on an <span>intra</span>
and <span>inter</span> city scale</h2>
</div>
<!-- Section Title End -->
</div>
<div class="row">
<div class="col-lg-18 col-md-6">
<!-- Service Item Start -->
<div class="service-item wow fadeInUp">
<!-- Icon Box Start -->
<div class="icon-box">
<img loading="lazy" src="images/dallas.png" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Body Start -->
<div class="service-body">
<p>Connecting schools in the Dallas metroplex through matches. Participating regions include
Plano, Frisco, Prosper, and Irving.</p>
</div>
<!-- Service Body End -->
<!-- Service Footer Start -->
<div class="service-footer">
<div class="service-content">
<h3>Dallas Regionals: powered by Dallas Cricket Board </h3>
</div>
<div class="service-btn">
<a href="/dallas.html" class="readmore-btn"><img loading="lazy" src="images/arrow-white.svg" alt=""></a>
</div>
</div>
<!-- Service Footer End -->
</div>
<!-- Service Item End -->
</div>
<div class="col-lg-18 col-md-6">
<!-- Service Item Start -->
<div class="service-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Icon Box Start -->
<div class="icon-box">
<img loading="lazy" src="images/austin.png" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Body Start -->
<div class="service-body">
<p>Connecting Austin-area schools through cricket matches. Connecting schools across Leaner,
Round Rock, Cedar Park, and West Lake Hills. </p>
</div>
<!-- Service Body End -->
<!-- Service Footer Start -->
<div class="service-footer">
<div class="service-content">
<h3>austin regionals: powered by USAHSC</h3>
</div>
<div class="service-btn">
<a href="/austin.html" class="readmore-btn"><img loading="lazy" src="images/arrow-white.svg" alt=""></a>
</div>
</div>
<!-- Service Footer End -->
</div>
<!-- Service Item End -->
</div>
</div>
</div>
</div>
<!-- Our Services Section End -->
<!-- Service Ticker Start -->
<div class="service-ticker">
<div class="scrolling-ticker">
<div class="scrolling-ticker-box">
<div class="scrolling-content">
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Cricket</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Leadership</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Community</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Youth Involvement</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Fun</span>
</div>
</div>
</div>
</div>
<!-- Service Ticker End -->
<!-- Sponsors Section Start -->
<div class="our-sponsors-section">
<div class="container">
<div class="row section-row">
<div class="section-title">
<h3 class="wow fadeInUp">Our Sponsors</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Our Proud <span>Sponsors</span></h2>
</div>
</div>
<div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s">
<div class="sponsor-logo-item">
<img loading="lazy" src="images/ncca.jpg" alt="NCCA">
</div>
<div class="sponsor-logo-item">
<img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy">
</div>
<div class="sponsor-logo-item">
<img loading="lazy" src="images/srisports.png" alt="Sri Sports">
</div>
</div>
<div class="sponsors-footer wow fadeInUp" data-wow-delay="0.5s">
<p>We sincerely thank all of our sponsors who have allowed our community to function.
Their support enables teams to join with no barrier to entry.
<a href="/sponsors.html">View All Our Sponsors</a></p>
</div>
</div>
</div>
<!-- Sponsors Section End -->
<!-- Donate Now Section Start -->
<!-- <div class="donate-now parallaxie">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-4">
<div class="intro-video-box">
<div class="video-play-button">
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
<i class="fa-solid fa-play"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-8">
<div class="donate-box">
<div class="section-title">
<h3 class="wow fadeInUp">donate now</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Support <span>Our Mission</span></h2>
<p class="wow fadeInUp" data-wow-delay="0.25s">Your generous support enables to continue its mission of spreading God's love and serving our community.</p>
</div>
<div class="donate-form wow fadeInUp" data-wow-delay="0.5s">
<form id="donateForm" action="#" method="POST">
<div class="form-group mb-4">
<input type="text" name="text" class="form-control" placeholder="donate now ..." required>
</div>
<fieldset class="donate-value-box">
<div class="donate-value">
<input type="radio" id="value1" name="value" value="value1" checked>
<label for="value1">$ 100.00</label>
</div>
<div class="donate-value">
<input type="radio" id="value2" name="value" value="value2">
<label for="value2">$ 200.00</label>
</div>
<div class="donate-value">
<input type="radio" id="value3" name="value" value="value3">
<label for="value3">$ 300.00</label>
</div>
<div class="donate-value">
<input type="radio" id="value4" name="value" value="value4">
<label for="value4">$ 400.00</label>
</div>
<div class="donate-value">
<input type="radio" id="value5" name="value" value="value5">
<label for="value5">$ 500.00</label>
</div>
<div class="donate-value">
<input type="radio" id="value6" name="value" value="value6">
<label for="value6">$ 600.00</label>
</div>
</fieldset>
<div class="form-group-btn">
<button type="submit" class="btn-default">donate now</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- Donate Now Section End -->
<!-- CTA Box Section Start -->
<div class="cta-box">
<div class="container">
<div class="row align-items-center">
<div class="col-md-9">
<!-- CTA Box Content Start -->
<div class="cta-box-content">
<!-- Section Title Start -->
<div class="section-title">
<h2 class="text-anime-style-2" data-cursor="-opaque">Get Involved and Stay Connected:
Support Our Mission and Join Our Community Today!</h2>
</div>
<!-- Section Title End -->
</div>
<!-- CTA Box Content End -->
</div>
<div class="col-md-3">
<!-- CTA Box Btn Start -->
<div class="cta-box-btn wow fadeInUp">
<a href="/contact.html" class="btn-default btn-highlighted">join us</a>
</div>
<!-- CTA Box Btn End -->
</div>
</div>
</div>
</div>
<!-- CTA Box Section End -->
<!-- Footer Start -->
<footer class="main-footer">
<div class="container">
<div class="row">
<div class="col-lg-4">
<!-- About Footer Start -->
<div class="about-footer">
<!-- Footer Logo Start -->
<div class="footer-logo">
<img src="images/logo.png" alt="Footer Logo" style="width: 100px; height: auto;">
</div>
<!-- Footer Logo End -->
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p id="age-text">Loading...</p>
<script>
const foundingDate = new Date("2025-12-29");
const now = new Date();
const months = (now.getFullYear() - foundingDate.getFullYear()) * 12
+ (now.getMonth() - foundingDate.getMonth());
const years = Math.floor(months / 12);
const remainingMonths = months % 12;
let duration = "";
if (years > 0) duration += `${years} year${years > 1 ? "s" : ""}`;
if (years > 0 && remainingMonths > 0) duration += " and ";
if (remainingMonths > 0) duration += `${remainingMonths} month${remainingMonths > 1 ? "s" : ""}`;
if (months === 0) duration = "less than a month";
document.getElementById("age-text").textContent =
`TSCB has been proudly serving its community for ${duration}`;
</script>
</div>
<!-- Footer Social Links Start -->
<div class="footer-social-links">
<ul>
<li><a href="https://www.instagram.com/texasscholasticcricketboard/"><i
class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCdFfqkVWDJyFlFEEKfq27wg"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
</div>
<!-- Footer Social Links End -->
</div>
<!-- About Footer End -->
</div>
<div class="col-12 col-sm-6 col-md-3 col-lg-2">
<!-- About Links Start -->
<div class="footer-links">
<h3>quick links</h3>
<ul>
<li><a href="/">home</a></li>
<li><a href="/about.html">about</a></li>
<li><a href="/sponsors.html">sponsors</a></li>
<li><a href="/contact.html">contact</a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
<!-- About Links Start -->
<div class="footer-links">
<h3>our cricket</h3>
<ul>
<li><a href="/dallas.html">dallas regionals</a></li>
<li><a href="/austin.html">austin regionals</a></li>
<li><a href="https://cricclubs.com/TexasScholasticCricketBoard">dallas cricclubs league</a></li>
<li><a href="https://cricclubs.com/USHSC/series-list/QKoRw7aJTppHXMxmRSTXmg?seriesName=USAHSC%25202026">austin cricclubs league</a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-12 col-sm-6 col-md-5 col-lg-3">
<!-- About Links Start -->
<div class="footer-contact">
<h3>contact</h3>
<!-- Footer Contact Details Start -->
<div class="footer-contact-details">
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img loading="lazy" src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
</div>
</div>
<!-- Footer Info Box End -->
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img loading="lazy" src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
</div>
</div>
<!-- Footer Info Box End -->
</div>
<!-- Footer Contact Details End -->
</div>
<!-- About Links End -->
</div>
</div>
<!-- Footer Copyright Section Start -->
<div class="footer-copyright">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<!-- Footer Copyright Start -->
<div class="footer-copyright-text">
<p>Copyright 2026 Texas Scholastic Cricket Board. All Rights Reserved.</p>
</div>
<!-- Footer Copyright End -->
</div>
<div class="col-lg-6 col-md-6">
<!-- Footer Social Link Start -->
<div class="footer-privacy-policy">
<ul>
<li><a href="https://docs.google.com/document/d/10jrcqdHfUYqF6YBHKVqBewxep7vsUbvrIDLX7ednoCc/edit?tab=t.0#heading=h.xzi71qd5vfcz">policies</a></li>
<li><a href="/liability.html">liability</a></li>
</ul>
</div>
<!-- Footer Social Link End -->
</div>
</div>
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/bundle-core.js"></script>
<!-- Enhanced Animations js -->
<script src="js/enhance.js"></script>
<!-- Homepage GSAP Masterpiece (index.html only) -->
<script src="js/home-animations.js"></script>
</body>
</html>