13 Commits

37 changed files with 3414 additions and 2295 deletions

View File

@@ -0,0 +1,218 @@
# Texas Scholastic Cricket Board - Regional Pages Implementation Plan
## Context
The TSCB website currently has a homepage (index.html) and about page (about.html) with TSCB-specific content. The contact page exists but uses a template. I need to create:
1. Updated Contact page with TSCB-specific contact information
2. Dallas Regionals main page with regional overview
3. Austin Regionals main page with regional overview
4. Dallas Teams page showing 9 Dallas teams
5. Austin Teams page showing 9 Austin teams
6. Blank league status/rankings page (placeholder)
All pages must use the existing CSS theme (custom.css), HTML boilerplate structure, and maintain the professional student-led sports federation writing style found in index.html and about.html.
## Theme Specifications
- **Color Scheme**: Black (#000000), Accent Red (#d92800), Secondary Gold (#ce9c5b)
- **Font**: Fira Sans Condensed
- **CSS**: custom.css (all existing classes and styles)
- **Structure**: Header with sticky navbar, page header with breadcrumb, content sections, footer
- **Animations**: Wow.js fadeInUp animations with data-wow-delay attributes
- **Buttons**: btn-default, btn-highlighted classes
- **Images**: Use existing images folder or create placeholders
## Subtasks
### Phase 1: Contact Page Enhancement
- [ ] **Update contact.html title and meta** - Change from "Avenix - Church HTML Template" to "TSCB - Contact Us"
- [ ] **Update contact page header** - Modify hero section with TSCB branding and breadcrumb navigation
- [ ] **Update contact information** - Replace placeholder contact info with:
- Email: texasscholasticcricketboard@gmail.com
- Phone: (+1) (945) 900-1148
- Add detailed contact form with well-written explanatory text
- [ ] **Add contact form** - Create functional-looking form with TSCB-specific messaging
- [ ] **Add map/embed section** - Placeholder for Texas map showing Dallas/Austin regions
### Phase 2: Dallas Regionals Pages
- [ ] **Create dallas.html** - Main Dallas Regionals page with:
- Page header with breadcrumb navigation
- Hero section: "Dallas Regionals" with descriptive text about connecting Plano, Frisco, Prosper, Irving schools
- About section: Write compelling text in TSCB style about Dallas cricket community
- Teams overview section: Brief intro to the 9 Dallas teams
- Placeholder cricket match images (use existing cricket.png, match.png, or create placeholders)
- Footer with standard TSCB footer
- [ ] **Create dallas-teams.html** - Teams listing page with:
- Page header: "Dallas Teams"
- Introduction text about Dallas cricket teams
- Team grid layout (3x3 or responsive grid) with:
- Team logo placeholders (use generic sports logos or create placeholders)
- Team names (need to create 9 plausible high school cricket team names)
- Brief descriptions
- Placeholder team photos
- Standard footer
### Phase 3: Austin Regionals Pages
- [ ] **Create austin.html** - Main Austin Regionals page with:
- Page header with breadcrumb navigation
- Hero section: "Austin Regionals" with text about Leander, Round Rock, Cedar Park, West Lake Hills schools
- About section: Write Austin-specific content in TSCB style
- Teams overview section
- Placeholder cricket images
- Standard footer
- [ ] **Create austin-teams.html** - Teams listing page with:
- Page header: "Austin Teams"
- Introduction text about Austin cricket teams
- Team grid layout for 9 Austin teams
- Team logo placeholders
- Team names (create 9 Austin-area high school cricket team names)
- Placeholder team photos
- Standard footer
### Phase 4: League Status Placeholder
- [ ] **Create league-status.html** - Blank/placeholder page with:
- Page header: "League Status" or "Rankings & Matches"
- Brief intro text explaining this page will show live standings
- Empty table/grid structure (no data)
- Note: "Coming Soon - Live league statistics and rankings"
- Standard footer
### Phase 5: Navigation Updates
- [ ] **Update index.html navigation** - Change Dallas/Austin submenu items to point to new pages:
- Dallas Regionals dropdown → link to dallas.html
- Austin Regionals dropdown → link to austin.html
- Remove existing template pages (service-single.html, blog.html, etc.) from dropdowns
- [ ] **Update about.html navigation** - Same navigation updates as index.html
- [ ] **Update all footers** - Ensure footer links point to correct new pages
### Phase 6: Content Writing (TSCB Style)
- [ ] **Write Contact page content** - Professional, welcoming text about reaching out to TSCB
- [ ] **Write Dallas Regionals content** - Focus on Dallas metroplex cricket community, schools involved
- [ ] **Write Austin Regionals content** - Focus on Austin-area schools and cricket growth
- [ ] **Write team descriptions** - Brief 1-2 sentence descriptions for each team
- [ ] **Maintain consistent voice** - Student-led, competitive, community-focused, professional
### Phase 7: Git Commits
- [ ] **Commit contact page updates** - Short, descriptive commit message
- [ ] **Commit Dallas Regionals page** - Separate commit for dallas.html
- [ ] **Commit Dallas Teams page** - Separate commit for dallas-teams.html
- [ ] **Commit Austin Regionals page** - Separate commit for austin.html
- [ ] **Commit Austin Teams page** - Separate commit for austin-teams.html
- [ ] **Commit league status placeholder** - Separate commit
- [ ] **Commit navigation updates** - Separate commit for all nav changes
- [ ] **Final verification commit** - Ensure all pages work together
### Phase 8: Quality Assurance
- [ ] **Verify all links work** - Check navigation between all new pages
- [ ] **Check responsive design** - Ensure pages look good on mobile/desktop
- [ ] **Verify CSS consistency** - All pages use existing custom.css
- [ ] **Check image placeholders** - Ensure all images load or have proper placeholders
- [ ] **Test footer consistency** - All pages have working footer links
## Writing Style Guide (TSCB Voice)
**Tone**: Professional, community-focused, student-leadership oriented, passionate
**Key Phrases to Use**:
- "Student-led"
- "Competitive cricket"
- "Free access / No barrier to entry"
- "Statewide connection"
- "Building community"
- "Next generation of cricketers"
- "Educational sport"
**Example Writing Style** (from index.html):
> "The first and only student-led high school federation in Texas"
> "Connecting schools in the Dallas metroplex through matches"
> "Our mission is to connect high schools across regions, support the growth of new programs, and work with partner organizations that believe in educational sport."
**Do Not Use**:
- Corporate/marketing language
- Overly formal academic tone
- Generic sports clichés
## Content Notes
**Dallas Regionals**:
- Schools: Plano, Frisco, Prosper, Irving
- 9 teams total
- Focus: Metroplex connectivity, competitive growth
**Austin Regionals**:
- Schools: Leander, Round Rock, Cedar Park, West Lake Hills
- 9 teams total
- Focus: Austin-area cricket expansion, student leadership
**Contact Information**:
- Email: texasscholasticcricketboard@gmail.com
- Phone: (+1) (945) 900-1148
- Tagline: "Reach out to our student-led board"
## Execution Workflow Recommendation
**Recommended Approach**:
1. **Start with Contact Page** - Update existing contact.html (easiest win, establishes pattern)
2. **Create Dallas Regionals** - Build dallas.html first, then dallas-teams.html (related pages together)
3. **Create Austin Regionals** - Mirror Dallas structure for consistency (austin.html, austin-teams.html)
4. **Create League Status** - Simple placeholder page
5. **Update Navigation** - Finally update all headers/footers to link to new pages
6. **Git Commits** - Commit after each page is complete (6-8 total commits)
**Git Commit Message Style**:
- Major changes: "feat: add dallas regionals main page with overview and cricket imagery"
- Minor changes: "style: update contact page with TSCB branding and contact info"
- Navigation: "nav: update dropdown menus to point to new regional pages"
## Theme Consistency Checklist
**HTML Structure**:
- [ ] Same DOCTYPE and HTML5 boilerplate
- [ ] Same meta tags (charset, viewport, description)
- [ ] Same CSS includes (bootstrap, custom, animate, swiper, etc.)
- [ ] Same JS includes at bottom (jquery, bootstrap, wow, etc.)
**Header**:
- [ ] Sticky navbar with logo
- [ ] Navigation menu (Home, About, Regionals dropdown, Contact, Partners)
- [ ] "Our Partners" highlighted button
**Footer**:
- [ ] Logo and age text
- [ ] Quick links section
- [ ] Cricket links section (Dallas, Austin, Cricclubs)
- [ ] Contact information
- [ ] Copyright text
- [ ] Social media links
**Content Sections**:
- [ ] Page header with breadcrumb (for inner pages)
- [ ] Section titles with h3 and h2/text-anime-style-2 classes
- [ ] wow fadeInUp animations with data-wow-delay
- [ ] Bootstrap grid system (col-lg-*, col-md-*)
- [ ] Image containers with image-anime class
- [ ] Button styling (btn-default, btn-highlighted)
**Images**:
- [ ] Use images/ folder for all assets
- [ ] Follow aspect ratios from existing pages
- [ ] Include alt text for accessibility
- [ ] Use placeholder images where needed
## Open Questions (To Clarify During Implementation)
1. **Team Names**: Should I create fictional high school cricket team names, or do you have actual team names to use?
2. **Team Logos**: Should I use placeholder sports logos, or do you have actual team logos to incorporate?
3. **Dallas Teams**: Should I list specific schools (Plano East, Frisco Lone Star, etc.) or create team names?
4. **Austin Teams**: Similarly, should I use actual Austin-area schools or create team names?
5. **League Status Page**: Should I create an empty table structure, or just a "Coming Soon" message?
6. **Contact Form**: Should the contact form actually submit somewhere, or just be a visual placeholder?
7. **Image Placeholders**: Would you like me to use the existing cricket.png and match.png images, or create new placeholder images?
## Success Criteria
- All pages follow the exact same HTML structure and CSS classes as index.html and about.html
- Content is written in the established TSCB voice (student-led, competitive, community-focused)
- All navigation links work correctly between pages
- Git commits are frequent, descriptive, and follow conventional commit style
- All images either use existing assets or have proper placeholder text
- Responsive design works on mobile and desktop
- No custom CSS added (all styling from existing custom.css)

263
404.html
View File

@@ -1,86 +1,98 @@
<!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="Awaiken">
<!-- Page Title -->
<!-- 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="Awaiken">
<!-- Page Title -->
<title>Avenix - Church HTML Template</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<!-- Favicon Icon -->
<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 href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
<ul class="sub-menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home - Image</a></li>
<li class="nav-item"><a class="nav-link" href="index-video.html">Home - Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home - Slider</a></li>
<li class="nav-item"><a class="nav-link" href="index-video.html">Home -
Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home -
Slider</a></li>
</ul>
</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="service.html">Services</a></li>
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
<ul>
<li class="nav-item"><a class="nav-link" href="service-single.html">Service Details</a></li>
<li class="nav-item"><a class="nav-link" href="service-single.html">Service
Details</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">Blog Details</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">Blog
Details</a></li>
<li class="nav-item"><a class="nav-link" href="sermons.html">Sermons</a></li>
<li class="nav-item"><a class="nav-link" href="sermons-single.html">Sermons Details</a></li>
<li class="nav-item"><a class="nav-link" href="sermons-single.html">Sermons
Details</a></li>
<li class="nav-item"><a class="nav-link" href="campaign.html">Campaigns</a></li>
<li class="nav-item"><a class="nav-link" href="campaign-single.html">Campaign Details</a></li>
<li class="nav-item"><a class="nav-link" href="ministries.html">Ministries</a></li>
<li class="nav-item"><a class="nav-link" href="ministry-single.html">Ministries Details</a></li>
<li class="nav-item"><a class="nav-link" href="campaign-single.html">Campaign
Details</a></li>
<li class="nav-item"><a class="nav-link" href="ministries.html">Ministries</a>
</li>
<li class="nav-item"><a class="nav-link" href="ministry-single.html">Ministries
Details</a></li>
<li class="nav-item"><a class="nav-link" href="pastor.html">pastor</a></li>
<li class="nav-item"><a class="nav-link" href="gallery.html">Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="404.html">404</a></li>
@@ -95,45 +107,43 @@
<a href="#" class="btn-default">donate now</a>
</div>
<!-- Lets Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">Page Not Found</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">404 error</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">Page Not Found</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">404 error</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- error section start -->
<div class="error-page">
<div class="container">
<div class="row">
<div class="error-page-image wow fadeInUp" data-wow-delay="0.25s">
<img src="images/404-error-img.png" alt="">
</div>
<div class="error-page-content">
<div class="error-page-content-heading">
<h2 class="text-anime-style-2" data-cursor="-opaque"><span>Oops!</span> Page Not Found</h2>
@@ -148,6 +158,7 @@
</div>
<!-- error section end -->
<!-- Footer Start -->
<footer class="main-footer">
<div class="container">
@@ -157,21 +168,41 @@
<div class="about-footer">
<!-- Footer Logo Start -->
<div class="footer-logo">
<img src="images/footer-logo.svg" alt="">
<img src="images/logo.png" alt="Footer Logo" style="width: 100px; height: auto;">
</div>
<!-- Footer Logo End -->
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p>Lorem Ipsum is simply dummy text of printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
<p id="age-text">Loading...</p>
<script>
const foundingDate = new Date("2025-12-29");
const now = new Date();
const months = (now.getFullYear() - foundingDate.getFullYear()) * 12
+ (now.getMonth() - foundingDate.getMonth());
const years = Math.floor(months / 12);
const remainingMonths = months % 12;
let duration = "";
if (years > 0) duration += `${years} year${years > 1 ? "s" : ""}`;
if (years > 0 && remainingMonths > 0) duration += " and ";
if (remainingMonths > 0) duration += `${remainingMonths} month${remainingMonths > 1 ? "s" : ""}`;
if (months === 0) duration = "less than a month";
document.getElementById("age-text").textContent =
`TSCB has been proudly serving its community for ${duration}`;
</script>
</div>
<!-- Footer Social Links Start -->
<div class="footer-social-links">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></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 -->
@@ -185,11 +216,10 @@
<div class="footer-links">
<h3>quick links</h3>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</a></li>
<li><a href="/">home</a></li>
<li><a href="/about.html">about</a></li>
<li><a href="/sponsors.html">sponsors</a></li>
<li><a href="/contact.html">contact</a></li>
</ul>
</div>
<!-- About Links End -->
@@ -198,13 +228,11 @@
<div class="col-lg-3 col-md-4 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>our services</h3>
<h3>our cricket</h3>
<ul>
<li><a href="#">support groups</a></li>
<li><a href="#">special events</a></li>
<li><a href="#">online services</a></li>
<li><a href="#">pastoral care</a></li>
<li><a href="#">sunday worship</a></li>
<li><a href="/dallas.html">dallas regionals</a></li>
<li><a href="/austin.html">austin regionals</a></li>
<li><a href="https://cricclubs.com/TexasScholasticCricketBoard">cricclubs league</a></li>
</ul>
</div>
<!-- About Links End -->
@@ -222,7 +250,7 @@
<img src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+0) 789 345 012</p>
<p>(+1) (945) 900-1148</p>
</div>
</div>
<!-- Footer Info Box End -->
@@ -233,21 +261,12 @@
<img src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>domain@gmail.com</p>
<p>texasscholasticcricketboard@gmail.com</p>
</div>
</div>
<!-- Footer Info Box End -->
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-location.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>24/11 Robert Road,New York,USA</p>
</div>
</div>
<!-- Footer Info Box End -->
</div>
<!-- Footer Contact Details End -->
</div>
@@ -261,7 +280,7 @@
<div class="col-lg-6 col-md-6">
<!-- Footer Copyright Start -->
<div class="footer-copyright-text">
<p>Copyright 2024 Avenix. All Rights Reserved.</p>
<p>Copyright 2026 Texas Scholastic Cricket Board. All Rights Reserved.</p>
</div>
<!-- Footer Copyright End -->
</div>
@@ -270,9 +289,8 @@
<!-- Footer Social Link Start -->
<div class="footer-privacy-policy">
<ul>
<li><a href="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy policy</a></li>
<li><a href="#">terms & conditions</a></li>
<li><a href="#">liability policy</a></li>
</ul>
</div>
<!-- Footer Social Link End -->
@@ -281,7 +299,7 @@
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
@@ -318,4 +336,5 @@
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
</html>

1770
about.html

File diff suppressed because it is too large Load Diff

527
austin.html Normal file
View File

@@ -0,0 +1,527 @@
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Keshav Anand">
<!-- Page Title -->
<title>Austin Teams | TSCB</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.png" alt="Logo" style="width: 60px; height: auto;">
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li>
<li class="nav-item submenu"><a class="nav-link" href="#">Dallas Regionals</a>
<ul>
<li class="nav-item"><a class="nav-link" href="dallas.html">Dallas Regionals</a></li>
<li class="nav-item"><a class="nav-link" href="dallas-teams.html">Dallas Teams</a></li>
</ul>
</li>
<li class="nav-item submenu"><a class="nav-link" href="#">Austin Regionals</a>
<ul>
<li class="nav-item"><a class="nav-link" href="austin.html">Austin Regionals</a></li>
<li class="nav-item"><a class="nav-link" href="austin-teams.html">Austin Teams</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
<li class="nav-item highlighted-menu"><a class="nav-link" href="partners.html">Our
Partners</a></li>
</ul>
</div>
<!-- Let's Start Button Start -->
<div class="header-btn d-inline-flex">
<a href="partners.html" class="btn-default">Our Partners</a>
</div>
<!-- Let's Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque"><span>Austin</span> Teams</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item"><a href="austin.html">austin regionals</a></li>
<li class="breadcrumb-item active" aria-current="page">austin teams</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Our Teams Section Start -->
<div class="our-teams">
<div class="container">
<div class="row align-items-center section-row">
<div class="col-lg-12">
<!-- Section Title Start -->
<div class="section-title">
<p></p>
<h3 class="wow fadeInUp">our teams</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Austin Metroplex <span>Cricket Teams</span></h2>
</div>
<!-- Section Title End -->
</div>
<!-- Introduction Start -->
<div class="col-lg-12">
<div class="teams-intro wow fadeInUp" data-wow-delay="0.25s">
<p>The Austin Metroplex is home to a vibrant and student-led cricket community. Our teams are at the heart of TSCB's mission to provide competitive cricket opportunities for high school students across the region. From Leander to West Lake Hills, these teams represent the passion, dedication, and spirit of young cricketers building a lasting community through the sport.</p>
<p>Each team operates with student leadership, fostering real-world skills in organization, communication, and teamwork. Whether practicing on weekends or competing in regional matches, our Austin teams are expanding cricket's reach and creating a pathway for students to connect, compete, and grow together in a supportive environment.</p>
</div>
</div>
<!-- Introduction End -->
</div>
<div class="container">
<div class="row">
<!-- Team Grid - Row 1 -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="Leander Eagles Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>leander eagles</h3>
<p>Leander, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="Round Rock Rangers Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>round rock rangers</h3>
<p>Round Rock, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="Cedar Park Cavaliers Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>cedar park cavaliers</h3>
<p>Cedar Park, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<!-- Team Grid - Row 2 -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="West Lake Highlanders Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>west lake highlanders</h3>
<p>West Lake Hills, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="Leander Hawks Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>leander hawks</h3>
<p>Leander, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="Round Rock Riders Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>round rock riders</h3>
<p>Round Rock, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<!-- Team Grid - Row 3 -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="Cedar Park Crusaders Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>cedar park crusaders</h3>
<p>Cedar Park, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="West Lake Warriors Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>west lake warriors</h3>
<p>West Lake Hills, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.6s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/cricket.png" alt="Austin Prep Titans Team Logo">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>austin prep titans</h3>
<p>Austin, TX</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
</div>
</div>
</div>
</div>
<!-- Our Teams Section End -->
<!-- Footer Start -->
<footer class="main-footer">
<div class="container">
<div class="row">
<div class="col-lg-4">
<!-- About Footer Start -->
<div class="about-footer">
<!-- Footer Logo Start -->
<div class="footer-logo">
<img src="images/logo.png" alt="Footer Logo" style="width: 100px; height: auto;">
</div>
<!-- Footer Logo End -->
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p id="age-text">Loading...</p>
<script>
const foundingDate = new Date("2025-12-29");
const now = new Date();
const months = (now.getFullYear() - foundingDate.getFullYear()) * 12
+ (now.getMonth() - foundingDate.getMonth());
const years = Math.floor(months / 12);
const remainingMonths = months % 12;
let duration = "";
if (years > 0) duration += `${years} year${years > 1 ? "s" : ""}`;
if (years > 0 && remainingMonths > 0) duration += " and ";
if (remainingMonths > 0) duration += `${remainingMonths} month${remainingMonths > 1 ? "s" : ""}`;
if (months === 0) duration = "less than a month";
document.getElementById("age-text").textContent =
`TSCB has been proudly serving its community for ${duration}`;
</script>
</div>
<!-- Footer Social Links Start -->
<div class="footer-social-links">
<ul>
<li><a href="https://www.instagram.com/texasscholasticcricketboard/"><i
class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCdFfqkVWDJyFlFEEKfq27wg"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
</div>
<!-- Footer Social Links End -->
</div>
<!-- About Footer End -->
</div>
<div class="col-lg-2 col-md-3 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>quick links</h3>
<ul>
<li><a href="/">home</a></li>
<li><a href="/about.html">about</a></li>
<li><a href="/sponsors.html">sponsors</a></li>
<li><a href="/contact.html">contact</a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-4 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>our cricket</h3>
<ul>
<li><a href="/dallas.html">dallas regionals</a></li>
<li><a href="/austin.html">austin regionals</a></li>
<li><a href="https://cricclubs.com/TexasScholasticCricketBoard">cricclubs league</a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-5">
<!-- About Links Start -->
<div class="footer-contact">
<h3>contact</h3>
<!-- Footer Contact Details Start -->
<div class="footer-contact-details">
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
</div>
</div>
<!-- Footer Info Box End -->
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
</div>
</div>
<!-- Footer Info Box End -->
</div>
<!-- Footer Contact Details End -->
</div>
<!-- About Links End -->
</div>
</div>
<!-- Footer Copyright Section Start -->
<div class="footer-copyright">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<!-- Footer Copyright Start -->
<div class="footer-copyright-text">
<p>Copyright 2026 Texas Scholastic Cricket Board. All Rights Reserved.</p>
</div>
<!-- Footer Copyright End -->
</div>
<div class="col-lg-6 col-md-6">
<!-- Footer Social Link Start -->
<div class="footer-privacy-policy">
<ul>
<li><a href="#">terms & conditions</a></li>
<li><a href="#">liability policy</a></li>
</ul>
</div>
<!-- Footer Social Link End -->
</div>
</div>
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
</html>

193
blog.html
View File

@@ -1,86 +1,98 @@
<!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="Awaiken">
<!-- Page Title -->
<!-- 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="Awaiken">
<!-- Page Title -->
<title>Avenix - Church HTML Template</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<!-- Favicon Icon -->
<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 href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
<ul class="sub-menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home - Image</a></li>
<li class="nav-item"><a class="nav-link" href="index-video.html">Home - Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home - Slider</a></li>
<li class="nav-item"><a class="nav-link" href="index-video.html">Home -
Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home -
Slider</a></li>
</ul>
</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="service.html">Services</a></li>
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
<ul>
<li class="nav-item"><a class="nav-link" href="service-single.html">Service Details</a></li>
<li class="nav-item"><a class="nav-link" href="service-single.html">Service
Details</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">Blog Details</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">Blog
Details</a></li>
<li class="nav-item"><a class="nav-link" href="sermons.html">Sermons</a></li>
<li class="nav-item"><a class="nav-link" href="sermons-single.html">Sermons Details</a></li>
<li class="nav-item"><a class="nav-link" href="sermons-single.html">Sermons
Details</a></li>
<li class="nav-item"><a class="nav-link" href="campaign.html">Campaigns</a></li>
<li class="nav-item"><a class="nav-link" href="campaign-single.html">Campaign Details</a></li>
<li class="nav-item"><a class="nav-link" href="ministries.html">Ministries</a></li>
<li class="nav-item"><a class="nav-link" href="ministry-single.html">Ministries Details</a></li>
<li class="nav-item"><a class="nav-link" href="campaign-single.html">Campaign
Details</a></li>
<li class="nav-item"><a class="nav-link" href="ministries.html">Ministries</a>
</li>
<li class="nav-item"><a class="nav-link" href="ministry-single.html">Ministries
Details</a></li>
<li class="nav-item"><a class="nav-link" href="pastor.html">pastor</a></li>
<li class="nav-item"><a class="nav-link" href="gallery.html">Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="404.html">404</a></li>
@@ -95,37 +107,42 @@
<a href="#" class="btn-default">donate now</a>
</div>
<!-- Lets Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">Latest Articles</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">blog</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">Latest Articles</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">blog</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<iframe
src="https://cricclubs.com/TexasScholasticCricketBoard/results?leagueId=hKGWBeaND6UfZE7_FQSDeQ&year=2026&series=YL5qVXl5UzTJ9e6vFfDgmg&seriesName=DALLAS+REGIONALS-+SEASON+ONE"
width="100%" height="600px" style="border:none;">
</iframe>
<!-- Page Blog Start -->
<div class="page-blog">
@@ -332,7 +349,8 @@
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p>Lorem Ipsum is simply dummy text of printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
<p>Lorem Ipsum is simply dummy text of printing and typesetting industry. Lorem Ipsum has
been the industry's.</p>
</div>
<!-- Footer Social Links Start -->
<div class="footer-social-links">
@@ -450,7 +468,7 @@
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
@@ -487,4 +505,5 @@
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
</html>

View File

@@ -1,86 +1,98 @@
<!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="Awaiken">
<!-- Page Title -->
<!-- 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="Awaiken">
<!-- Page Title -->
<title>Avenix - Church HTML Template</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<!-- Favicon Icon -->
<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 href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
<ul class="sub-menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home - Image</a></li>
<li class="nav-item"><a class="nav-link" href="index-video.html">Home - Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home - Slider</a></li>
<li class="nav-item"><a class="nav-link" href="index-video.html">Home -
Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home -
Slider</a></li>
</ul>
</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="service.html">Services</a></li>
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
<ul>
<li class="nav-item"><a class="nav-link" href="service-single.html">Service Details</a></li>
<li class="nav-item"><a class="nav-link" href="service-single.html">Service
Details</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">Blog Details</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">Blog
Details</a></li>
<li class="nav-item"><a class="nav-link" href="sermons.html">Sermons</a></li>
<li class="nav-item"><a class="nav-link" href="sermons-single.html">Sermons Details</a></li>
<li class="nav-item"><a class="nav-link" href="sermons-single.html">Sermons
Details</a></li>
<li class="nav-item"><a class="nav-link" href="campaign.html">Campaigns</a></li>
<li class="nav-item"><a class="nav-link" href="campaign-single.html">Campaign Details</a></li>
<li class="nav-item"><a class="nav-link" href="ministries.html">Ministries</a></li>
<li class="nav-item"><a class="nav-link" href="ministry-single.html">Ministries Details</a></li>
<li class="nav-item"><a class="nav-link" href="campaign-single.html">Campaign
Details</a></li>
<li class="nav-item"><a class="nav-link" href="ministries.html">Ministries</a>
</li>
<li class="nav-item"><a class="nav-link" href="ministry-single.html">Ministries
Details</a></li>
<li class="nav-item"><a class="nav-link" href="pastor.html">pastor</a></li>
<li class="nav-item"><a class="nav-link" href="gallery.html">Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="404.html">404</a></li>
@@ -95,38 +107,38 @@
<a href="#" class="btn-default">donate now</a>
</div>
<!-- Lets Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">Kids Sports Activity</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">Kids Sports Activity</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item"><a href="./">campaign</a></li>
<li class="breadcrumb-item active" aria-current="page">kids sports activity</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<li class="breadcrumb-item active" aria-current="page">kids sports activity</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Campaign Single Start -->
<div class="page-campaign-single">
@@ -177,9 +189,16 @@
<!-- Campaign Entry Content Start -->
<div class="campaign-entry">
<h2 class="text-anime-style-2" data-cursor="-opaque">Donate for Kid's Sports Activities Today!</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Support our kids by donating to our church's sports activities program. Your contributions provide equipment, uniforms, and opportunities for children to participate in healthy, fun, and team-building activities. Help us promote fitness, teamwork, and community spirit among our youth. Every donation makes a difference. Thank you for your generosity!</p>
<p class="wow fadeInUp" data-wow-delay="0.4s">we can ensure every child has the chance to participate and grow. Every donation, big or small, makes a significant impact. Thank you for helping us nurture the physical and spiritual well-being of our children!</p>
<h2 class="text-anime-style-2" data-cursor="-opaque">Donate for Kid's Sports Activities
Today!</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Support our kids by donating to our church's
sports activities program. Your contributions provide equipment, uniforms, and
opportunities for children to participate in healthy, fun, and team-building activities.
Help us promote fitness, teamwork, and community spirit among our youth. Every donation
makes a difference. Thank you for your generosity!</p>
<p class="wow fadeInUp" data-wow-delay="0.4s">we can ensure every child has the chance to
participate and grow. Every donation, big or small, makes a significant impact. Thank
you for helping us nurture the physical and spiritual well-being of our children!</p>
<ul class="wow fadeInUp" data-wow-delay="0.6s">
<li>Help kids participate in fun, healthy activities.</li>
<li>Teach kids valuable skills in cooperation.</li>
@@ -194,7 +213,8 @@
<div class="row gallery-items">
<div class="col-lg-3 col-6">
<!-- Image gallery start -->
<div class="campaign-gallery wow fadeInUp" data-wow-delay="0.2s" data-cursor-text="View">
<div class="campaign-gallery wow fadeInUp" data-wow-delay="0.2s"
data-cursor-text="View">
<a href="images/campaign-gallery-1.jpg">
<figure class="image-anime">
<img src="images/campaign-gallery-1.jpg" alt="img">
@@ -206,7 +226,8 @@
<div class="col-lg-3 col-6">
<!-- Image gallery start -->
<div class="campaign-gallery wow fadeInUp" data-wow-delay="0.4s" data-cursor-text="View">
<div class="campaign-gallery wow fadeInUp" data-wow-delay="0.4s"
data-cursor-text="View">
<a href="images/campaign-gallery-2.jpg">
<figure class="image-anime">
<img src="images/campaign-gallery-2.jpg" alt="img">
@@ -218,7 +239,8 @@
<div class="col-lg-3 col-6">
<!-- Image gallery start -->
<div class="campaign-gallery wow fadeInUp" data-wow-delay="0.6s" data-cursor-text="View">
<div class="campaign-gallery wow fadeInUp" data-wow-delay="0.6s"
data-cursor-text="View">
<a href="images/campaign-gallery-3.jpg">
<figure class="image-anime">
<img src="images/campaign-gallery-3.jpg" alt="img">
@@ -230,7 +252,8 @@
<div class="col-lg-3 col-6">
<!-- Image gallery start -->
<div class="campaign-gallery wow fadeInUp" data-wow-delay="0.8s" data-cursor-text="View">
<div class="campaign-gallery wow fadeInUp" data-wow-delay="0.8s"
data-cursor-text="View">
<a href="images/campaign-gallery-4.jpg">
<figure class="image-anime">
<img src="images/campaign-gallery-4.jpg" alt="img">
@@ -259,14 +282,16 @@
<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">
data-bs-target="#collapseOne" aria-expanded="true"
aria-controls="collapseOne">
Why is faith a core value?
</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>We demonstrate love through compassionate service, supportive relationships, and inclusive community practices.</p>
<p>We demonstrate love through compassionate service, supportive
relationships, and inclusive community practices.</p>
</div>
</div>
</div>
@@ -275,15 +300,17 @@
<!-- 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">
How does the church demonstrate love?
</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>We demonstrate love through compassionate service, supportive relationships, and inclusive community practices.</p>
<p>We demonstrate love through compassionate service, supportive
relationships, and inclusive community practices.</p>
</div>
</div>
</div>
@@ -292,15 +319,17 @@
<!-- 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">
How is community fostered within the church?
</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>We demonstrate love through compassionate service, supportive relationships, and inclusive community practices.</p>
<p>We demonstrate love through compassionate service, supportive
relationships, and inclusive community practices.</p>
</div>
</div>
</div>
@@ -309,15 +338,17 @@
<!-- 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">
What is the importance of spiritual growth?
</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>We demonstrate love through compassionate service, supportive relationships, and inclusive community practices.</p>
<p>We demonstrate love through compassionate service, supportive
relationships, and inclusive community practices.</p>
</div>
</div>
</div>
@@ -326,15 +357,17 @@
<!-- 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">
How do these values shape church activities?
</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>We demonstrate love through compassionate service, supportive relationships, and inclusive community practices.</p>
<p>We demonstrate love through compassionate service, supportive
relationships, and inclusive community practices.</p>
</div>
</div>
</div>
@@ -366,30 +399,32 @@
<div class="campaign-single-sidebar">
<div class="campaign-sidebar-title">
<h3 class="wow fadeInUp"><span>give</span> today</h3>
<p class="wow fadeInUp" data-wow-delay="0.25s">Every time you give to find Faith Church, you're helping fulfill the mission.</p>
<p class="wow fadeInUp" data-wow-delay="0.25s">Every time you give to find Faith Church,
you're helping fulfill the mission.</p>
</div>
<div class="campaign-donate-form">
<form id="donateForm" action="#" method="POST">
<div class="campaign-donate-value">
<div class="form-group mb-4">
<input type="text" name="text" class="form-control" id="text" placeholder="donate now ..." required>
<input type="text" name="text" class="form-control" id="text"
placeholder="donate now ..." required>
<div class="help-block with-errors"></div>
</div>
<fieldset class="donate-value-box">
<div class="donate-value">
<input type="radio" id="value1" name="value" value="value1" checked>
<label for="value1">$ 100.00</label>
<input type="radio" id="value1" name="value" value="value1" checked>
<label for="value1">$ 100.00</label>
</div>
<div class="donate-value">
<input type="radio" id="value2" name="value" value="value2">
<label for="value2">$ 200.00</label>
<input type="radio" id="value2" name="value" value="value2">
<label for="value2">$ 200.00</label>
</div>
<div class="donate-value">
<input type="radio" id="value3" name="value" value="value3">
<label for="value3">$ 300.00</label>
<input type="radio" id="value3" name="value" value="value3">
<label for="value3">$ 300.00</label>
</div>
<div class="donate-value">
@@ -428,15 +463,18 @@
<div class="donar-personal-info">
<div class="row">
<div class="form-group col-6 mb-3">
<input type="text" name="name" class="form-control" id="fname" placeholder="First Name" required>
<input type="text" name="name" class="form-control" id="fname"
placeholder="First Name" required>
</div>
<div class="form-group col-6 mb-3">
<input type="text" name="name" class="form-control" id="lname" placeholder="Last Name" required>
<input type="text" name="name" class="form-control" id="lname"
placeholder="Last Name" required>
</div>
<div class="form-group mb-3">
<input type="email" name ="email" class="form-control" id="email" placeholder="Email Address" required>
<input type="email" name="email" class="form-control" id="email"
placeholder="Email Address" required>
</div>
<div class="donar-personal-form-account">
@@ -479,7 +517,8 @@
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p>Lorem Ipsum is simply dummy text of printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
<p>Lorem Ipsum is simply dummy text of printing and typesetting industry. Lorem Ipsum has
been the industry's.</p>
</div>
<!-- Footer Social Links Start -->
<div class="footer-social-links">
@@ -597,7 +636,7 @@
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
@@ -634,4 +673,5 @@
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
</html>

View File

@@ -1,144 +1,145 @@
<!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="Awaiken">
<!-- Page Title -->
<title>Avenix - Church HTML Template</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Keshav Anand">
<!-- Page Title -->
<title>TSCB - Contact Us</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.png" alt="Logo" style="width: 60px; height: auto;">
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
<ul class="sub-menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home - Image</a></li>
<li class="nav-item"><a class="nav-link" href="index-video.html">Home - Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home - Slider</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 submenu"><a class="nav-link" href="#">Dallas Regionals</a>
<ul>
<li class="nav-item"><a class="nav-link" href="dallas.html">Dallas
Regionals</a></li>
<li class="nav-item"><a class="nav-link" href="dallas-teams.html">Dallas
Teams</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li>
<li class="nav-item"><a class="nav-link" href="service.html">Services</a></li>
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
<li class="nav-item submenu"><a class="nav-link" href="#">Austin Regionals</a>
<ul>
<li class="nav-item"><a class="nav-link" href="service-single.html">Service Details</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">Blog Details</a></li>
<li class="nav-item"><a class="nav-link" href="sermons.html">Sermons</a></li>
<li class="nav-item"><a class="nav-link" href="sermons-single.html">Sermons Details</a></li>
<li class="nav-item"><a class="nav-link" href="campaign.html">Campaigns</a></li>
<li class="nav-item"><a class="nav-link" href="campaign-single.html">Campaign Details</a></li>
<li class="nav-item"><a class="nav-link" href="ministries.html">Ministries</a></li>
<li class="nav-item"><a class="nav-link" href="ministry-single.html">Ministries Details</a></li>
<li class="nav-item"><a class="nav-link" href="pastor.html">pastor</a></li>
<li class="nav-item"><a class="nav-link" href="gallery.html">Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="404.html">404</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-teams.html">Austin
Teams</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
<li class="nav-item highlighted-menu"><a class="nav-link" href="#">donate now</a></li>
<li class="nav-item highlighted-menu"><a class="nav-link" href="partners.html">Our
Partners</a></li>
</ul>
</div>
<!-- Lets Start Button Start -->
<!-- Let's Start Button Start -->
<div class="header-btn d-inline-flex">
<a href="#" class="btn-default">donate now</a>
<a href="partners.html" class="btn-default">Our Partners</a>
</div>
<!-- Lets Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Let's Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">Contact 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">contact us</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">Contact Us</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">home</a></li>
<li class="breadcrumb-item active" aria-current="page">contact us</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Contact Us Start -->
<div class="page-contact-us">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="col-lg-12">
<!-- Contact Information Start -->
<div class="contact-information">
<!-- Contact Information Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">contact us</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Reach Out to Our <span>Church Support</span></h2>
<p class="wow fadeInUp" data-wow-delay="0.25s">Contact us for support, information, or to get involved. We're here to help and welcome you to our community.</p>
<h3 class="wow fadeInUp">Reach Out</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Reach Out to Our <span>Student-Led
Board</span></h2>
<p class="wow fadeInUp" data-wow-delay="0.25s">Whether you're a student, parent, or school
administrator, we're here to help. Reach out to our student-led board with any questions
about joining a team, starting a new program, or getting involved with TSCB.</p>
</div>
<!-- Contact Information Title End -->
@@ -155,7 +156,7 @@
<!-- Contact Info Content Start -->
<div class="contact-info-content">
<p>give us a call</p>
<h3>(+01) 789 859 654</h3>
<h3>(+1) (945) 900-1148</h3>
</div>
<!-- Contact Info Content End -->
</div>
@@ -172,95 +173,80 @@
<!-- Contact Info Content Start -->
<div class="contact-info-content">
<p>Send us a message</p>
<h3>info@domain.com</h3>
<h3>texasscholasticcricketboard@gmail.com</h3>
</div>
<!-- Contact Info Content End -->
</div>
<!-- Contact Info Item End -->
<!-- Contact Info Item Start -->
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-location.svg" alt="">
</div>
<!-- Icon Box End -->
<!-- Contact Info Content Start -->
<div class="contact-info-content">
<p>Visit our location</p>
<h3>786 Maple Avenue Smalltown, USA 67890</h3>
</div>
<!-- Contact Info Content End -->
</div>
<!-- Contact Info Item End -->
</div>
<!-- Contact Information List End -->
</div>
<!-- Contact Information End -->
</div>
<div class="col-lg-6">
<!-- Contact Form Start -->
<div class="contact-us-form wow fadeInUp" data-wow-delay="0.25s">
<form id="contactForm" action="#" method="POST" data-toggle="validator" class="wow fadeInUp" data-wow-delay="0.5s">
<div class="row">
<div class="form-group col-md-6 mb-4">
<input type="text" name="name" class="form-control" id="fname" placeholder="First Name" required>
<div class="help-block with-errors"></div>
</div>
<script>
async function submitForm() {
const fname = document.getElementById('fname').value.trim();
const lname = document.getElementById('lname').value.trim();
const email = document.getElementById('email').value.trim();
const phone = document.getElementById('phone').value.trim();
const message = document.getElementById('msg').value.trim();
const btn = document.getElementById('submitBtn');
const errorEl = document.getElementById('errorMsg');
<div class="form-group col-md-6 mb-4">
<input type="text" name="name" class="form-control" id="lname" placeholder="Last Name" required>
<div class="help-block with-errors"></div>
</div>
// Basic validation
if (!fname || !lname || !email || !phone || !message) {
errorEl.textContent = 'Please fill in all fields.';
errorEl.style.display = 'block';
return;
}
<div class="form-group col-md-6 mb-4">
<input type="email" name ="email" class="form-control" id="email" placeholder="Email Address" required>
<div class="help-block with-errors"></div>
</div>
// Button loading state
btn.textContent = 'Sending...';
btn.disabled = true;
errorEl.style.display = 'none';
<div class="form-group col-md-6 mb-4">
<input type="text" name="phone" class="form-control" id="phone" placeholder="Phone No" required>
<div class="help-block with-errors"></div>
</div>
try {
const response = await fetch('https://api.web3forms.com/submit', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
access_key: '6c4376f3-1658-48cc-bec1-5bbf3df39b1a',
subject: 'New Contact Inquiry - TSCB Website',
name: `${fname} ${lname}`,
email: email,
phone: phone,
message: message,
})
});
<div class="form-group col-md-12 mb-4">
<textarea name="msg" class="form-control" id="msg" rows="5" placeholder="Message" required></textarea>
<div class="help-block with-errors"></div>
</div>
const data = await response.json();
<div class="col-lg-12">
<div class="contact-form-btn">
<button type="submit" class="btn-default">submit message</button>
<div id="msgSubmit" class="h3 hidden"></div>
</div>
</div>
</div>
</form>
</div>
<!-- Contact Form End -->
</div>
if (data.success) {
// Hide form, show success
document.getElementById('contactFormFields').style.display = 'none';
document.getElementById('successMsg').style.display = 'block';
} else {
throw new Error(data.message || 'Submission failed');
}
} catch (err) {
btn.textContent = 'submit message';
btn.disabled = false;
errorEl.textContent = 'Something went wrong. Please try again or email us directly.';
errorEl.style.display = 'block';
}
}
</script>
<!-- Contact Form End -->
</div>
</div>
</div>
</div>
<!-- Page Contact Us End -->
<!-- Google Map Start -->
<div class="google-map">
<div class="container-fluid">
<div class="row no-gutter">
<div class="col-lg-12">
<!-- Google Map Iframe Start -->
<div class="google-map-iframe">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d96737.10562045308!2d-74.08535042841811!3d40.739265258395164!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sin!4v1703158537552!5m2!1sen!2sin" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<!-- Google Map Iframe End -->
</div>
</div>
</div>
</div>
<!-- Google Map End -->
<!-- Footer Start -->
<footer class="main-footer">
@@ -271,21 +257,42 @@
<div class="about-footer">
<!-- Footer Logo Start -->
<div class="footer-logo">
<img src="images/footer-logo.svg" alt="">
<img src="images/logo.png" alt="Footer Logo" style="width: 100px; height: auto;">
</div>
<!-- Footer Logo End -->
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p>Lorem Ipsum is simply dummy text of printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
<p id="age-text">Loading...</p>
<script>
const foundingDate = new Date("2025-12-29");
const now = new Date();
const months = (now.getFullYear() - foundingDate.getFullYear()) * 12
+ (now.getMonth() - foundingDate.getMonth());
const years = Math.floor(months / 12);
const remainingMonths = months % 12;
let duration = "";
if (years > 0) duration += `${years} year${years > 1 ? "s" : ""}`;
if (years > 0 && remainingMonths > 0) duration += " and ";
if (remainingMonths > 0) duration += `${remainingMonths} month${remainingMonths > 1 ? "s" : ""}`;
if (months === 0) duration = "less than a month";
document.getElementById("age-text").textContent =
`TSCB has been proudly serving its community for ${duration}`;
</script>
</div>
<!-- Footer Social Links Start -->
<div class="footer-social-links">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></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 -->
@@ -299,11 +306,10 @@
<div class="footer-links">
<h3>quick links</h3>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</a></li>
<li><a href="/">home</a></li>
<li><a href="/about.html">about</a></li>
<li><a href="/sponsors.html">sponsors</a></li>
<li><a href="/contact.html">contact</a></li>
</ul>
</div>
<!-- About Links End -->
@@ -312,13 +318,11 @@
<div class="col-lg-3 col-md-4 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>our services</h3>
<h3>our cricket</h3>
<ul>
<li><a href="#">support groups</a></li>
<li><a href="#">special events</a></li>
<li><a href="#">online services</a></li>
<li><a href="#">pastoral care</a></li>
<li><a href="#">sunday worship</a></li>
<li><a href="/dallas.html">dallas regionals</a></li>
<li><a href="/austin.html">austin regionals</a></li>
<li><a href="https://cricclubs.com/TexasScholasticCricketBoard">cricclubs league</a></li>
</ul>
</div>
<!-- About Links End -->
@@ -336,7 +340,7 @@
<img src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+0) 789 345 012</p>
<p>(+1) (945) 900-1148</p>
</div>
</div>
<!-- Footer Info Box End -->
@@ -347,21 +351,12 @@
<img src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>domain@gmail.com</p>
<p>texasscholasticcricketboard@gmail.com</p>
</div>
</div>
<!-- Footer Info Box End -->
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-location.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>24/11 Robert Road,New York,USA</p>
</div>
</div>
<!-- Footer Info Box End -->
</div>
<!-- Footer Contact Details End -->
</div>
@@ -375,7 +370,7 @@
<div class="col-lg-6 col-md-6">
<!-- Footer Copyright Start -->
<div class="footer-copyright-text">
<p>Copyright 2024 Avenix. All Rights Reserved.</p>
<p>Copyright 2026 Texas Scholastic Cricket Board. All Rights Reserved.</p>
</div>
<!-- Footer Copyright End -->
</div>
@@ -384,9 +379,8 @@
<!-- Footer Social Link Start -->
<div class="footer-privacy-policy">
<ul>
<li><a href="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy policy</a></li>
<li><a href="#">terms & conditions</a></li>
<li><a href="#">liability policy</a></li>
</ul>
</div>
<!-- Footer Social Link End -->
@@ -395,7 +389,7 @@
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
@@ -432,4 +426,5 @@
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
</html>

View File

@@ -50,12 +50,12 @@
:root{
--primary-color : #000000;
--secondary-color : #FFF4F1;
--secondary-color : #ce9c5b;
--text-color : #525252;
--accent-color : #fe5d35;
--white-color : #FFFFFF;
--accent-color : #d92800;
--white-color : #f3dbbb;
--divider-color : #FFFFFF26;
--dark-divider-color : #E9E9E9;
--dark-divider-color : #e9e9e9;
--error-color : rgb(230, 87, 87);
--default-font : "Fira Sans Condensed", sans-serif;
}

563
dallas.html Normal file
View File

@@ -0,0 +1,563 @@
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Keshav Anand">
<!-- Page Title -->
<title>Dallas Teams | TSCB</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.png" alt="Logo" style="width: 60px; height: auto;">
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li>
<li class="nav-item submenu"><a class="nav-link" href="#">Dallas Regionals</a>
<ul>
<li class="nav-item"><a class="nav-link" href="dallas.html">Dallas Regionals</a></li>
<li class="nav-item"><a class="nav-link" href="dallas-teams.html">Dallas Teams</a></li>
</ul>
</li>
<li class="nav-item submenu"><a class="nav-link" href="#">Austin Regionals</a>
<ul>
<li class="nav-item"><a class="nav-link" href="austin.html">Austin Regionals</a></li>
<li class="nav-item"><a class="nav-link" href="austin-teams.html">Austin Teams</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
<li class="nav-item highlighted-menu"><a class="nav-link" href="partners.html">Our
Partners</a></li>
</ul>
</div>
<!-- Let's Start Button Start -->
<div class="header-btn d-inline-flex">
<a href="partners.html" class="btn-default">Our Partners</a>
</div>
<!-- Let's Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque"><span>Dallas Teams</span></h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item"><a href="#">dallas regionals</a></li>
<li class="breadcrumb-item active" aria-current="page">dallas teams</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- League Overview Section Start -->
<div class="about-us page-about-us">
<div class="container">
<div class="row align-items-center">
<!-- Text Column -->
<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>
</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>
<p>All matches are organized through CricClubs, where you can track live scores, standings, and full match statistics.</p>
</div>
</div>
<!-- Buttons Column -->
<div class="col-lg-4 offset-lg-1 wow fadeInRight" data-wow-delay="0.2s">
<div class="league-links d-flex flex-column gap-3 mt-4 mt-lg-0">
<a href="https://cricclubs.com/TexasScholasticCricketBoard/points-table?leagueId=hKGWBeaND6UfZE7_FQSDeQ"
class="btn-default w-100 text-center" target="_blank">
<i class="fa-solid fa-table-list me-2"></i> Points Table
</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
</a>
<a href="https://cricclubs.com/TexasScholasticCricketBoard"
class="btn-default w-100 text-center" target="_blank">
<i class="fa-solid fa-arrow-up-right-from-square me-2"></i> League Home Page
</a>
</div>
</div>
</div>
</div>
</div>
<!-- League Overview Section End -->
<!-- Our Teams Section Start -->
<div class="our-teams">
<div class="container">
<div class="row align-items-center section-row">
<div class="col-lg-12">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">our teams</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Meet Our Dedicated <span>Teams</span></h2>
</div>
<!-- Section Title End -->
</div>
</div>
<!-- Team Grid Start -->
<div class="row">
<!-- Team 1: Plano East Panthers -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/pesh.jpeg" alt="Plano East Panthers">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Plano East Panthers</h3>
<p>South Dallas</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<!-- Team 2: Frisco Lone Star -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/ranchview.jpg" alt="Ranchview Wolves">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Ranchview Wolves</h3>
<p>South Dallas</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<!-- Team 3: Prosper Predators -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/friscofury.webp" alt="Frisco Fury">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Frisco Fury</h3>
<p>South Dallas</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<!-- Team 4: Irving High Chargers -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/heritage.webp" alt="Heritage Coyotes">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Heritage Coyotes</h3>
<p>Central Dallas</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<!-- Team 5: Plano West Warriors -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/lebanon.jpeg" alt="Lebanon Trail Challengers">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Lebanon Trail Challengers</h3>
<p>Central Dallas</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<!-- Team 6: Frisco Titans -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/liberty.jpeg" alt="Frisco Titans">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Liberty Redhawks</h3>
<p>Central Dallas</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<!-- Team 7: Prosper Patriots -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/prosper.webp" alt="Prosper Eagles">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Prosper Eagles</h3>
<p>North Dallas</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<!-- Team 8: Irving Lions -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/rockhill.jpeg" alt="Rock Hill Bluehawks">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Rock Hill Bluehawks</h3>
<p>North Dallas</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<!-- Team 9: Plano Hawks -->
<div class="col-lg-4 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.6s">
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/walnut.webp" alt="Walnut Grove Wildcats">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Walnut Grove Wildcats</h3>
<p>North Dallas</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
</div>
<!-- Team Grid End -->
</div>
</div>
<!-- Our Teams Section End -->
<!-- Footer Start -->
<footer class="main-footer">
<div class="container">
<div class="row">
<div class="col-lg-4">
<!-- About Footer Start -->
<div class="about-footer">
<!-- Footer Logo Start -->
<div class="footer-logo">
<img src="images/logo.png" alt="Footer Logo" style="width: 100px; height: auto;">
</div>
<!-- Footer Logo End -->
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p id="age-text">Loading...</p>
<script>
const foundingDate = new Date("2025-12-29");
const now = new Date();
const months = (now.getFullYear() - foundingDate.getFullYear()) * 12
+ (now.getMonth() - foundingDate.getMonth());
const years = Math.floor(months / 12);
const remainingMonths = months % 12;
let duration = "";
if (years > 0) duration += `${years} year${years > 1 ? "s" : ""}`;
if (years > 0 && remainingMonths > 0) duration += " and ";
if (remainingMonths > 0) duration += `${remainingMonths} month${remainingMonths > 1 ? "s" : ""}`;
if (months === 0) duration = "less than a month";
document.getElementById("age-text").textContent =
`TSCB has been proudly serving its community for ${duration}`;
</script>
</div>
<!-- Footer Social Links Start -->
<div class="footer-social-links">
<ul>
<li><a href="https://www.instagram.com/texasscholasticcricketboard/"><i
class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCdFfqkVWDJyFlFEEKfq27wg"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
</div>
<!-- Footer Social Links End -->
</div>
<!-- About Footer End -->
</div>
<div class="col-lg-2 col-md-3 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>quick links</h3>
<ul>
<li><a href="/">home</a></li>
<li><a href="/about.html">about</a></li>
<li><a href="/sponsors.html">sponsors</a></li>
<li><a href="/contact.html">contact</a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-4 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>our cricket</h3>
<ul>
<li><a href="/dallas.html">dallas regionals</a></li>
<li><a href="/austin.html">austin regionals</a></li>
<li><a href="https://cricclubs.com/TexasScholasticCricketBoard">cricclubs league</a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-5">
<!-- About Links Start -->
<div class="footer-contact">
<h3>contact</h3>
<!-- Footer Contact Details Start -->
<div class="footer-contact-details">
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
</div>
</div>
<!-- Footer Info Box End -->
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
</div>
</div>
<!-- Footer Info Box End -->
</div>
<!-- Footer Contact Details End -->
</div>
<!-- About Links End -->
</div>
</div>
<!-- Footer Copyright Section Start -->
<div class="footer-copyright">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<!-- Footer Copyright Start -->
<div class="footer-copyright-text">
<p>Copyright 2026 Texas Scholastic Cricket Board. All Rights Reserved.</p>
</div>
<!-- Footer Copyright End -->
</div>
<div class="col-lg-6 col-md-6">
<!-- Footer Social Link Start -->
<div class="footer-privacy-policy">
<ul>
<li><a href="#">terms & conditions</a></li>
<li><a href="#">liability policy</a></li>
</ul>
</div>
<!-- Footer Social Link End -->
</div>
</div>
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
</html>

View File

@@ -1,74 +0,0 @@
<?php
$errorMSG = "";
// FIRSTNAME
if (empty($_POST["fname"])) {
$errorMSG = "Full Name is required. ";
} else {
$fname = $_POST["fname"];
}
// LASTNAME
if (empty($_POST["lname"])) {
$errorMSG = "Full Name is required. ";
} else {
$lname = $_POST["lname"];
}
// EMAIL
if (empty($_POST["email"])) {
$errorMSG .= "Email is required. ";
} else {
$email = $_POST["email"];
}
// PHONE
if (empty($_POST["phone"])) {
$errorMSG .= "Phone is required. ";
} else {
$phone = $_POST["phone"];
}
// MESSAGE
if (empty($_POST["message"])) {
$errorMSG .= "Message is required. ";
} else {
$message = $_POST["message"];
}
$subject = 'Contact Inquiry from Physiocare Website';
//$EmailTo = "info@yourdomain.com"; // Replace with your email.
$EmailTo = "awaikentechnology@gmail.com";
// prepare email body text
$Body = "";
$Body .= "Name: ";
$Body .= $fname." ".$lname;
$Body .= "\n";
$Body .= "Email: ";
$Body .= $email;
$Body .= "\n";
$Body .= "Phone: ";
$Body .= $phone;
$Body .= "\n";
$Body .= "Message: ";
$Body .= $message;
$Body .= "\n";
// send email
$success = @mail($EmailTo, $subject, $Body, "From:".$email);
// redirect to success page
if ($success && $errorMSG == ""){
echo "success";
}else{
if($errorMSG == ""){
echo "Something went wrong :(";
} else {
echo $errorMSG;
}
}
?>

BIN
images/abhiram.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 190 KiB

BIN
images/about.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 MiB

BIN
images/austin.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

BIN
images/cricket.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 702 KiB

BIN
images/dallas.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
images/friscofury.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 347 KiB

BIN
images/heritage.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 75 KiB

BIN
images/hit-fantasy.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 132 KiB

BIN
images/lebanon.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

BIN
images/liberty.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

BIN
images/match.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 697 KiB

BIN
images/ncca.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

BIN
images/ncca.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 210 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 672 KiB

BIN
images/pesh.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

BIN
images/prosper.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

BIN
images/ranchview.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
images/rockhill.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

BIN
images/saim-sign.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

BIN
images/saim.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 303 KiB

BIN
images/saim.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
images/signature.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

BIN
images/srisports.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 203 KiB

BIN
images/walnut.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

File diff suppressed because it is too large Load Diff

346
league-status.html Normal file
View File

@@ -0,0 +1,346 @@
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Keshav Anand">
<!-- Page Title -->
<title>League Status | TSCB</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.png" alt="Logo" style="width: 60px; height: auto;">
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li>
<li class="nav-item submenu"><a class="nav-link" href="#">Dallas Regionals</a>
<ul>
<li class="nav-item"><a class="nav-link" href="dallas.html">Dallas Regionals</a></li>
<li class="nav-item"><a class="nav-link" href="dallas-teams.html">Dallas Teams</a></li>
</ul>
</li>
<li class="nav-item submenu"><a class="nav-link" href="#">Austin Regionals</a>
<ul>
<li class="nav-item"><a class="nav-link" href="austin.html">Austin Regionals</a></li>
<li class="nav-item"><a class="nav-link" href="austin-teams.html">Austin Teams</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
<li class="nav-item highlighted-menu"><a class="nav-link" href="partners.html">Our
Partners</a></li>
</ul>
</div>
<!-- Let's Start Button Start -->
<div class="header-btn d-inline-flex">
<a href="partners.html" class="btn-default">Our Partners</a>
</div>
<!-- Let's Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">League <span>Status</span></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">league status</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Main Content Section Start -->
<div class="league-status-section">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<!-- Section Title Start -->
<div class="section-title text-center">
<h3 class="wow fadeInUp">league status</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Live Rankings &amp; Match Results</h2>
</div>
<!-- Section Title End -->
<!-- Coming Soon Message Start -->
<div class="coming-soon-message wow fadeInUp" data-wow-delay="0.25s">
<p class="main-message">Coming Soon - Live league statistics and rankings</p>
<p class="description">We're working on bringing you real-time standings, match results, and player statistics. This page will be updated regularly throughout the season.</p>
</div>
<!-- Coming Soon Message End -->
<!-- Table Structure Start -->
<div class="league-table-container wow fadeInUp" data-wow-delay="0.5s">
<table class="league-table">
<thead>
<tr>
<th>Team</th>
<th>Matches</th>
<th>Won</th>
<th>Lost</th>
<th>Points</th>
<th>NRR</th>
</tr>
</thead>
<tbody>
<!-- Data will be populated dynamically -->
</tbody>
</table>
</div>
<!-- Table Structure End -->
</div>
</div>
</div>
</div>
<!-- Main Content Section End -->
<!-- Footer Start -->
<footer class="main-footer">
<div class="container">
<div class="row">
<div class="col-lg-4">
<!-- About Footer Start -->
<div class="about-footer">
<!-- Footer Logo Start -->
<div class="footer-logo">
<img src="images/logo.png" alt="Footer Logo" style="width: 100px; height: auto;">
</div>
<!-- Footer Logo End -->
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p id="age-text">Loading...</p>
<script>
const foundingDate = new Date("2025-12-29");
const now = new Date();
const months = (now.getFullYear() - foundingDate.getFullYear()) * 12
+ (now.getMonth() - foundingDate.getMonth());
const years = Math.floor(months / 12);
const remainingMonths = months % 12;
let duration = "";
if (years > 0) duration += `${years} year${years > 1 ? "s" : ""}`;
if (years > 0 && remainingMonths > 0) duration += " and ";
if (remainingMonths > 0) duration += `${remainingMonths} month${remainingMonths > 1 ? "s" : ""}`;
if (months === 0) duration = "less than a month";
document.getElementById("age-text").textContent =
`TSCB has been proudly serving its community for ${duration}`;
</script>
</div>
<!-- Footer Social Links Start -->
<div class="footer-social-links">
<ul>
<li><a href="https://www.instagram.com/texasscholasticcricketboard/"><i
class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCdFfqkVWDJyFlFEEKfq27wg"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
</div>
<!-- Footer Social Links End -->
</div>
<!-- About Footer End -->
</div>
<div class="col-lg-2 col-md-3 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>quick links</h3>
<ul>
<li><a href="/">home</a></li>
<li><a href="/about.html">about</a></li>
<li><a href="/sponsors.html">sponsors</a></li>
<li><a href="/contact.html">contact</a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-4 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>our cricket</h3>
<ul>
<li><a href="/dallas.html">dallas regionals</a></li>
<li><a href="/austin.html">austin regionals</a></li>
<li><a href="https://cricclubs.com/TexasScholasticCricketBoard">cricclubs league</a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-5">
<!-- About Links Start -->
<div class="footer-contact">
<h3>contact</h3>
<!-- Footer Contact Details Start -->
<div class="footer-contact-details">
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
</div>
</div>
<!-- Footer Info Box End -->
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
</div>
</div>
<!-- Footer Info Box End -->
</div>
<!-- Footer Contact Details End -->
</div>
<!-- About Links End -->
</div>
</div>
<!-- Footer Copyright Section Start -->
<div class="footer-copyright">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<!-- Footer Copyright Start -->
<div class="footer-copyright-text">
<p>Copyright 2026 Texas Scholastic Cricket Board. All Rights Reserved.</p>
</div>
<!-- Footer Copyright End -->
</div>
<div class="col-lg-6 col-md-6">
<!-- Footer Social Link Start -->
<div class="footer-privacy-policy">
<ul>
<li><a href="#">terms & conditions</a></li>
<li><a href="#">liability policy</a></li>
</ul>
</div>
<!-- Footer Social Link End -->
</div>
</div>
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
</html>