430 lines
20 KiB
HTML
430 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zxx">
|
|
|
|
<head>
|
|
<!-- Meta -->
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="">
|
|
<meta name="keywords" content="">
|
|
<meta name="author" content="Keshav Anand">
|
|
<!-- 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">
|
|
<!-- 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">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-12">
|
|
<!-- Contact Information Start -->
|
|
<div class="contact-information">
|
|
<!-- Contact Information Title Start -->
|
|
<div class="section-title">
|
|
<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 -->
|
|
|
|
<!-- Contact Information List Start -->
|
|
<div class="contact-info-list">
|
|
<!-- Contact Info Item Start -->
|
|
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.25s">
|
|
<!-- Icon Box Start -->
|
|
<div class="icon-box">
|
|
<img src="images/icon-phone.svg" alt="">
|
|
</div>
|
|
<!-- Icon Box End -->
|
|
|
|
<!-- Contact Info Content Start -->
|
|
<div class="contact-info-content">
|
|
<p>give us a call</p>
|
|
<h3>(+1) (945) 900-1148</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.5s">
|
|
<!-- Icon Box Start -->
|
|
<div class="icon-box">
|
|
<img src="images/icon-mail.svg" alt="">
|
|
</div>
|
|
<!-- Icon Box End -->
|
|
|
|
<!-- Contact Info Content Start -->
|
|
<div class="contact-info-content">
|
|
<p>Send us a message</p>
|
|
<h3>texasscholasticcricketboard@gmail.com</h3>
|
|
</div>
|
|
<!-- Contact Info Content End -->
|
|
</div>
|
|
<!-- Contact Info Item End -->
|
|
|
|
|
|
</div>
|
|
<!-- Contact Information List End -->
|
|
</div>
|
|
<!-- Contact Information End -->
|
|
</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');
|
|
|
|
// Basic validation
|
|
if (!fname || !lname || !email || !phone || !message) {
|
|
errorEl.textContent = 'Please fill in all fields.';
|
|
errorEl.style.display = 'block';
|
|
return;
|
|
}
|
|
|
|
// Button loading state
|
|
btn.textContent = 'Sending...';
|
|
btn.disabled = true;
|
|
errorEl.style.display = 'none';
|
|
|
|
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,
|
|
})
|
|
});
|
|
|
|
const data = await response.json();
|
|
|
|
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 -->
|
|
|
|
|
|
<!-- 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> |