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"> <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=""
class="team-responsive-img"
/>
</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=""
class="vision-responsive-img"
/>
</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">
@@ -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,14 +945,21 @@
<!-- 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>
@@ -863,8 +985,17 @@
<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 -->
@@ -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>

4
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">

426
css/custom.css
View File

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

4
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">

16
index.html
View File

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