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

Compare commits

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

11 Commits
666f336910 ... krishna/v3

Author SHA1 Message Date
Krishna Ayyalasomayajula
01443deb1c cleanup 2026-03-17 15:09:54 -05:00
Krishna Ayyalasomayajula
81579a82ed all done 2026-03-17 15:08:27 -05:00
Krishna Ayyalasomayajula
313e5ee462 docs: complete Phase 4 & 5 - testing report and documentation 2026-03-17 15:01:48 -05:00
Krishna Ayyalasomayajula
df0daa33ed fix: add responsive grid classes to austin page team members and footer 2026-03-17 15:00:06 -05:00
Krishna Ayyalasomayajula
1ea05002f7 fix: add responsive grid classes to dallas page team members and footer 2026-03-17 14:58:55 -05:00
Krishna Ayyalasomayajula
0a24dffc35 fix: add responsive grid classes to about page team members and footer 2026-03-17 14:57:49 -05:00
Krishna Ayyalasomayajula
3406096623 fix: add responsive grid classes to counter cards and footer 2026-03-17 14:56:20 -05:00
Krishna Ayyalasomayajula
0b897235e1 fix: add responsive grid classes to sponsor cards 2026-03-17 14:54:57 -05:00
Krishna Ayyalasomayajula
be8278453b style: add responsive CSS for team-member-item and images 2026-03-17 14:54:11 -05:00
KeshavAnandCode
9c4232cbe0 typo 2026-03-17 12:27:24 -05:00
KeshavAnandCode
c520e3858c href fix 2026-03-17 00:26:41 -05:00
7 changed files with 848 additions and 690 deletions
Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
.opencode/**

451
about.html
View File

@@ -1,51 +1,50 @@
<!DOCTYPE html> <!doctype html>
<html lang="zxx"> <html lang="zxx">
<head> <head>
<!-- Meta --> <!-- Meta -->
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content=""> <meta name="description" content="" />
<meta name="keywords" content=""> <meta name="keywords" content="" />
<meta name="author" content="Keshav Anand"> <meta name="author" content="Keshav Anand" />
<!-- Page Title --> <!-- Page Title -->
<title>TSCB: About Us</title> <title>TSCB: About Us</title>
<!-- Favicon Icon --> <!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png"> <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
<!-- Google Fonts Css--> <!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<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"
/>
<!-- Bootstrap Css --> <!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<!-- SlickNav Css --> <!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet"> <link href="css/slicknav.min.css" rel="stylesheet" />
<!-- Swiper Css --> <!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css"> <link rel="stylesheet" href="css/swiper-bundle.min.css" />
<!-- Font Awesome Icon Css--> <!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen"> <link href="css/all.css" rel="stylesheet" media="screen" />
<!-- Animated Css --> <!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet"> <link href="css/animate.css" rel="stylesheet" />
<!-- Magnific Popup Core Css File --> <!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/magnific-popup.css" />
<!-- Mouse Cursor Css File --> <!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css"> <link rel="stylesheet" href="css/mousecursor.css" />
<!-- Audio Css File --> <!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css"> <link rel="stylesheet" href="css/plyr.css" />
<!-- Main Custom Css --> <!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen"> <link href="css/custom.css" rel="stylesheet" media="screen" />
</head> </head>
<body> <body>
<!-- Preloader Start --> <!-- Preloader Start -->
<div class="preloader"> <div class="preloader">
<div class="loading-container"> <div class="loading-container">
<div class="loading"></div> <div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div> <div id="loading-icon"><img src="images/loader.svg" alt="" /></div>
</div> </div>
</div> </div>
<!-- Preloader End --> <!-- Preloader End -->
@@ -57,7 +56,11 @@
<div class="container"> <div class="container">
<!-- Logo Start --> <!-- Logo Start -->
<a class="navbar-brand" href="./"> <a class="navbar-brand" href="./">
<img src="images/logo.png" alt="Logo" style="width: 60px; height: auto;"> <img
src="images/logo.png"
alt="Logo"
style="width: 60px; height: auto"
/>
</a> </a>
<!-- Logo End --> <!-- Logo End -->
@@ -65,17 +68,27 @@
<div class="collapse navbar-collapse main-menu"> <div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper"> <div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu"> <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">
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li> <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="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="austin.html">Austin Regionals</a></li> <li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li> </li>
<li class="nav-item highlighted-menu"><a class="nav-link" href="sponsors.html">Our <li class="nav-item highlighted-menu">
Partners</a></li> <a class="nav-link" href="sponsors.html">Our Partners</a>
</li>
</ul> </ul>
</div> </div>
<!-- Let’s Start Button Start --> <!-- Let’s Start Button Start -->
@@ -100,11 +113,15 @@
<div class="col-lg-12"> <div class="col-lg-12">
<!-- Page Header Box Start --> <!-- Page Header Box Start -->
<div class="page-header-box"> <div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque"><span>About</span> Us</h1> <h1 class="text-anime-style-2" data-cursor="-opaque">
<span>About</span> Us
</h1>
<nav class="wow fadeInUp"> <nav class="wow fadeInUp">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li> <li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item active" aria-current="page">about us</li> <li class="breadcrumb-item active" aria-current="page">
about us
</li>
</ol> </ol>
</nav> </nav>
</div> </div>
@@ -124,13 +141,17 @@
<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 src="images/cricket.png" alt=""> <img src="images/cricket.png" 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 src="images/match.png" alt="" style="width: 348px; height: auto;"> <img
src="images/match.png"
alt=""
style="width: 348px; height: auto"
/>
</figure> </figure>
</div> </div>
</div> </div>
@@ -143,17 +164,22 @@
<!-- Section Title Start --> <!-- Section Title Start -->
<div class="section-title"> <div class="section-title">
<h3 class="wow fadeInUp">about us</h3> <h3 class="wow fadeInUp">about us</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">drive, commitment, and <span>passion <h2 class="text-anime-style-2" data-cursor="-opaque">
every day</span></h2> drive, commitment, and <span>passion every day</span>
<p class="wow fadeInUp" data-wow-delay="0.25s">TSCB is a vibrant community of cricket-loving </h2>
students dedicated to promoting the sport. Our mission is to share, grow, and <p class="wow fadeInUp" data-wow-delay="0.25s">
engrain cricket into the American sports culture. Founded in December of 2025, TSCB TSCB is a vibrant community of cricket-loving students
aims to grow into the largest hub for high school cricket in the nation.</p> dedicated to promoting the sport. Our mission is to share,
<p class="wow fadeInUp" data-wow-delay="0.5s">As a registered 501c3 nonprofit, TSCB differs grow, and engrain cricket into the American sports culture.
from other youth leagues by promoting cricket over profit. TSCB connects with existing Founded in December of 2025, TSCB aims to grow into the
cricket club insfrastructures in high schools, aiming to create a network of high largest hub for high school cricket in the nation.
schools </p>
(similar to football) in the US. <p class="wow fadeInUp" data-wow-delay="0.5s">
As a registered 501c3 nonprofit, TSCB differs from other youth
leagues by promoting cricket over profit. TSCB connects with
existing cricket club insfrastructures in high schools, aiming
to create a network of high schools (similar to football) in
the US.
</p> </p>
</div> </div>
<!-- Section Title End --> <!-- Section Title End -->
@@ -165,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 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>
@@ -174,9 +200,12 @@
<!-- About List Item End --> <!-- About List Item End -->
<!-- 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 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>
@@ -185,9 +214,12 @@
<!-- About List Item End --> <!-- About List Item End -->
<!-- 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 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>
@@ -196,9 +228,12 @@
<!-- About List Item End --> <!-- About List Item End -->
<!-- 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 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>
@@ -220,7 +255,6 @@
<p></p> <p></p>
<!-- Our Counter Section Start --> <!-- Our Counter Section Start -->
<div class="our-counter"> <div class="our-counter">
<div class="container"> <div class="container">
@@ -237,7 +271,10 @@
<!-- Counter Content Start --> <!-- Counter Content Start -->
<div class="counter-content"> <div class="counter-content">
<h3>cricketers involved</h3> <h3>cricketers involved</h3>
<p>With over 15 cities connected, TSCB involved over 300 cricketers in the state.</p> <p>
With over 15 cities connected, TSCB involved over 300
cricketers in the state.
</p>
</div> </div>
<!-- Counter Content End --> <!-- Counter Content End -->
</div> </div>
@@ -256,7 +293,9 @@
<!-- Counter Content Start --> <!-- Counter Content Start -->
<div class="counter-content"> <div class="counter-content">
<h3>Cricket Teams</h3> <h3>Cricket Teams</h3>
<p>9 From Dallas, 9 From Austin, with aims to grow to numerous other cities and teams. <p>
9 From Dallas, 9 From Austin, with aims to grow to numerous
other cities and teams.
</p> </p>
</div> </div>
<!-- Counter Content End --> <!-- Counter Content End -->
@@ -276,7 +315,10 @@
<!-- Counter Content Start --> <!-- Counter Content Start -->
<div class="counter-content"> <div class="counter-content">
<h3>Funds Raised</h3> <h3>Funds Raised</h3>
<p>Thanks to our sponsors, TSCB has raised over $4,000 for cricket programs.</p> <p>
Thanks to our sponsors, TSCB has raised over $4,000 for
cricket programs.
</p>
</div> </div>
<!-- Counter Content End --> <!-- Counter Content End -->
</div> </div>
@@ -295,7 +337,10 @@
<!-- Counter Content Start --> <!-- Counter Content Start -->
<div class="counter-content"> <div class="counter-content">
<h3>Cricket Matches</h3> <h3>Cricket Matches</h3>
<p>In its short tenure, TSCB has organized over 20 cricket matches across the state.</p> <p>
In its short tenure, TSCB has organized over 20 cricket
matches across the state.
</p>
</div> </div>
<!-- Counter Content End --> <!-- Counter Content End -->
</div> </div>
@@ -306,9 +351,6 @@
</div> </div>
<!-- Our Counter Section End --> <!-- Our Counter Section End -->
<!-- Pastors Message Section Start --> <!-- Pastors Message Section Start -->
<div class="pastors-message"> <div class="pastors-message">
<div class="container"> <div class="container">
@@ -318,13 +360,17 @@
<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 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 src="images/saim.png" alt="" style="width: 348px; height: 454px;"> <img
src="images/saim.png"
alt=""
style="width: 348px; height: 454px"
/>
</figure> </figure>
</div> </div>
</div> </div>
@@ -336,23 +382,26 @@
<!-- Section Title Start --> <!-- Section Title Start -->
<div class="section-title"> <div class="section-title">
<h3 class="wow fadeInUp">founders' message</h3> <h3 class="wow fadeInUp">founders' message</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Our community can make a <h2 class="text-anime-style-2" data-cursor="-opaque">
<span>profound Our community can make a
impact</span> <span>profound impact</span>
</h2> </h2>
</div> </div>
<!-- Section Title End --> <!-- Section Title End -->
<!-- Pastors Comtent Body Start --> <!-- Pastors Comtent Body Start -->
<div class="pastors-content-body"> <div class="pastors-content-body">
<h3 class="wow fadeInUp" data-wow-delay="0.25s">Our mission is to <h3 class="wow fadeInUp" data-wow-delay="0.25s">
cement cricket as an American sport by creating a unified competition at the Our mission is to cement cricket as an American sport by
fundamental high-school level... </h3> creating a unified competition at the fundamental
<p class="wow fadeInUp" data-wow-delay="0.5s">We aren't just about cricket: high-school level...
we are manifesting a framework into high-school culture that is yet to exist. </h3>
We don't just need cricketers but a community, and our committed board, sponsors, <p class="wow fadeInUp" data-wow-delay="0.5s">
and We aren't just about cricket: we are manifesting a framework
loyal supporters can make this dream happen. </p> into high-school culture that is yet to exist. We don't just
need cricketers but a community, and our committed board,
sponsors, and loyal supporters can make this dream happen.
</p>
</div> </div>
<!-- Pastors Comtent Body End --> <!-- Pastors Comtent Body End -->
@@ -360,15 +409,16 @@
<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 src="images/signature.png" alt=""> <img src="images/signature.png" alt="" />
<img 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>Abhiram Gadiraju and Rana Saim Zahid, Co-Founders, TCSB</p> <p>
Abhiram Gadiraju and Rana Saim Zahid, Co-Founders, TCSB
</p>
</div> </div>
<!-- Pastors Signature Comtent End --> <!-- Pastors Signature Comtent End -->
</div> </div>
@@ -381,7 +431,6 @@
</div> </div>
<!-- Pastors Message Section End --> <!-- Pastors Message Section End -->
<!-- Our Team Start --> <!-- Our Team Start -->
<!-- <div class="our-counter"> <!-- <div class="our-counter">
<div class="container"> <div class="container">
@@ -400,7 +449,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp"> <div class="team-member-item wow fadeInUp">
@@ -423,7 +472,7 @@
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
@@ -459,7 +508,7 @@
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
@@ -495,7 +544,7 @@
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
@@ -531,7 +580,7 @@
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
@@ -562,7 +611,7 @@
</div> </div>
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<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">
@@ -590,7 +639,7 @@
</div> </div>
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<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">
@@ -618,7 +667,7 @@
</div> </div>
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<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">
@@ -653,7 +702,6 @@
<!-- Our Team End --> <!-- Our Team End -->
<p>‎</p> <p>‎</p>
<!-- Core Value Section Start --> <!-- Core Value Section Start -->
<div class="core-value"> <div class="core-value">
<div class="container"> <div class="container">
@@ -662,7 +710,8 @@
<!-- Section Title Start --> <!-- Section Title Start -->
<div class="section-title"> <div class="section-title">
<h3 class="wow fadeInUp">our core values</h3> <h3 class="wow fadeInUp">our core values</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Community, Service, and <h2 class="text-anime-style-2" data-cursor="-opaque">
Community, Service, and
<span>Leadership</span> <span>Leadership</span>
</h2> </h2>
</div> </div>
@@ -677,16 +726,27 @@
<!-- FAQ Item Start --> <!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp"> <div class="accordion-item wow fadeInUp">
<h2 class="accordion-header" id="headingOne"> <h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" <button
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> class="accordion-button"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseOne"
aria-expanded="true"
aria-controls="collapseOne"
>
Why was TSCB founded? Why was TSCB founded?
</button> </button>
</h2> </h2>
<div id="collapseOne" class="accordion-collapse collapse show" <div
aria-labelledby="headingOne" data-bs-parent="#accordion"> id="collapseOne"
class="accordion-collapse collapse show"
aria-labelledby="headingOne"
data-bs-parent="#accordion"
>
<div class="accordion-body"> <div class="accordion-body">
<p>To create a self-sustained community of cricketers led by <p>
high-schoolers. To create a self-sustained community of cricketers led
by high-schoolers.
</p> </p>
</div> </div>
</div> </div>
@@ -696,18 +756,30 @@
<!-- FAQ Item Start --> <!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.25s"> <div class="accordion-item wow fadeInUp" data-wow-delay="0.25s">
<h2 class="accordion-header" id="headingTwo"> <h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" <button
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseTwo"
aria-expanded="false"
aria-controls="collapseTwo"
>
What makes TSCB different from existing youth leagues? What makes TSCB different from existing youth leagues?
</button> </button>
</h2> </h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" <div
data-bs-parent="#accordion"> id="collapseTwo"
class="accordion-collapse collapse"
aria-labelledby="headingTwo"
data-bs-parent="#accordion"
>
<div class="accordion-body"> <div class="accordion-body">
<p>TSCB exists to provide a free and universal platform to spread <p>
high-school cricket. While leagues are private and commercialized, TSCB aims TSCB exists to provide a free and universal platform to
to offer a high-school sport-like experience through free games and spread high-school cricket. While leagues are private
a central state tournament. and commercialized, TSCB aims to offer a high-school
sport-like experience through free games and a central
state tournament.
</p> </p>
</div> </div>
</div> </div>
@@ -717,17 +789,28 @@
<!-- FAQ Item Start --> <!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.5s"> <div class="accordion-item wow fadeInUp" data-wow-delay="0.5s">
<h2 class="accordion-header" id="headingThree"> <h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" <button
data-bs-target="#collapseThree" aria-expanded="false" class="accordion-button collapsed"
aria-controls="collapseThree"> type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseThree"
aria-expanded="false"
aria-controls="collapseThree"
>
Are there umpires, prizes, and available grounds. Are there umpires, prizes, and available grounds.
</button> </button>
</h2> </h2>
<div id="collapseThree" class="accordion-collapse collapse" <div
aria-labelledby="headingThree" data-bs-parent="#accordion"> id="collapseThree"
class="accordion-collapse collapse"
aria-labelledby="headingThree"
data-bs-parent="#accordion"
>
<div class="accordion-body"> <div class="accordion-body">
<p>Yes, yes, and also yes: TSCB covers everythign through our connections and <p>
sponsors.</p> Yes, yes, and also yes: TSCB covers everythign through
our connections and sponsors.
</p>
</div> </div>
</div> </div>
</div> </div>
@@ -736,20 +819,31 @@
<!-- FAQ Item Start --> <!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.75s"> <div class="accordion-item wow fadeInUp" data-wow-delay="0.75s">
<h2 class="accordion-header" id="headingfour"> <h2 class="accordion-header" id="headingfour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" <button
data-bs-target="#collapsefour" aria-expanded="false" class="accordion-button collapsed"
aria-controls="collapsefour"> type="button"
data-bs-toggle="collapse"
data-bs-target="#collapsefour"
aria-expanded="false"
aria-controls="collapsefour"
>
How can a new team become involved with TSCB How can a new team become involved with TSCB
</button> </button>
</h2> </h2>
<div id="collapsefour" class="accordion-collapse collapse" aria-labelledby="headingfour" <div
data-bs-parent="#accordion"> id="collapsefour"
class="accordion-collapse collapse"
aria-labelledby="headingfour"
data-bs-parent="#accordion"
>
<div class="accordion-body"> <div class="accordion-body">
<p><a href="contact.html">Contact us</a>, and we will place you into a league as <p>
soon as possible. <a href="contact.html">Contact us</a>, and we will place
Right now, our leagues are only in Austin and Dallas, so school outside you into a league as soon as possible. Right now, our
those cities will have to leagues are only in Austin and Dallas, so school outside
provide their own transportation to grounds.</p> those cities will have to provide their own
transportation to grounds.
</p>
</div> </div>
</div> </div>
</div> </div>
@@ -758,21 +852,33 @@
<!-- FAQ Item Start --> <!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="1s"> <div class="accordion-item wow fadeInUp" data-wow-delay="1s">
<h2 class="accordion-header" id="headingfive"> <h2 class="accordion-header" id="headingfive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" <button
data-bs-target="#collapsefive" aria-expanded="false" class="accordion-button collapsed"
aria-controls="collapsefive"> type="button"
data-bs-toggle="collapse"
data-bs-target="#collapsefive"
aria-expanded="false"
aria-controls="collapsefive"
>
Is this recreational or is there an actual pathway ahead? Is this recreational or is there an actual pathway ahead?
</button> </button>
</h2> </h2>
<div id="collapsefive" class="accordion-collapse collapse" aria-labelledby="headingfive" <div
data-bs-parent="#accordion"> id="collapsefive"
class="accordion-collapse collapse"
aria-labelledby="headingfive"
data-bs-parent="#accordion"
>
<div class="accordion-body"> <div class="accordion-body">
<p>TSCB is not recreational: it is a competitive league that is played <p>
using tapeball (for preliminary matches) to be more mindful of cricket's TSCB is not recreational: it is a competitive league
steep learning curve (avoiding beginner injuries). Performant teams will that is played using tapeball (for preliminary matches)
advance to the state competition (with cash prizes), our partnership with to be more mindful of cricket's steep learning curve
NCCA aims to bring such competitions in the spotlight of selectors at the (avoiding beginner injuries). Performant teams will
collegiant and higher levels. advance to the state competition (with cash prizes), our
partnership with NCCA aims to bring such competitions in
the spotlight of selectors at the collegiant and higher
levels.
</p> </p>
</div> </div>
</div> </div>
@@ -781,14 +887,16 @@
</div> </div>
<!-- Core Value FAQ Accordion End --> <!-- Core Value FAQ Accordion End -->
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Core Value Section End -->
</div>
<!-- About Us Section End -->
<p>‎</p>
<!-- Footer Start -->
<!-- Footer Start --> <!-- Footer Start -->
<footer class="main-footer"> <footer class="main-footer">
@@ -799,7 +907,11 @@
<div class="about-footer"> <div class="about-footer">
<!-- Footer Logo Start --> <!-- Footer Logo Start -->
<div class="footer-logo"> <div class="footer-logo">
<img src="images/logo.png" alt="Footer Logo" style="width: 100px; height: auto;"> <img
src="images/logo.png"
alt="Footer Logo"
style="width: 100px; height: auto"
/>
</div> </div>
<!-- Footer Logo End --> <!-- Footer Logo End -->
@@ -811,16 +923,19 @@
const foundingDate = new Date("2025-12-29"); const foundingDate = new Date("2025-12-29");
const now = new Date(); const now = new Date();
const months = (now.getFullYear() - foundingDate.getFullYear()) * 12 const months =
+ (now.getMonth() - foundingDate.getMonth()); (now.getFullYear() - foundingDate.getFullYear()) * 12 +
(now.getMonth() - foundingDate.getMonth());
const years = Math.floor(months / 12); const years = Math.floor(months / 12);
const remainingMonths = months % 12; const remainingMonths = months % 12;
let duration = ""; let duration = "";
if (years > 0) duration += `${years} year${years > 1 ? "s" : ""}`; if (years > 0)
duration += `${years} year${years > 1 ? "s" : ""}`;
if (years > 0 && remainingMonths > 0) duration += " and "; if (years > 0 && remainingMonths > 0) duration += " and ";
if (remainingMonths > 0) duration += `${remainingMonths} month${remainingMonths > 1 ? "s" : ""}`; if (remainingMonths > 0)
duration += `${remainingMonths} month${remainingMonths > 1 ? "s" : ""}`;
if (months === 0) duration = "less than a month"; if (months === 0) duration = "less than a month";
document.getElementById("age-text").textContent = document.getElementById("age-text").textContent =
@@ -830,19 +945,26 @@
<!-- Footer Social Links Start --> <!-- Footer Social Links Start -->
<div class="footer-social-links"> <div class="footer-social-links">
<ul> <ul>
<li><a href="https://www.instagram.com/texasscholasticcricketboard/"><i <li>
class="fa-brands fa-instagram"></i></a></li> <a
<li><a href="https://www.youtube.com/channel/UCdFfqkVWDJyFlFEEKfq27wg"><i class="fa-brands fa-youtube"></i></a></li> 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> </ul>
</div> </div>
<!-- Footer Social Links End --> <!-- Footer Social Links End -->
</div> </div>
<!-- About Footer End --> <!-- About Footer End -->
</div> </div>
<div class="col-lg-2 col-md-3 col-6"> <div class="col-12 col-sm-6 col-md-3 col-lg-2">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>quick links</h3> <h3>quick links</h3>
@@ -856,21 +978,30 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-4 col-6"> <div class="col-12 col-sm-6 col-md-4 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>our cricket</h3> <h3>our cricket</h3>
<ul> <ul>
<li><a href="/dallas.html">dallas regionals</a></li> <li><a href="/dallas.html">dallas regionals</a></li>
<li><a href="/austin.html">austin 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>
<li><a href="https://cricclubs.com/USHSC/series-list/QKoRw7aJTppHXMxmRSTXmg?seriesName=USAHSC%25202026">austin cricclubs league</a></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> </ul>
</div> </div>
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-5"> <div class="col-12 col-sm-6 col-md-5 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-contact"> <div class="footer-contact">
<h3>contact</h3> <h3>contact</h3>
@@ -879,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 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>
@@ -890,15 +1021,13 @@
<!-- 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 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>
</div> </div>
</div> </div>
<!-- Footer Info Box End --> <!-- Footer Info Box End -->
</div> </div>
<!-- Footer Contact Details End --> <!-- Footer Contact Details End -->
</div> </div>
@@ -912,7 +1041,10 @@
<div class="col-lg-6 col-md-6"> <div class="col-lg-6 col-md-6">
<!-- Footer Copyright Start --> <!-- Footer Copyright Start -->
<div class="footer-copyright-text"> <div class="footer-copyright-text">
<p>Copyright 2026 Texas Scholastic Cricket Board. All Rights Reserved.</p> <p>
Copyright 2026 Texas Scholastic Cricket Board. All Rights
Reserved.
</p>
</div> </div>
<!-- Footer Copyright End --> <!-- Footer Copyright End -->
</div> </div>
@@ -921,7 +1053,12 @@
<!-- Footer Social Link Start --> <!-- Footer Social Link Start -->
<div class="footer-privacy-policy"> <div class="footer-privacy-policy">
<ul> <ul>
<li><a href="https://docs.google.com/document/d/10jrcqdHfUYqF6YBHKVqBewxep7vsUbvrIDLX7ednoCc/edit?tab=t.0#heading=h.xzi71qd5vfcz">policies</a></li> <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> <li><a href="/liability.html">liability</a></li>
</ul> </ul>
</div> </div>
@@ -934,7 +1071,6 @@
</footer> </footer>
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file --> <!-- Bootstrap js file -->
@@ -969,5 +1105,4 @@
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js"></script> <script src="js/function.js"></script>
</body> </body>
</html> </html>

28
austin.html
View File

@@ -126,7 +126,7 @@
<div class="col-lg-7 wow fadeInLeft"> <div class="col-lg-7 wow fadeInLeft">
<div class="section-title"> <div class="section-title">
<h3>about the regional competition</h3> <h3>about the regional competition</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Actively <span>Changing the Game</span></h2> <h2 class="text-anime-style-2" data-cursor="-opaque">Tech and Cricket in <span>ATX</span></h2>
</div> </div>
<div class="about-content"> <div class="about-content">
<p>The Austin Regionals brings connects high school students from across the Austin region to compete at the highest level. Breaking the financial barrier to cricket, Austin regionals is the first intra-city high school league to be free of cost to players while being competitive at the highest level. Season One features nine schools divided across three geographic divisions — South, East, and North Austin — competing in a round-robin format to claim a spot in the State Championship.</p> <p>The Austin Regionals brings connects high school students from across the Austin region to compete at the highest level. Breaking the financial barrier to cricket, Austin regionals is the first intra-city high school league to be free of cost to players while being competitive at the highest level. Season One features nine schools divided across three geographic divisions — South, East, and North Austin — competing in a round-robin format to claim a spot in the State Championship.</p>
@@ -143,7 +143,7 @@
</a> </a>
<a href="https://cricclubs.com/USHSC/results?leagueId=g41t2-aF2KbqJyD7sSBu9w&year=2026&series=QKoRw7aJTppHXMxmRSTXmg&seriesName=USAHSC+2026" <a href="https://cricclubs.com/USHSC/results?leagueId=g41t2-aF2KbqJyD7sSBu9w&year=2026&series=QKoRw7aJTppHXMxmRSTXmg&seriesName=USAHSC+2026"
class="btn-default w-100 text-center" target="_blank"> class="btn-default w-100 text-center" target="_blank">
<i class="fa-solid fa-cricket-bat-ball me-2"></i> Our Lates Results <i class="fa-solid fa-cricket-bat-ball me-2"></i> Our Latest Results
</a> </a>
<a href="https://cricclubs.com/USHSC" <a href="https://cricclubs.com/USHSC"
class="btn-default w-100 text-center" target="_blank"> class="btn-default w-100 text-center" target="_blank">
@@ -175,7 +175,7 @@
<!-- 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-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- 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 -->
@@ -197,7 +197,7 @@
</div> </div>
<!-- Team 2: Frisco Lone Star --> <!-- Team 2: Frisco Lone Star -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -219,7 +219,7 @@
</div> </div>
<!-- Team 3: Prosper Predators --> <!-- Team 3: Prosper Predators -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -241,7 +241,7 @@
</div> </div>
<!-- Team 4: Irving High Chargers --> <!-- Team 4: Irving High Chargers -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -263,7 +263,7 @@
</div> </div>
<!-- Team 5: Plano West Warriors --> <!-- Team 5: Plano West Warriors -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -285,7 +285,7 @@
</div> </div>
<!-- Team 6: Frisco Titans --> <!-- Team 6: Frisco Titans -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -307,7 +307,7 @@
</div> </div>
<!-- Team 7: Prosper Patriots --> <!-- Team 7: Prosper Patriots -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -329,7 +329,7 @@
</div> </div>
<!-- Team 8: Irving Lions --> <!-- Team 8: Irving Lions -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -351,7 +351,7 @@
</div> </div>
<!-- Team 9: Plano Hawks --> <!-- Team 9: Plano Hawks -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -429,7 +429,7 @@
<!-- About Footer End --> <!-- About Footer End -->
</div> </div>
<div class="col-lg-2 col-md-3 col-6"> <div class="col-12 col-sm-6 col-md-3 col-lg-2">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>quick links</h3> <h3>quick links</h3>
@@ -443,7 +443,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-4 col-6"> <div class="col-12 col-sm-6 col-md-4 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>our cricket</h3> <h3>our cricket</h3>
@@ -457,7 +457,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-5"> <div class="col-12 col-sm-6 col-md-5 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-contact"> <div class="footer-contact">
<h3>contact</h3> <h3>contact</h3>

26
css/custom.css
View File

@@ -2661,10 +2661,25 @@ header.main-header .header-sticky.active{
.team-member-item{ .team-member-item{
position: relative; position: relative;
height: calc(100% - 30px); height: calc(100% - 30px);
margin-bottom: 30px; margin-bottom: 20px;
padding: 15px;
z-index: 1; z-index: 1;
} }
/* Tablet breakpoint: increase padding for larger screens */
@media (min-width: 768px) {
.team-member-item {
padding: 20px;
}
}
/* Desktop breakpoint (1200px+): maximum padding for optimal spacing */
@media (min-width: 1200px) {
.team-member-item {
padding: 25px;
}
}
.team-image{ .team-image{
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@@ -2675,12 +2690,19 @@ header.main-header .header-sticky.active{
.team-image img{ .team-image img{
width: 100%; width: 100%;
aspect-ratio: 1/1.22; aspect-ratio: 1/1.22; /* default desktop */
object-fit: cover; object-fit: cover;
border-radius: 0 0 80px 0; border-radius: 0 0 80px 0;
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
} }
/* Mobile breakpoint (575px and below): square aspect ratio for better fit */
@media (max-width: 575px) {
.team-image img {
aspect-ratio: 1/1; /* square on mobile for better fit */
}
}
.team-member-item:hover .team-image img{ .team-member-item:hover .team-image img{
transform: scale(1.1); transform: scale(1.1);
} }

28
dallas.html
View File

@@ -125,7 +125,7 @@
<div class="col-lg-7 wow fadeInLeft"> <div class="col-lg-7 wow fadeInLeft">
<div class="section-title"> <div class="section-title">
<h3>about the regional competition</h3> <h3>about the regional competition</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Actively <span>Changing the Game</span></h2> <h2 class="text-anime-style-2" data-cursor="-opaque">More than cowboys in <span>D-Town</span></h2>
</div> </div>
<div class="about-content"> <div class="about-content">
<p>The Dallas Regionals is the first-ever fully integrated high school tapeball cricket league Dallas-Fort Worth area, bringing together high school students from across the region to compete at the highest level. Season One features nine schools divided across three geographic divisions — South, Central, and North Dallas — competing in a round-robin format to claim a spot in the State Championship.</p> <p>The Dallas Regionals is the first-ever fully integrated high school tapeball cricket league Dallas-Fort Worth area, bringing together high school students from across the region to compete at the highest level. Season One features nine schools divided across three geographic divisions — South, Central, and North Dallas — competing in a round-robin format to claim a spot in the State Championship.</p>
@@ -142,7 +142,7 @@
</a> </a>
<a href="https://cricclubs.com/TexasScholasticCricketBoard/results?leagueId=hKGWBeaND6UfZE7_FQSDeQ&year=2026&series=YL5qVXl5UzTJ9e6vFfDgmg&seriesName=DALLAS+REGIONALS+-+SEASON+ONE" <a href="https://cricclubs.com/TexasScholasticCricketBoard/results?leagueId=hKGWBeaND6UfZE7_FQSDeQ&year=2026&series=YL5qVXl5UzTJ9e6vFfDgmg&seriesName=DALLAS+REGIONALS+-+SEASON+ONE"
class="btn-default w-100 text-center" target="_blank"> class="btn-default w-100 text-center" target="_blank">
<i class="fa-solid fa-cricket-bat-ball me-2"></i> Our Lates Results <i class="fa-solid fa-cricket-bat-ball me-2"></i> Our Latest Results
</a> </a>
<a href="https://cricclubs.com/TexasScholasticCricketBoard" <a href="https://cricclubs.com/TexasScholasticCricketBoard"
class="btn-default w-100 text-center" target="_blank"> class="btn-default w-100 text-center" target="_blank">
@@ -174,7 +174,7 @@
<!-- 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-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- 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 -->
@@ -196,7 +196,7 @@
</div> </div>
<!-- Team 2: Frisco Lone Star --> <!-- Team 2: Frisco Lone Star -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -218,7 +218,7 @@
</div> </div>
<!-- Team 3: Prosper Predators --> <!-- Team 3: Prosper Predators -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -240,7 +240,7 @@
</div> </div>
<!-- Team 4: Irving High Chargers --> <!-- Team 4: Irving High Chargers -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -262,7 +262,7 @@
</div> </div>
<!-- Team 5: Plano West Warriors --> <!-- Team 5: Plano West Warriors -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -284,7 +284,7 @@
</div> </div>
<!-- Team 6: Frisco Titans --> <!-- Team 6: Frisco Titans -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -306,7 +306,7 @@
</div> </div>
<!-- Team 7: Prosper Patriots --> <!-- Team 7: Prosper Patriots -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -328,7 +328,7 @@
</div> </div>
<!-- Team 8: Irving Lions --> <!-- Team 8: Irving Lions -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -350,7 +350,7 @@
</div> </div>
<!-- Team 9: Plano Hawks --> <!-- Team 9: Plano Hawks -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -428,7 +428,7 @@
<!-- About Footer End --> <!-- About Footer End -->
</div> </div>
<div class="col-lg-2 col-md-3 col-6"> <div class="col-12 col-sm-6 col-md-3 col-lg-2">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>quick links</h3> <h3>quick links</h3>
@@ -442,7 +442,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-4 col-6"> <div class="col-12 col-sm-6 col-md-4 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>our cricket</h3> <h3>our cricket</h3>
@@ -456,7 +456,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-5"> <div class="col-12 col-sm-6 col-md-5 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-contact"> <div class="footer-contact">
<h3>contact</h3> <h3>contact</h3>

18
index.html
View File

@@ -217,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-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start --> <!-- Counter Item Start -->
<div class="counter-item"> <div class="counter-item">
<!-- Counter Title Start --> <!-- Counter Title Start -->
@@ -236,7 +236,7 @@
<!-- Counter Item End --> <!-- Counter Item End -->
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start --> <!-- Counter Item Start -->
<div class="counter-item"> <div class="counter-item">
<!-- Counter Title Start --> <!-- Counter Title Start -->
@@ -255,7 +255,7 @@
<!-- Counter Item End --> <!-- Counter Item End -->
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start --> <!-- Counter Item Start -->
<div class="counter-item"> <div class="counter-item">
<!-- Counter Title Start --> <!-- Counter Title Start -->
@@ -274,7 +274,7 @@
<!-- Counter Item End --> <!-- Counter Item End -->
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start --> <!-- Counter Item Start -->
<div class="counter-item"> <div class="counter-item">
<!-- Counter Title Start --> <!-- Counter Title Start -->
@@ -391,7 +391,7 @@
<h3>Dallas Regionals</h3> <h3>Dallas Regionals</h3>
</div> </div>
<div class="service-btn"> <div class="service-btn">
<a href="#" class="readmore-btn"><img 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 -->
@@ -423,7 +423,7 @@
<h3>austin regionals</h3> <h3>austin regionals</h3>
</div> </div>
<div class="service-btn"> <div class="service-btn">
<a href="#" class="readmore-btn"><img 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 -->
@@ -679,7 +679,7 @@
<!-- About Footer End --> <!-- About Footer End -->
</div> </div>
<div class="col-lg-2 col-md-3 col-6"> <div class="col-12 col-sm-6 col-md-3 col-lg-2">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>quick links</h3> <h3>quick links</h3>
@@ -693,7 +693,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-4 col-6"> <div class="col-12 col-sm-6 col-md-4 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>our cricket</h3> <h3>our cricket</h3>
@@ -707,7 +707,7 @@
<!-- About Links End --> <!-- About Links End -->
</div> </div>
<div class="col-lg-3 col-md-5"> <div class="col-12 col-sm-6 col-md-5 col-lg-3">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-contact"> <div class="footer-contact">
<h3>contact</h3> <h3>contact</h3>

6
sponsors.html
View File

@@ -180,7 +180,7 @@
<!-- 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-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- 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 -->
@@ -201,7 +201,7 @@
</div> </div>
<!-- Team 2: Frisco Lone Star --> <!-- Team 2: Frisco Lone Star -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->
@@ -222,7 +222,7 @@
</div> </div>
<!-- Team 3: Prosper Predators --> <!-- Team 3: Prosper Predators -->
<div class="col-lg-4 col-md-6"> <div class="col-12 col-sm-6 col-md-6 col-lg-4">
<!-- Team Member Item Start --> <!-- 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 -->