new files

This commit is contained in:
2026-03-09 22:54:28 -05:00
parent 855be9a4c3
commit cce9b95a0e
6 changed files with 3030 additions and 0 deletions

527
austin-teams.html Normal file
View File

@@ -0,0 +1,527 @@
<!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>Austin Teams | TSCB</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">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<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 submenu"><a class="nav-link" href="#">Dallas Regionals</a>
<ul>
<li class="nav-item"><a class="nav-link" href="dallas.html">Dallas Regionals</a></li>
<li class="nav-item"><a class="nav-link" href="dallas-teams.html">Dallas Teams</a></li>
</ul>
</li>
<li class="nav-item submenu"><a class="nav-link" href="#">Austin Regionals</a>
<ul>
<li class="nav-item"><a class="nav-link" href="austin.html">Austin Regionals</a></li>
<li class="nav-item"><a class="nav-link" href="austin-teams.html">Austin Teams</a></li>
</ul>
</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="partners.html">Our
Partners</a></li>
</ul>
</div>
<!-- Let's Start Button Start -->
<div class="header-btn d-inline-flex">
<a href="partners.html" class="btn-default">Our Partners</a>
</div>
<!-- Let's Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque"><span>Austin</span> Teams</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item"><a href="austin.html">austin regionals</a></li>
<li class="breadcrumb-item active" aria-current="page">austin teams</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Our Teams Section Start -->
<div class="our-teams">
<div class="container">
<div class="row align-items-center section-row">
<div class="col-lg-12">
<!-- Section Title Start -->
<div class="section-title">
<p></p>
<h3 class="wow fadeInUp">our teams</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Austin Metroplex <span>Cricket Teams</span></h2>
</div>
<!-- Section Title End -->
</div>
<!-- Introduction Start -->
<div class="col-lg-12">
<div class="teams-intro wow fadeInUp" data-wow-delay="0.25s">
<p>The Austin Metroplex is home to a vibrant and student-led cricket community. Our teams are at the heart of TSCB's mission to provide competitive cricket opportunities for high school students across the region. From Leander to West Lake Hills, these teams represent the passion, dedication, and spirit of young cricketers building a lasting community through the sport.</p>
<p>Each team operates with student leadership, fostering real-world skills in organization, communication, and teamwork. Whether practicing on weekends or competing in regional matches, our Austin teams are expanding cricket's reach and creating a pathway for students to connect, compete, and grow together in a supportive environment.</p>
</div>
</div>
<!-- Introduction End -->
</div>
<div class="container">
<div class="row">
<!-- Team Grid - Row 1 -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="Leander Eagles Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>leander eagles</h3>
<p>Leander, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="Round Rock Rangers Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>round rock rangers</h3>
<p>Round Rock, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="Cedar Park Cavaliers Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>cedar park cavaliers</h3>
<p>Cedar Park, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<!-- Team Grid - Row 2 -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="West Lake Highlanders Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>west lake highlanders</h3>
<p>West Lake Hills, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="Leander Hawks Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>leander hawks</h3>
<p>Leander, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="Round Rock Riders Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>round rock riders</h3>
<p>Round Rock, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<!-- Team Grid - Row 3 -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="Cedar Park Crusaders Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>cedar park crusaders</h3>
<p>Cedar Park, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="West Lake Warriors Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>west lake warriors</h3>
<p>West Lake Hills, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.6s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="Austin Prep Titans Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>austin prep titans</h3>
<p>Austin, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
</div>
</div>
</div>
</div>
<!-- Our Teams 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-lg-2 col-md-3 col-6">
<!-- 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-lg-3 col-md-4 col-6">
<!-- 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">cricclubs league</a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-5">
<!-- 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 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 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="#">terms & conditions</a></li>
<li><a href="#">liability policy</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/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>
</html>