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/v2
Branches Tags
KeshavAnandCode:main KeshavAnandCode:replit-ai-2 KeshavAnandCode:replit-ai KeshavAnandCode:krishna/v3 KeshavAnandCode:krishna/v2 KeshavAnandCode:krishna/opencode-test

30 Commits
666f336910 ... 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
KeshavAnandCode
9c4232cbe0 typo 2026-03-17 12:27:24 -05:00
KeshavAnandCode
c520e3858c href fix 2026-03-17 00:26:41 -05:00
5 changed files with 1088 additions and 775 deletions
Expand all files Collapse all files

429
about.html
View File

@@ -1,51 +1,50 @@
<!DOCTYPE html>
<!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">
<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>TSCB: About Us</title>
<!-- 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-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<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">
rel="stylesheet"
/>
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<link href="css/slicknav.min.css" rel="stylesheet" />
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/swiper-bundle.min.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 -->
<link href="css/animate.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet" />
<!-- 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 -->
<link rel="stylesheet" href="css/mousecursor.css">
<link rel="stylesheet" href="css/mousecursor.css" />
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<link rel="stylesheet" href="css/plyr.css" />
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<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 id="loading-icon"><img src="images/loader.svg" alt="" /></div>
</div>
</div>
<!-- Preloader End -->
@@ -57,7 +56,11 @@
<div class="container">
<!-- Logo Start -->
<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>
<!-- Logo End -->
@@ -65,17 +68,27 @@
<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="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>
<li class="nav-item highlighted-menu"><a class="nav-link" href="sponsors.html">Our
Partners</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>
<!-- Let’s Start Button Start -->
@@ -100,11 +113,15 @@
<div class="col-lg-12">
<!-- Page Header Box Start -->
<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">
<ol class="breadcrumb">
<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>
</nav>
</div>
@@ -124,13 +141,17 @@
<div class="about-image">
<div class="about-img-1">
<figure class="image-anime reveal">
<img src="images/cricket.png" alt="">
<img src="images/cricket.png" alt="" />
</figure>
</div>
<div class="about-img-2">
<figure class="image-anime reveal">
<img src="images/match.png" alt="" style="width: 348px; height: auto;">
<img
src="images/match.png"
alt=""
class="team-responsive-img"
/>
</figure>
</div>
</div>
@@ -143,17 +164,22 @@
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">about us</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">drive, commitment, and <span>passion
every day</span></h2>
<p class="wow fadeInUp" data-wow-delay="0.25s">TSCB is a vibrant community of cricket-loving
students dedicated to promoting the sport. Our mission is to share, grow, and
engrain cricket into the American sports culture. Founded in December of 2025, TSCB
aims to grow into the largest hub for high school cricket in the nation.</p>
<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.
<h2 class="text-anime-style-2" data-cursor="-opaque">
drive, commitment, and <span>passion every day</span>
</h2>
<p class="wow fadeInUp" data-wow-delay="0.25s">
TSCB is a vibrant community of cricket-loving students
dedicated to promoting the sport. Our mission is to share,
grow, and engrain cricket into the American sports culture.
Founded in December of 2025, TSCB aims to grow into the
largest hub for high school cricket in the nation.
</p>
<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>
</div>
<!-- Section Title End -->
@@ -165,7 +191,7 @@
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp">
<div class="icon-box">
<img src="images/icon-about-list-1.svg" alt="">
<img src="images/icon-about-list-1.svg" alt="" />
</div>
<div class="about-list-item-content">
<h3>Play Competitive Matches</h3>
@@ -174,9 +200,12 @@
<!-- About List Item End -->
<!-- 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">
<img src="images/icon-about-list-2.svg" alt="">
<img src="images/icon-about-list-2.svg" alt="" />
</div>
<div class="about-list-item-content">
<h3>Train the Next Generation</h3>
@@ -185,9 +214,12 @@
<!-- About List Item End -->
<!-- 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">
<img src="images/icon-about-list-3.svg" alt="">
<img src="images/icon-about-list-3.svg" alt="" />
</div>
<div class="about-list-item-content">
<h3>Connect Statewide Talent</h3>
@@ -196,9 +228,12 @@
<!-- About List Item End -->
<!-- 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">
<img src="images/icon-about-list-4.svg" alt="">
<img src="images/icon-about-list-4.svg" alt="" />
</div>
<div class="about-list-item-content">
<h3>Build the Cricket Community</h3>
@@ -220,7 +255,6 @@
<p></p>
<!-- Our Counter Section Start -->
<div class="our-counter">
<div class="container">
@@ -237,7 +271,10 @@
<!-- 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>
<p>
With over 15 cities connected, TSCB involved over 300
cricketers in the state.
</p>
</div>
<!-- Counter Content End -->
</div>
@@ -256,7 +293,9 @@
<!-- 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>
9 From Dallas, 9 From Austin, with aims to grow to numerous
other cities and teams.
</p>
</div>
<!-- Counter Content End -->
@@ -276,7 +315,10 @@
<!-- 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>
<p>
Thanks to our sponsors, TSCB has raised over $4,000 for
cricket programs.
</p>
</div>
<!-- Counter Content End -->
</div>
@@ -295,7 +337,10 @@
<!-- 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>
<p>
In its short tenure, TSCB has organized over 20 cricket
matches across the state.
</p>
</div>
<!-- Counter Content End -->
</div>
@@ -306,9 +351,6 @@
</div>
<!-- Our Counter Section End -->
<!-- Pastors Message Section Start -->
<div class="pastors-message">
<div class="container">
@@ -318,13 +360,17 @@
<div class="about-image">
<div class="about-img-1">
<figure class="image-anime reveal">
<img src="images/abhiram.jpg" alt="">
<img src="images/abhiram.jpg" alt="" />
</figure>
</div>
<div class="about-img-2">
<figure class="image-anime reveal">
<img src="images/saim.png" alt="" style="width: 348px; height: 454px;">
<img
src="images/saim.png"
alt=""
class="vision-responsive-img"
/>
</figure>
</div>
</div>
@@ -336,23 +382,26 @@
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">founders' message</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Our community can make a
<span>profound
impact</span>
<h2 class="text-anime-style-2" data-cursor="-opaque">
Our community can make a
<span>profound impact</span>
</h2>
</div>
<!-- Section Title End -->
<!-- Pastors Comtent Body Start -->
<div class="pastors-content-body">
<h3 class="wow fadeInUp" data-wow-delay="0.25s">Our mission is to
cement cricket as an American sport by creating a unified competition at the
fundamental high-school level... </h3>
<p class="wow fadeInUp" data-wow-delay="0.5s">We aren't just about cricket:
we are manifesting a framework 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>
<h3 class="wow fadeInUp" data-wow-delay="0.25s">
Our mission is to cement cricket as an American sport by
creating a unified competition at the fundamental
high-school level...
</h3>
<p class="wow fadeInUp" data-wow-delay="0.5s">
We aren't just about cricket: we are manifesting a framework
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>
<!-- Pastors Comtent Body End -->
@@ -360,15 +409,16 @@
<div class="pastors-signature">
<!-- Pastors Signature Image Start -->
<div class="pastors-signature-img">
<img src="images/signature.png" alt="">
<img src="images/saim-sign.png" alt="">
<img src="images/signature.png" alt="" />
<img src="images/saim-sign.png" alt="" />
</div>
<!-- Pastors Signature Image End -->
<!-- Pastors Signature Comtent Start -->
<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>
<!-- Pastors Signature Comtent End -->
</div>
@@ -381,7 +431,6 @@
</div>
<!-- Pastors Message Section End -->
<!-- Our Team Start -->
<!-- <div class="our-counter">
<div class="container">
@@ -653,7 +702,6 @@
<!-- Our Team End -->
<p>‎</p>
<!-- Core Value Section Start -->
<div class="core-value">
<div class="container">
@@ -662,7 +710,8 @@
<!-- Section Title Start -->
<div class="section-title">
<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>
</h2>
</div>
@@ -677,16 +726,27 @@
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<button
class="accordion-button"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseOne"
aria-expanded="true"
aria-controls="collapseOne"
>
Why was TSCB founded?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show"
aria-labelledby="headingOne" data-bs-parent="#accordion">
<div
id="collapseOne"
class="accordion-collapse collapse show"
aria-labelledby="headingOne"
data-bs-parent="#accordion"
>
<div class="accordion-body">
<p>To create a self-sustained community of cricketers led by
high-schoolers.
<p>
To create a self-sustained community of cricketers led
by high-schoolers.
</p>
</div>
</div>
@@ -696,18 +756,30 @@
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.25s">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<button
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?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordion">
<div
id="collapseTwo"
class="accordion-collapse collapse"
aria-labelledby="headingTwo"
data-bs-parent="#accordion"
>
<div class="accordion-body">
<p>TSCB exists to provide a free and universal platform to spread
high-school cricket. While leagues are private and commercialized, TSCB aims
to offer a high-school sport-like experience through free games and
a central state tournament.
<p>
TSCB exists to provide a free and universal platform to
spread high-school cricket. While leagues are private
and commercialized, TSCB aims to offer a high-school
sport-like experience through free games and a central
state tournament.
</p>
</div>
</div>
@@ -717,17 +789,28 @@
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.5s">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="false"
aria-controls="collapseThree">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseThree"
aria-expanded="false"
aria-controls="collapseThree"
>
Are there umpires, prizes, and available grounds.
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse"
aria-labelledby="headingThree" data-bs-parent="#accordion">
<div
id="collapseThree"
class="accordion-collapse collapse"
aria-labelledby="headingThree"
data-bs-parent="#accordion"
>
<div class="accordion-body">
<p>Yes, yes, and also yes: TSCB covers everythign through our connections and
sponsors.</p>
<p>
Yes, yes, and also yes: TSCB covers everythign through
our connections and sponsors.
</p>
</div>
</div>
</div>
@@ -736,20 +819,31 @@
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.75s">
<h2 class="accordion-header" id="headingfour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapsefour" aria-expanded="false"
aria-controls="collapsefour">
<button
class="accordion-button collapsed"
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
</button>
</h2>
<div id="collapsefour" class="accordion-collapse collapse" aria-labelledby="headingfour"
data-bs-parent="#accordion">
<div
id="collapsefour"
class="accordion-collapse collapse"
aria-labelledby="headingfour"
data-bs-parent="#accordion"
>
<div class="accordion-body">
<p><a href="contact.html">Contact us</a>, and we will place you into a league as
soon as possible.
Right now, our leagues are only in Austin and Dallas, so school outside
those cities will have to
provide their own transportation to grounds.</p>
<p>
<a href="contact.html">Contact us</a>, and we will place
you into a league as soon as possible. Right now, our
leagues are only in Austin and Dallas, so school outside
those cities will have to provide their own
transportation to grounds.
</p>
</div>
</div>
</div>
@@ -758,21 +852,33 @@
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="1s">
<h2 class="accordion-header" id="headingfive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapsefive" aria-expanded="false"
aria-controls="collapsefive">
<button
class="accordion-button collapsed"
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?
</button>
</h2>
<div id="collapsefive" class="accordion-collapse collapse" aria-labelledby="headingfive"
data-bs-parent="#accordion">
<div
id="collapsefive"
class="accordion-collapse collapse"
aria-labelledby="headingfive"
data-bs-parent="#accordion"
>
<div class="accordion-body">
<p>TSCB is not recreational: it is a competitive league that is played
using tapeball (for preliminary matches) to be more mindful of cricket's
steep learning curve (avoiding beginner injuries). Performant teams will
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>
TSCB is not recreational: it is a competitive league
that is played using tapeball (for preliminary matches)
to be more mindful of cricket's steep learning curve
(avoiding beginner injuries). Performant teams will
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>
</div>
</div>
@@ -781,14 +887,16 @@
</div>
<!-- Core Value FAQ Accordion End -->
</div>
</div>
</div>
</div>
<!-- Core Value Section End -->
</div>
<!-- About Us Section End -->
<p>‎</p>
<!-- Footer Start -->
<!-- Footer Start -->
<footer class="main-footer">
@@ -799,7 +907,11 @@
<div class="about-footer">
<!-- Footer Logo Start -->
<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>
<!-- Footer Logo End -->
@@ -811,16 +923,19 @@
const foundingDate = new Date("2025-12-29");
const now = new Date();
const months = (now.getFullYear() - foundingDate.getFullYear()) * 12
+ (now.getMonth() - foundingDate.getMonth());
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)
duration += `${years} year${years > 1 ? "s" : ""}`;
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";
document.getElementById("age-text").textContent =
@@ -830,14 +945,21 @@
<!-- 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>
<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>
@@ -863,8 +985,17 @@
<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>
<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 -->
@@ -879,7 +1010,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
<img src="images/icon-phone.svg" alt="" />
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -890,15 +1021,13 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
<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>
@@ -912,7 +1041,10 @@
<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>
<p>
Copyright 2026 Texas Scholastic Cricket Board. All Rights
Reserved.
</p>
</div>
<!-- Footer Copyright End -->
</div>
@@ -921,7 +1053,12 @@
<!-- 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="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>
@@ -934,7 +1071,6 @@
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
@@ -969,5 +1105,4 @@
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
</html>

4
austin.html
View File

@@ -126,7 +126,7 @@
<div class="col-lg-7 wow fadeInLeft">
<div class="section-title">
<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 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>
@@ -143,7 +143,7 @@
</a>
<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">
<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 href="https://cricclubs.com/USHSC"
class="btn-default w-100 text-center" target="_blank">

426
css/custom.css
View File

@@ -58,6 +58,39 @@
--dark-divider-color : #e9e9e9;
--error-color : rgb(230, 87, 87);
--default-font : "Fira Sans Condensed", sans-serif;
/* Typography scale using clamp() */
--font-size-xs: clamp(0.75rem, 0.7vw + 0.6rem, 0.875rem);
--font-size-sm: clamp(0.875rem, 0.8vw + 0.75rem, 1rem);
--font-size-base: clamp(1rem, 1vw + 0.75rem, 1.25rem);
--font-size-lg: clamp(1.125rem, 1.1vw + 0.875rem, 1.5rem);
--font-size-xl: clamp(1.25rem, 1.2vw + 1rem, 1.875rem);
--font-size-2xl: clamp(1.5rem, 1.5vw + 1.125rem, 2.25rem);
--font-size-3xl: clamp(1.875rem, 1.8vw + 1.25rem, 2.75rem);
--font-size-4xl: clamp(2.25rem, 2.2vw + 1.5rem, 3.5rem);
--font-size-5xl: clamp(2.75rem, 2.7vw + 1.75rem, 4.5rem);
/* Spacing scale */
--space-1: 0.25rem;
--space-2: 0.5rem;
--space-3: 0.75rem;
--space-4: 1rem;
--space-5: 1.25rem;
--space-6: 1.5rem;
--space-8: 2rem;
--space-10: 2.5rem;
--space-12: 3rem;
--space-16: 4rem;
--space-20: 5rem;
--space-24: 6rem;
--space-32: 8rem;
/* Container max widths */
--container-sm: 540px;
--container-md: 720px;
--container-lg: 960px;
--container-xl: 1140px;
--container-fluid: 100%;
}
/************************************/
@@ -66,7 +99,7 @@
body{
font-family: var(--default-font);
font-size: 16px;
font-size: var(--font-size-base);
font-weight: 400;
line-height: 1.6em;
background-color: var(--white-color);
@@ -96,6 +129,158 @@ figure{
img{
max-width: 100%;
height: auto;
display: block;
}
/* Ensure all images are responsive */
img, picture, video, canvas, svg{
display: block;
height: auto;
}
/* =========================================
SPONSOR SECTION - CRITICAL FIXES
========================================= */
/* Responsive sponsor images */
.responsive-sponsor-img {
width: 100%;
height: auto;
max-width: 400px;
aspect-ratio: 1 / 1;
object-fit: contain;
display: block;
}
/* Sponsor logo grid - replaces slider with responsive grid */
.sponsor-logo-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: clamp(16px, 4vw, 24px);
padding: var(--space-8) 0;
max-width: 1200px;
margin: 0 auto;
}
.sponsor-logo-item {
position: relative;
aspect-ratio: 16 / 9;
display: flex;
align-items: center;
justify-content: center;
background: var(--white-color);
border-radius: 8px;
padding: var(--space-4);
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sponsor-logo-item:hover {
transform: translateY(-4px);
box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}
.sponsor-logo-item img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
filter: grayscale(100%);
opacity: 0.7;
transition: all 0.3s ease;
}
.sponsor-logo-item img:hover {
filter: grayscale(0%);
opacity: 1;
}
/* Mobile sponsorship fixes */
@media (max-width: 768px) {
.sponsor-logo-grid {
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: clamp(12px, 3vw, 16px);
}
.sponsor-logo-item {
aspect-ratio: 4 / 3;
}
}
/* Small mobile */
@media (max-width: 480px) {
.sponsor-logo-grid {
grid-template-columns: repeat(2, 1fr);
}
.sponsor-logo-item {
aspect-ratio: 1 / 1;
padding: var(--space-2);
}
}
/* Mission Image Responsive Styles */
.mission-responsive-img {
width: 100%;
height: auto;
max-width: 600px;
object-fit: cover;
border-radius: 8px;
}
.mission-circle-img {
width: 100%;
height: auto;
max-width: 200px;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 50%;
display: block;
margin: 0 auto;
}
/* Mobile optimization */
@media (max-width: 768px) {
.mission-responsive-img {
max-width: 100%;
}
.mission-circle-img {
max-width: 150px;
}
}
/* Vision Image Responsive Styles */
.vision-responsive-img {
width: 100%;
height: auto;
max-width: 500px;
object-fit: cover;
border-radius: 8px;
display: block;
}
/* Mobile optimization */
@media (max-width: 768px) {
.vision-responsive-img {
max-width: 100%;
}
}
/* Team Image Responsive Styles */
.team-responsive-img {
width: 100%;
height: auto;
max-width: 500px;
border-radius: 8px;
display: block;
}
/* Mobile optimization */
@media (max-width: 768px) {
.team-responsive-img {
max-width: 100%;
}
}
a{
@@ -119,10 +304,14 @@ body{
}
.container {
max-width: 1300px;
width: 100%;
max-width: min(90%, var(--container-xl));
margin-left: auto;
margin-right: auto;
padding-left: var(--space-4);
padding-right: var(--space-4);
}
.container,
.container-fluid,
.container-lg,
.container-md,
@@ -415,16 +604,17 @@ body{
}
.section-title h1{
font-size: 80px;
font-size: var(--font-size-5xl);
font-weight: 700;
line-height: 1.3em;
line-height: 1.1;
text-transform: uppercase;
margin-bottom: 0;
}
.section-title h2{
font-size: 44px;
font-size: var(--font-size-3xl);
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
margin-bottom: 0;
}
@@ -479,14 +669,20 @@ header.main-header .header-sticky.active{
right: 0;
border-radius: 0;
transform: translateY(0);
background: var(--primary-color);
background: transparent;
border-bottom: 1px solid var(--divider-color);
backdrop-filter: blur(30px);
}
.navbar{
padding: 30px 0;
padding: clamp(15px, 3vh, 25px) 0;
align-items: center;
transition: all 0.3s ease;
background: transparent;
}
.navbar.scrolled{
padding: clamp(10px, 2vh, 15px) 0;
}
.navbar-brand{
@@ -647,7 +843,8 @@ header.main-header .header-sticky.active{
}
.slicknav_menu{
position: absolute;
position: relative;
z-index: 1000;
width: 100%;
padding: 0;
background: var(--accent-color);
@@ -720,8 +917,9 @@ header.main-header .header-sticky.active{
background-size: cover;
min-height: 100vh;
overflow: hidden;
padding: 250px 0;
margin-top: -118px;
padding: clamp(100px, 20vh, 200px) 0;
margin-top: 0;
z-index: 1;
}
.hero::before{
@@ -732,7 +930,7 @@ header.main-header .header-sticky.active{
bottom: 0;
left: 0;
background-color: var(--primary-color);
opacity: 60%;
opacity: 30%;
width: 100%;
height: 100%;
z-index: 0;
@@ -776,7 +974,7 @@ header.main-header .header-sticky.active{
.hero-slider-layout .hero-slide{
position: relative;
min-height: 100vh;
padding: 250px 0;
padding: clamp(100px, 20vh, 200px) 0;
}
.hero.hero-slider:before{
@@ -844,10 +1042,11 @@ header.main-header .header-sticky.active{
background-color: var(--accent-color);
}
/* Responsive hero content */
.hero-content{
position: relative;
width: 100%;
max-width: 1100px;
max-width: min(90%, 1100px);
margin: 0 auto;
text-align: center;
z-index: 2;
@@ -859,7 +1058,7 @@ header.main-header .header-sticky.active{
.hero-content .section-title p{
width: 100%;
max-width: 640px;
max-width: min(90%, 640px);
margin: 0 auto;
margin-top: 20px;
color: var(--white-color);
@@ -969,7 +1168,7 @@ header.main-header .header-sticky.active{
/************************************/
.about-us{
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.about-image{
@@ -1086,7 +1285,7 @@ header.main-header .header-sticky.active{
.join-worship{
background-color: var(--secondary-color);
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.join-worship .section-title{
@@ -1242,7 +1441,7 @@ header.main-header .header-sticky.active{
}
.counter-title h2{
font-size: 56px;
font-size: var(--font-size-4xl);
color: var(--white-color);
}
@@ -1264,7 +1463,7 @@ header.main-header .header-sticky.active{
/************************************/
.our-mission{
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.mission-content-body{
@@ -1331,7 +1530,7 @@ header.main-header .header-sticky.active{
.our-services{
background-color: var(--secondary-color);
padding: 100px 0 70px;
padding: clamp(60px, 10vh, 80px) 0 clamp(40px, 6vh, 70px);
}
.service-item{
@@ -1501,7 +1700,7 @@ header.main-header .header-sticky.active{
display: inline-flex;
align-items: center;
text-transform: uppercase;
font-size: 100px;
font-size: clamp(40px, 8vw, 100px);
line-height: 1em;
font-weight: 700;
color: transparent;
@@ -1512,6 +1711,13 @@ header.main-header .header-sticky.active{
opacity: 50%;
}
/* Mobile optimization */
@media (max-width: 768px) {
.service-ticker .scrolling-content span {
font-size: clamp(30px, 10vw, 60px);
}
}
.service-ticker .scrolling-content span img{
width: 100%;
max-width: 45px;
@@ -1534,7 +1740,7 @@ header.main-header .header-sticky.active{
.our-ministries{
background: linear-gradient(180deg, var(--accent-color) 68%, var(--white-color) 32%);
padding: 100px 0 50px;
padding: clamp(60px, 10vh, 100px) 0 clamp(30px, 5vh, 50px);
}
.our-ministries .section-title h2 span,
@@ -1643,7 +1849,7 @@ header.main-header .header-sticky.active{
/************************************/
.our-sermons{
padding: 50px 0 70px;
padding: clamp(40px, 8vh, 70px) 0;
}
.sermons-item{
@@ -1774,7 +1980,7 @@ header.main-header .header-sticky.active{
background: var(--secondary-color) url('../images/verse-church-bg.png') no-repeat;
background-position: right center;
background-size: contain;
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.verse-church-btn{
@@ -1815,7 +2021,7 @@ header.main-header .header-sticky.active{
.cta-box{
background-color: var(--accent-color);
padding: 50px 0;
padding: clamp(40px, 8vh, 60px) 0;
}
.cta-box-content{
@@ -1862,7 +2068,7 @@ header.main-header .header-sticky.active{
/************************************/
.our-event{
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.event-image figure{
@@ -1962,7 +2168,7 @@ header.main-header .header-sticky.active{
background: url('../images/donate-now-bg.jpg') no-repeat;
background-position: center center;
background-size: cover;
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.video-play-button{
@@ -2093,7 +2299,7 @@ header.main-header .header-sticky.active{
/************************************/
.our-blog{
padding: 100px 0 70px;
padding: clamp(60px, 10vh, 80px) 0;
}
.blog-item{
@@ -2203,7 +2409,7 @@ header.main-header .header-sticky.active{
background: url('../images/subscribe-newsletter-bg.jpg') no-repeat;
background-position: center center;
background-size: cover;
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.subscribe-newsletter::before{
@@ -2284,7 +2490,7 @@ header.main-header .header-sticky.active{
/************************************/
.main-footer{
padding: 100px 0 0;
padding: clamp(60px, 10vh, 100px) 0;
background: var(--primary-color);
}
@@ -2442,8 +2648,8 @@ header.main-header .header-sticky.active{
background: url('../images/page-header-bg.jpg') no-repeat;
background-position: center center;
background-size: cover;
padding: 190px 0 100px;
margin-top: -118px;
padding: clamp(120px, 15vh, 150px) 0 clamp(60px, 10vh, 80px);
margin-top: -50px;
}
.page-header::before{
@@ -2466,7 +2672,7 @@ header.main-header .header-sticky.active{
}
.page-header-box h1{
font-size: 80px;
font-size: var(--font-size-5xl);
font-weight: 700;
text-transform: uppercase;
text-align: center;
@@ -2474,6 +2680,12 @@ header.main-header .header-sticky.active{
margin-bottom: 25px;
}
@media (max-width: 768px) {
.page-header-box h1 {
font-size: var(--font-size-4xl);
}
}
.page-header-box h1 span{
color: var(--white-color);
}
@@ -2512,7 +2724,7 @@ header.main-header .header-sticky.active{
.vision-mission{
background-color: var(--secondary-color);
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.vision-mission .section-row .section-title{
@@ -2599,7 +2811,7 @@ header.main-header .header-sticky.active{
}
.what-we-do{
padding: 100px 0 70px;
padding: clamp(60px, 10vh, 80px) 0;
}
.what-we-item{
@@ -2646,7 +2858,7 @@ header.main-header .header-sticky.active{
.our-team{
background: linear-gradient(180deg, var(--accent-color) 68%, var(--white-color) 32%);
padding: 100px 0 20px;
padding: clamp(60px, 10vh, 100px) 0;
}
.our-team .section-row .section-title h3::before{
@@ -2757,7 +2969,7 @@ header.main-header .header-sticky.active{
}
.pastors-message{
padding: 50px 0 100px;
padding: clamp(40px, 8vh, 80px) 0;
}
.pastors-image{
@@ -2809,7 +3021,7 @@ header.main-header .header-sticky.active{
.core-value{
background-color: var(--secondary-color);
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.core-value-faqs-accordion .accordion-item{
@@ -2941,7 +3153,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-services{
padding: 100px 0 70px;
padding: clamp(60px, 10vh, 80px) 0;
}
.page-services .service-item{
@@ -2953,7 +3165,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-service-single{
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.service-single-content{
@@ -3039,13 +3251,13 @@ header.main-header .header-sticky.active{
}
.service-entry h2{
font-size: 44px;
font-size: var(--font-size-3xl);
text-transform: uppercase;
margin-bottom: 20px;
}
.service-entry h3{
font-size: 20px;
font-size: var(--font-size-base);
text-transform: capitalize;
margin-bottom: 20px;
}
@@ -3232,7 +3444,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-blog{
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.page-blog .blog-item{
@@ -3245,7 +3457,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-single-post{
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.post-single-meta ol li.breadcrumb-item{
@@ -3305,54 +3517,34 @@ header.main-header .header-sticky.active{
margin: 0 0 0.6em;
}
.post-entry h1{
font-size: 54px;
}
.post-entry h1 { font-size: var(--font-size-4xl); }
.post-entry h2{
font-size: 44px;
}
.post-entry h2 { font-size: var(--font-size-3xl); }
.post-entry h3{
font-size: 40px;
}
.post-entry h3 { font-size: var(--font-size-2xl); }
.post-entry h4{
font-size: 30px;
}
.post-entry h4 { font-size: var(--font-size-xl); }
.post-entry h5{
font-size: 24px;
}
.post-entry h5 { font-size: var(--font-size-lg); }
.post-entry h6{
font-size: 18px;
}
.post-entry h6 { font-size: var(--font-size-base); }
.post-entry p {
margin-bottom: 20px;
font-size: var(--font-size-base);
}
.post-entry p:last-child{
margin-bottom: 0;
}
.post-entry p strong{
color: var(--primary-color);
font-size: 18px;
font-weight: 600;
}
.post-entry p strong { font-size: var(--font-size-lg); }
.post-entry ol{
margin: 0 0 30px;
}
.post-entry ol li{
margin-bottom: 20px;
font-size: 18px;
font-weight: 600;
color: var(--text-color);
}
.post-entry ol li { font-size: var(--font-size-base); }
.post-entry ul{
padding: 0;
@@ -3360,13 +3552,7 @@ header.main-header .header-sticky.active{
padding-left: 20px;
}
.post-entry ul li{
font-size: 18px;
font-weight: 500;
color: var(--primary-color);
position: relative;
margin-bottom: 18px;
}
.post-entry ul li { font-size: var(--font-size-base); }
.post-entry ul li:last-child{
margin-bottom: 0;
@@ -3395,12 +3581,7 @@ header.main-header .header-sticky.active{
margin-bottom: 30px;
}
.post-entry blockquote p{
color: var(--primary-color);
font-size: 20px;
font-weight: 600;
line-height: 1.4em;
}
.post-entry blockquote p { font-size: var(--font-size-lg); }
.post-entry blockquote p:last-child{
margin-bottom: 0;
@@ -3482,7 +3663,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-sermons{
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.page-pagination{
@@ -3524,7 +3705,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-sermons-single{
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.sermons-single-content{
@@ -3737,7 +3918,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-campaign{
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.campaign-item{
@@ -3876,7 +4057,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-campaign-single{
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.campaign-single-content{
@@ -3924,7 +4105,7 @@ header.main-header .header-sticky.active{
}
.campaign-donate-item h3{
font-size: 34px;
font-size: var(--font-size-2xl);
font-weight: 500;
color: var(--white-color);
margin-bottom: 10px;
@@ -3944,13 +4125,13 @@ header.main-header .header-sticky.active{
}
.campaign-entry h2{
font-size: 44px;
font-size: var(--font-size-3xl);
text-transform: uppercase;
margin-bottom: 20px;
}
.campaign-entry h3{
font-size: 20px;
font-size: var(--font-size-base);
text-transform: capitalize;
margin-bottom: 20px;
}
@@ -4176,7 +4357,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-ministries{
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
/**************************************/
@@ -4184,7 +4365,7 @@ header.main-header .header-sticky.active{
/**************************************/
.page-ministry-single{
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.ministry-single-content{
@@ -4235,13 +4416,13 @@ header.main-header .header-sticky.active{
}
.ministry-entry h2{
font-size: 44px;
font-size: var(--font-size-3xl);
text-transform: uppercase;
margin-bottom: 20px;
}
.ministry-entry h3{
font-size: 20px;
font-size: var(--font-size-base);
text-transform: capitalize;
margin-bottom: 20px;
}
@@ -4363,7 +4544,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-team{
padding: 100px 0 70px;
padding: clamp(60px, 10vh, 80px) 0;
}
/************************************/
@@ -4371,7 +4552,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-gallery{
padding: 100px 0 70px;
padding: clamp(60px, 10vh, 80px) 0;
}
.page-gallery-box .photo-gallery{
@@ -4398,7 +4579,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-contact-us{
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.contact-information{
@@ -4469,7 +4650,8 @@ header.main-header .header-sticky.active{
.google-map-iframe {
width: 100%;
height: 700px;
height: clamp(400px, 60vh, 700px);
border: 0;
}
.google-map-iframe iframe{
@@ -4488,7 +4670,7 @@ header.main-header .header-sticky.active{
/************************************/
.error-page{
padding: 100px 0;
padding: clamp(60px, 10vh, 100px) 0;
}
.error-page-image{
@@ -4527,7 +4709,7 @@ header.main-header .header-sticky.active{
}
}
@media only screen and (max-width: 991px){
@media only screen and (max-width: 768px){
.slicknav_nav li,
.slicknav_nav ul{
@@ -5084,7 +5266,7 @@ header.main-header .header-sticky.active{
}
.service-entry h2{
font-size: 36px;
font-size: var(--font-size-3xl);
}
.service-catagery-list{
@@ -5138,17 +5320,11 @@ header.main-header .header-sticky.active{
margin-bottom: 20px;
}
.post-entry blockquote p{
font-size: 18px;
}
.post-entry blockquote p { font-size: var(--font-size-lg); }
.post-entry h2{
font-size: 36px;
}
.post-entry h2 { font-size: var(--font-size-3xl); }
.post-entry ul li{
font-size: 16px;
}
.post-entry ul li { font-size: var(--font-size-base); }
.post-tag-links{
padding: 0 0px;
@@ -5263,7 +5439,7 @@ header.main-header .header-sticky.active{
}
.campaign-donate-item h3{
font-size: 30px;
font-size: var(--font-size-2xl);
margin-bottom: 5px;
}
@@ -5276,7 +5452,7 @@ header.main-header .header-sticky.active{
}
.campaign-entry h2{
font-size: 36px;
font-size: var(--font-size-3xl);
}
.campaign-gallery img{
@@ -5327,7 +5503,7 @@ header.main-header .header-sticky.active{
}
.ministry-entry h2{
font-size: 36px;
font-size: var(--font-size-3xl);
}
.ministry-entry ul li{
@@ -5754,11 +5930,11 @@ header.main-header .header-sticky.active{
}
.service-entry h2{
font-size: 28px;
font-size: var(--font-size-3xl);
}
.service-entry h3{
font-size: 18px;
font-size: var(--font-size-base);
}
.service-entry ul{
@@ -5804,9 +5980,7 @@ header.main-header .header-sticky.active{
padding: 55px 20px 20px 20px;
}
.post-entry h2{
font-size: 28px;
}
.post-entry h2 { font-size: var(--font-size-3xl); }
.tag-links{
font-size: 20px;
@@ -5892,7 +6066,11 @@ header.main-header .header-sticky.active{
}
.campaign-donate-item h3{
font-size: 26px;
font-size: var(--font-size-2xl);
}
.campaign-entry h2{
font-size: var(--font-size-3xl);
}
.campaign-donate-item p{
@@ -5900,7 +6078,7 @@ header.main-header .header-sticky.active{
}
.campaign-entry h2{
font-size: 28px;
font-size: var(--font-size-3xl);
}
.campaign-entry ul{
@@ -5943,7 +6121,7 @@ header.main-header .header-sticky.active{
}
.ministry-entry h2{
font-size: 28px;
font-size: var(--font-size-3xl);
}
.ministry-entry ul li{

4
dallas.html
View File

@@ -125,7 +125,7 @@
<div class="col-lg-7 wow fadeInLeft">
<div class="section-title">
<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 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>
@@ -142,7 +142,7 @@
</a>
<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">
<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 href="https://cricclubs.com/TexasScholasticCricketBoard"
class="btn-default w-100 text-center" target="_blank">

16
index.html
View File

@@ -132,7 +132,7 @@
<div class="row align-items-center">
<div class="col-lg-15">
<div class="col-lg-6">
<!-- About Content Start -->
<div class="about-content">
<!-- Section Title Start -->
@@ -337,14 +337,14 @@
<!-- Mission Image Start -->
<div class="mission-img">
<figure class="image-anime reveal">
<img src="images/about.gif" style="width: 450px; height: 750px;" alt="">
<img src="images/about.gif" alt="" class="mission-responsive-img">
</figure>
</div>
<!-- Mission Image End -->
<!-- Mission Life Circle Start -->
<div class="mission-life-circle">
<img src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;">
<img src="images/hero-bg.jpg" alt="" class="mission-circle-img">
</div>
<!-- Mission Life Circle End -->
</div>
@@ -369,7 +369,7 @@
</div>
<div class="row">
<div class="col-lg-18 col-md-6">
<div class="col-lg-6 col-md-6">
<!-- Service Item Start -->
<div class="service-item wow fadeInUp">
<!-- Icon Box Start -->
@@ -391,7 +391,7 @@
<h3>Dallas Regionals</h3>
</div>
<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>
<!-- Service Footer End -->
@@ -401,7 +401,7 @@
<div class="col-lg-18 col-md-6">
<div class="col-lg-6 col-md-6">
<!-- Service Item Start -->
<div class="service-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Icon Box Start -->
@@ -423,7 +423,7 @@
<h3>austin regionals</h3>
</div>
<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>
<!-- Service Footer End -->
@@ -493,7 +493,7 @@
<div class="swiper-slide">
<div class="service-slider-image">
<figure>
<img src="images/srisports.png" style="width: 1200px; height: 1200px;" alt="">
<img src="images/srisports.png" alt="" class="responsive-sponsor-img">
</figure>
</div>
</div>