4 Commits

Author SHA1 Message Date
9a9fbbe9ea cleanup html 2026-03-16 23:55:15 -05:00
152acd5854 fixed header, footer, austin and dallas all good 2026-03-16 23:54:04 -05:00
fbe791e07f fixes 2026-03-16 23:34:07 -05:00
Keshav Anand
d5fe9ad5c4 AI and contact fixed 2026-03-14 15:07:36 -05:00
42 changed files with 959 additions and 12095 deletions

View File

@@ -8,9 +8,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=""> <meta name="description" content="">
<meta name="keywords" content=""> <meta name="keywords" content="">
<meta name="author" content="Awaiken"> <meta name="author" content="Keshav Anand">
<!-- Page Title --> <!-- Page Title -->
<title>Avenix - Church HTML Template</title> <title>Error</title>
<!-- Favicon Icon --> <!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png"> <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<!-- Google Fonts Css--> <!-- Google Fonts Css-->
@@ -57,7 +57,7 @@
<div class="container"> <div class="container">
<!-- Logo Start --> <!-- Logo Start -->
<a class="navbar-brand" href="./"> <a class="navbar-brand" href="./">
<img src="images/logo.svg" alt="Logo"> <img src="images/logo.png" alt="Logo" style="width: 60px; height: auto;">
</a> </a>
<!-- Logo End --> <!-- Logo End -->
@@ -65,46 +65,22 @@
<div class="collapse navbar-collapse main-menu"> <div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper"> <div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu"> <ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a> <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<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>
</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="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"><a class="nav-link" href="dallas.html">Dallas Regionals</a></li>
<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="austin.html">Austin Regionals</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>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li> <li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
<li class="nav-item highlighted-menu"><a class="nav-link" href="#">donate now</a></li> <li class="nav-item highlighted-menu"><a class="nav-link" href="sponsors.html">Our
Partners</a></li>
</ul> </ul>
</div> </div>
<!-- Lets Start Button Start --> <!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex"> <div class="header-btn d-inline-flex">
<a href="#" class="btn-default">donate now</a> <a href="sponsors.html" class="btn-default">Our Partners</a>
</div> </div>
<!-- Lets Start Button End --> <!-- Lets Start Button End -->
</div> </div>
@@ -117,6 +93,7 @@
</header> </header>
<!-- Header End --> <!-- Header End -->
<!-- Page Header Start --> <!-- Page Header Start -->
<div class="page-header"> <div class="page-header">
<div class="container"> <div class="container">
@@ -232,7 +209,8 @@
<ul> <ul>
<li><a href="/dallas.html">dallas regionals</a></li> <li><a href="/dallas.html">dallas regionals</a></li>
<li><a href="/austin.html">austin regionals</a></li> <li><a href="/austin.html">austin regionals</a></li>
<li><a href="https://cricclubs.com/TexasScholasticCricketBoard">cricclubs league</a></li> <li><a href="https://cricclubs.com/TexasScholasticCricketBoard">dallas cricclubs league</a></li>
<li><a href="https://cricclubs.com/USHSC/series-list/QKoRw7aJTppHXMxmRSTXmg?seriesName=USAHSC%25202026">austin cricclubs league</a></li>
</ul> </ul>
</div> </div>
<!-- About Links End --> <!-- About Links End -->
@@ -302,6 +280,7 @@
</footer> </footer>
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file --> <!-- Bootstrap js file -->

View File

@@ -67,30 +67,20 @@
<ul class="navbar-nav mr-auto" id="menu"> <ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li> <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li> <li class="nav-item"><a class="nav-link" href="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.html">Dallas Regionals</a>
</li>
<li class="nav-item"><a class="nav-link" href="dallas-teams.html">Dallas <li class="nav-item"><a class="nav-link" href="austin.html">Austin Regionals</a></li>
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"><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 <li class="nav-item highlighted-menu"><a class="nav-link" href="sponsors.html">Our
Partners</a></li> Partners</a></li>
</ul> </ul>
</div> </div>
<!-- Lets Start Button Start --> <!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex"> <div class="header-btn d-inline-flex">
<a href="partners.html" class="btn-default">Our Partners</a> <a href="sponsors.html" class="btn-default">Our Partners</a>
</div> </div>
<!-- Lets Start Button End --> <!-- Lets Start Button End -->
</div> </div>
@@ -140,7 +130,7 @@
<div class="about-img-2"> <div class="about-img-2">
<figure class="image-anime reveal"> <figure class="image-anime reveal">
<img src="images/match.png" alt="" style="width: 348px; height: 454px;"> <img src="images/match.png" alt="" style="width: 348px; height: auto;">
</figure> </figure>
</div> </div>
</div> </div>
@@ -393,17 +383,15 @@
<!-- Our Team Start --> <!-- Our Team Start -->
<div class="our-counter"> <!-- <div class="our-counter">
<div class="container"> <div class="container">
<div class="row align-items-center section-row"> <div class="row align-items-center section-row">
<div class="col-lg-12"> <div class="col-lg-12">
<!-- Section Title Start -->
<div class="section-title"> <div class="section-title">
<p></p> <p></p>
<h3 class="wow fadeInUp">our team</h3> <h3 class="wow fadeInUp">our team</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Meet Our <span>Board</span></h2> <h2 class="text-anime-style-2" data-cursor="-opaque">Meet Our <span>Board</span></h2>
</div> </div>
<!-- Section Title End -->
</div> </div>
@@ -413,9 +401,9 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp"> <div class="team-member-item wow fadeInUp">
<!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-1.jpg" alt=""> <img src="images/team-1.jpg" alt="">
@@ -423,28 +411,28 @@
</div> </div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content"> <div class="team-content">
<h3>darlene robertson</h3> <h3>darlene robertson</h3>
<p>head of worship team</p> <p>head of worship team</p>
</div> </div>
<!-- Team Content End -->
</div> </div>
<!-- Team Member Item End -->
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-2.jpg" alt=""> <img src="images/team-2.jpg" alt="">
</figure> </figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon"> <div class="team-social-icon">
<ul> <ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a> <li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a>
@@ -457,30 +445,30 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- Team Social Icon End -->
</div>
<!-- Team Image End -->
<!-- Team Content Start --> </div>
<div class="team-content"> <div class="team-content">
<h3>sophia simmons</h3> <h3>sophia simmons</h3>
<p>pastor</p> <p>pastor</p>
</div> </div>
<!-- Team Content End -->
</div> </div>
<!-- Team Member Item End -->
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-3.jpg" alt=""> <img src="images/team-3.jpg" alt="">
</figure> </figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon"> <div class="team-social-icon">
<ul> <ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a> <li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a>
@@ -493,30 +481,30 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- Team Social Icon End -->
</div>
<!-- Team Image End -->
<!-- Team Content Start --> </div>
<div class="team-content"> <div class="team-content">
<h3>savannah nguyen</h3> <h3>savannah nguyen</h3>
<p>head of worship team</p> <p>head of worship team</p>
</div> </div>
<!-- Team Content End -->
</div> </div>
<!-- Team Member Item End -->
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
<!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-4.jpg" alt=""> <img src="images/team-4.jpg" alt="">
</figure> </figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon"> <div class="team-social-icon">
<ul> <ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a> <li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a>
@@ -529,30 +517,30 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- Team Social Icon End -->
</div>
<!-- Team Image End -->
<!-- Team Content Start --> </div>
<div class="team-content"> <div class="team-content">
<h3>charlotte wilson</h3> <h3>charlotte wilson</h3>
<p>head of worship team</p> <p>head of worship team</p>
</div> </div>
<!-- Team Content End -->
</div> </div>
<!-- Team Member Item End -->
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s"> <div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
<!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-5.jpg" alt=""> <img src="images/team-5.jpg" alt="">
</figure> </figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon"> <div class="team-social-icon">
<ul> <ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a> <li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a>
@@ -565,30 +553,22 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- Team Social Icon End -->
</div> </div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content"> <div class="team-content">
<h3>guy hawkins</h3> <h3>guy hawkins</h3>
<p>head of worship team</p> <p>head of worship team</p>
</div> </div>
<!-- Team Content End -->
</div> </div>
<!-- Team Member Item End -->
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1s">
<!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-6.jpg" alt=""> <img src="images/team-6.jpg" alt="">
</figure> </figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon"> <div class="team-social-icon">
<ul> <ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a> <li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a>
@@ -601,30 +581,22 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- Team Social Icon End -->
</div> </div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content"> <div class="team-content">
<h3>eleanor pena</h3> <h3>eleanor pena</h3>
<p>pastor</p> <p>pastor</p>
</div> </div>
<!-- Team Content End -->
</div> </div>
<!-- Team Member Item End -->
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
<!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-7.jpg" alt=""> <img src="images/team-7.jpg" alt="">
</figure> </figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon"> <div class="team-social-icon">
<ul> <ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a> <li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a>
@@ -637,30 +609,22 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- Team Social Icon End -->
</div> </div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content"> <div class="team-content">
<h3>robert fox</h3> <h3>robert fox</h3>
<p>head of worship team</p> <p>head of worship team</p>
</div> </div>
<!-- Team Content End -->
</div> </div>
<!-- Team Member Item End -->
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<!-- Team Member Item Start -->
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s"> <div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
<!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/team-8.jpg" alt=""> <img src="images/team-8.jpg" alt="">
</figure> </figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon"> <div class="team-social-icon">
<ul> <ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a> <li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a>
@@ -673,22 +637,17 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- Team Social Icon End -->
</div> </div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content"> <div class="team-content">
<h3>arlene mcCoy</h3> <h3>arlene mcCoy</h3>
<p>head of worship team</p> <p>head of worship team</p>
</div> </div>
<!-- Team Content End -->
</div> </div>
<!-- Team Member Item End -->
</div> </div>
</div> </div>
</div> </div>
</div> </div> -->
<!-- Page Team End --> <!-- Page Team End -->
<!-- Our Team End --> <!-- Our Team End -->
@@ -831,151 +790,150 @@
<!-- Footer Start -->
<!-- Footer Start --> <footer class="main-footer">
<footer class="main-footer"> <div class="container">
<div class="container"> <div class="row">
<div class="row"> <div class="col-lg-4">
<div class="col-lg-4"> <!-- About Footer Start -->
<!-- About Footer Start --> <div class="about-footer">
<div class="about-footer"> <!-- Footer Logo Start -->
<!-- Footer Logo Start --> <div class="footer-logo">
<div class="footer-logo"> <img src="images/logo.png" alt="Footer Logo" style="width: 100px; height: auto;">
<img src="images/logo.png" alt="Footer Logo" style="width: 100px; height: auto;">
</div>
<!-- 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> </div>
<!-- About Footer End --> <!-- Footer Logo End -->
</div>
<div class="col-lg-2 col-md-3 col-6"> <!-- About Footer Content Start -->
<!-- About Links Start --> <div class="about-footer-content">
<div class="footer-links"> <p id="age-text">Loading...</p>
<h3>quick links</h3>
<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> <ul>
<li><a href="/">home</a></li> <li><a href="https://www.instagram.com/texasscholasticcricketboard/"><i
<li><a href="/about.html">about</a></li> class="fa-brands fa-instagram"></i></a></li>
<li><a href="/sponsors.html">sponsors</a></li> <li><a href="https://www.youtube.com/channel/UCdFfqkVWDJyFlFEEKfq27wg"><i class="fa-brands fa-youtube"></i></a></li>
<li><a href="/contact.html">contact</a></li>
</ul> </ul>
</div> </div>
<!-- About Links End --> <!-- Footer Social 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>
<!-- About Footer End -->
</div> </div>
<!-- Footer Copyright Section Start --> <div class="col-lg-2 col-md-3 col-6">
<div class="footer-copyright"> <!-- About Links Start -->
<div class="row align-items-center"> <div class="footer-links">
<div class="col-lg-6 col-md-6"> <h3>quick links</h3>
<!-- Footer Copyright Start --> <ul>
<div class="footer-copyright-text"> <li><a href="/">home</a></li>
<p>Copyright 2026 Texas Scholastic Cricket Board. All Rights Reserved.</p> <li><a href="/about.html">about</a></li>
</div> <li><a href="/sponsors.html">sponsors</a></li>
<!-- Footer Copyright End --> <li><a href="/contact.html">contact</a></li>
</div> </ul>
<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>
<!-- 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">dallas cricclubs league</a></li>
<li><a href="https://cricclubs.com/USHSC/series-list/QKoRw7aJTppHXMxmRSTXmg?seriesName=USAHSC%25202026">austin cricclubs league</a></li>
</ul>
</div>
<!-- About Links End -->
</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 End -->
</div> </div>
</footer>
<!-- Footer End --> <!-- 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 --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script> <script src="js/jquery-3.7.1.min.js"></script>

View File

@@ -1,527 +0,0 @@
<!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>

View File

@@ -10,7 +10,7 @@
<meta name="keywords" content=""> <meta name="keywords" content="">
<meta name="author" content="Keshav Anand"> <meta name="author" content="Keshav Anand">
<!-- Page Title --> <!-- Page Title -->
<title>Austin Regionals | TSCB</title> <title>Austin League</title>
<!-- Favicon Icon --> <!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png"> <link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
<!-- Google Fonts Css--> <!-- Google Fonts Css-->
@@ -67,28 +67,22 @@
<ul class="navbar-nav mr-auto" id="menu"> <ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li> <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li> <li class="nav-item"><a class="nav-link" href="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.html">Dallas Regionals</a></li>
<li class="nav-item"><a class="nav-link" href="dallas-teams.html">Dallas Teams</a></li>
</ul> <li class="nav-item"><a class="nav-link" href="austin.html">Austin Regionals</a></li>
</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"><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 <li class="nav-item highlighted-menu"><a class="nav-link" href="sponsors.html">Our
Partners</a></li> Partners</a></li>
</ul> </ul>
</div> </div>
<!-- Let's Start Button Start --> <!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex"> <div class="header-btn d-inline-flex">
<a href="partners.html" class="btn-default">Our Partners</a> <a href="sponsors.html" class="btn-default">Our Partners</a>
</div> </div>
<!-- Let's Start Button End --> <!-- Lets Start Button End -->
</div> </div>
<!-- Main Menu End --> <!-- Main Menu End -->
<div class="navbar-toggle"></div> <div class="navbar-toggle"></div>
@@ -99,6 +93,7 @@
</header> </header>
<!-- Header End --> <!-- Header End -->
<!-- Page Header Start --> <!-- Page Header Start -->
<div class="page-header"> <div class="page-header">
<div class="container"> <div class="container">
@@ -106,11 +101,12 @@
<div class="col-lg-12"> <div class="col-lg-12">
<!-- Page Header Box Start --> <!-- Page Header Box Start -->
<div class="page-header-box"> <div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque"><span>Austin</span> Regionals</h1> <h1 class="text-anime-style-2" data-cursor="-opaque"><span>Austin Regionals</span></h1>
<nav class="wow fadeInUp"> <nav class="wow fadeInUp">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li> <li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item active" aria-current="page">austin regionals</li> <li class="breadcrumb-item"><a href="#">austin regionals</a></li>
</ol> </ol>
</nav> </nav>
</div> </div>
@@ -121,303 +117,265 @@
</div> </div>
<!-- Page Header End --> <!-- Page Header End -->
<!-- About Us Section Start --> <!-- League Overview Section Start -->
<div class="about-us page-about-us"> <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 Austin Regionals brings connects high school students from across the Austin region to compete at the highest level. Breaking the financial barrier to cricket, Austin regionals is the first intra-city high school league to be free of cost to players while being competitive at the highest level. Season One features nine schools divided across three geographic divisions — South, East, and North Austin — competing in a round-robin format to claim a spot in the State Championship.</p>
<p>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/USHSC/points-table?leagueId=g41t2-aF2KbqJyD7sSBu9w&year=2026&series=QKoRw7aJTppHXMxmRSTXmg&seriesName=USAHSC+2026"
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/USHSC/results?leagueId=g41t2-aF2KbqJyD7sSBu9w&year=2026&series=QKoRw7aJTppHXMxmRSTXmg&seriesName=USAHSC+2026"
class="btn-default w-100 text-center" target="_blank">
<i class="fa-solid fa-cricket-bat-ball me-2"></i> Our Lates Results
</a>
<a href="https://cricclubs.com/USHSC"
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="container">
<div class="row align-items-center"> <div class="row align-items-center section-row">
<div class="col-lg-6"> <div class="col-lg-12">
<!-- About Image Start -->
<div class="about-image">
<div class="about-img-1">
<figure class="image-anime reveal">
<img src="images/cricket.png" alt="">
</figure>
</div>
<div class="about-img-2">
<figure class="image-anime reveal">
<img src="images/match.png" alt="" style="width: 348px; height: 454px;">
</figure>
</div>
</div>
<!-- About Image End -->
</div>
<div class="col-lg-6">
<!-- About Content Start -->
<div class="about-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">austin regionals</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Connecting Austin-Area Schools Through <span>Cricket</span></h2>
<p class="wow fadeInUp" data-wow-delay="0.25s">Connecting schools in the Austin metroplex through competitive cricket matches. Our Austin Regionals brings together talented students from Leander, Round Rock, Cedar Park, and West Lake Hills to compete, connect, and grow the sport they love.</p>
<p class="wow fadeInUp" data-wow-delay="0.5s">The Austin cricket community is thriving with student-led teams that embrace competitive play while fostering camaraderie and sportsmanship. Through our regional framework, young cricketers develop their skills, build lasting friendships, and contribute to the growing cricket culture across the greater Austin area.</p>
</div>
<!-- Section Title End -->
<!-- About Content List Start -->
<div class="about-content-body">
<!-- About Content List Start -->
<div class="about-content-body">
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp">
<div class="icon-box">
<img src="images/icon-about-list-1.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Play Competitive Matches</h3>
</div>
</div>
<!-- About List Item End -->
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.25s">
<div class="icon-box">
<img src="images/icon-about-list-2.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Train the Next Generation</h3>
</div>
</div>
<!-- About List Item End -->
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.5s">
<div class="icon-box">
<img src="images/icon-about-list-3.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Connect Statewide Talent</h3>
</div>
</div>
<!-- About List Item End -->
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.75s">
<div class="icon-box">
<img src="images/icon-about-list-4.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Build the Cricket Community</h3>
</div>
</div>
<!-- About List Item End -->
</div>
<!-- About Content List End -->
</div>
<!-- About Content End -->
</div>
</div>
</div>
</div>
<!-- About Us Section End -->
<p></p>
<p> </p>
<p> </p>
<!-- Our Counter Section Start -->
<div class="our-counter">
<div class="container">
<div class="row counter-box">
<div class="col-lg-3 col-md-6">
<!-- Counter Item Start -->
<div class="counter-item">
<!-- Counter Title Start -->
<div class="counter-title">
<h2><span class="counter">9</span>+</h2>
</div>
<!-- Counter Title End -->
<!-- Counter Content Start -->
<div class="counter-content">
<h3>Austin Teams</h3>
<p>Our Austin Regionals encompasses 9 high school teams from the metroplex area.</p>
</div>
<!-- Counter Content End -->
</div>
<!-- Counter Item End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Counter Item Start -->
<div class="counter-item">
<!-- Counter Title Start -->
<div class="counter-title">
<h2><span class="counter">4</span></h2>
</div>
<!-- Counter Title End -->
<!-- Counter Content Start -->
<div class="counter-content">
<h3>Regions Covered</h3>
<p>Leander, Round Rock, Cedar Park, and West Lake Hills are all represented in our league.</p>
</div>
<!-- Counter Content End -->
</div>
<!-- Counter Item End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Counter Item Start -->
<div class="counter-item">
<!-- Counter Title Start -->
<div class="counter-title">
<h2><span class="counter">150</span>+</h2>
</div>
<!-- Counter Title End -->
<!-- Counter Content Start -->
<div class="counter-content">
<h3>Austin Cricketers</h3>
<p>Hundreds of talented students across Austin-area schools participate in our programs.</p>
</div>
<!-- Counter Content End -->
</div>
<!-- Counter Item End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Counter Item Start -->
<div class="counter-item">
<!-- Counter Title Start -->
<div class="counter-title">
<h2><span class="counter">15</span>+</h2>
</div>
<!-- Counter Title End -->
<!-- Counter Content Start -->
<div class="counter-content">
<h3>Matches Played</h3>
<p>Our Austin teams have competed in numerous matches, building experience and rivalry.</p>
</div>
<!-- Counter Content End -->
</div>
<!-- Counter Item End -->
</div>
</div>
</div>
</div>
<!-- Our Counter Section End -->
<!-- Our Mission Section Start -->
<div class="our-mission">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="mission-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">our mission</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Growing Cricket in <span>Austin</span></h2>
</div>
<!-- Section Title End -->
<!-- Mission Content Body Start -->
<div class="mission-content-body">
<h3 class="wow fadeInUp" data-wow-delay="0.25s">The Austin Regionals represent a vibrant and growing cricket community where students take ownership of their competitive experience. Led by student organizers, our league provides a platform for high school cricketers to showcase their talents and develop leadership skills.</h3>
<p class="wow fadeInUp" data-wow-delay="0.5s">With nine teams spanning the Austin metroplex, we've created an inclusive environment where competitive cricket thrives alongside community building. Our student-led approach ensures that the game remains authentic to the players while fostering a sustainable cricket ecosystem that can grow for years to come.</p>
</div>
<!-- Mission Content Body End -->
<!-- Mission Content Footer Start -->
<div class="mission-content-footer wow fadeInUp" data-wow-delay="0.75s">
<a href="/contact.html" class="btn-default">contact now</a>
</div>
<!-- Mission Content Footer End -->
</div>
</div>
<div class="col-lg-6">
<!-- Mission Image Start -->
<div class="mission-image">
<!-- Mission Image Start -->
<div class="mission-img">
<figure class="image-anime reveal">
<img src="images/about.gif" style="width: 450px; height: 750px;" alt="">
</figure>
</div>
<!-- Mission Image End -->
<!-- Mission Life Circle Start -->
<div class="mission-life-circle">
<img src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;">
</div>
<!-- Mission Life Circle End -->
</div>
<!-- Mission Image End -->
</div>
</div>
</div>
</div>
<!-- Our Mission Section End -->
<!-- Teams Overview Section Start -->
<div class="our-services">
<div class="container">
<div class="row section-row">
<!-- Section Title Start --> <!-- Section Title Start -->
<div class="section-title"> <div class="section-title">
<h3 class="wow fadeInUp">our teams</h3> <h3 class="wow fadeInUp">our teams</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Meet The <span>9 Austin Teams</span></h2> <h2 class="text-anime-style-2" data-cursor="-opaque">Meet Our Dedicated <span>Teams</span></h2>
</div> </div>
<!-- Section Title End --> <!-- Section Title End -->
</div> </div>
</div>
<div class="row"> <!-- Team Grid Start -->
<div class="col-lg-12 col-md-12" style="text-align: center;"> <div class="row">
<p class="wow fadeInUp" data-wow-delay="0.25s"> <!-- Team 1: Plano East Panthers -->
The Austin Regionals features nine competitive high school teams representing schools across the metroplex. <div class="col-lg-4 col-md-6">
From Leander to Round Rock, Cedar Park to West Lake Hills, each team brings unique talent and passion <!-- Team Member Item Start -->
to the field. Explore our team directory to learn more about each squad, their players, and their journey <div class="team-member-item wow fadeInUp">
in TSCB competition. <!-- Team Image Start -->
</p> <div class="team-image">
<div class="wow fadeInUp" data-wow-delay="0.5s"> <figure class="image-anime">
<a href="/austin-teams.html" class="btn-default">View All Teams</a> <img src="images/mcneil.jpg" alt="McNeil High School">
</figure>
</div> </div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>McNeil High School</h3>
<p>South Austin</p>
</div>
<!-- Team Content End -->
</div> </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/vandegrift.webp" alt="Vandegrift High School">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Vandegrift High School</h3>
<p>South Austin</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/westwodd.jpeg" alt="Westwood High School">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Westwood High School</h3>
<p>South Austin</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/cedarridge.jpg" alt="Cedar Ridge High School">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Cedar Ridge High School</h3>
<p>East Austin</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/roundrock.jpeg" alt="Round Rock High School">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Round Rock High School</h3>
<p>East Austin</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/westlake.jpg" alt="Westlake High School">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Westlake High School</h3>
<p>East Austin</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/leander.jpeg" alt="Leander High School">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Leander High School</h3>
<p>North Austin</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/legacyranch.jpg" alt="Legacy Ranch High School">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Legacy Ranch High School</h3>
<p>North Austin</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/rouse.jpg" alt="Rouse High School">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Rouse High School</h3>
<p>North Austin</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div> </div>
</div> </div>
</div> <!-- Team Grid End -->
<!-- Teams Overview Section End -->
</div>
<!-- About Us Section End -->
<!-- CTA Box Section Start -->
<div class="cta-box">
<div class="container">
<div class="row align-items-center">
<div class="col-md-9">
<!-- CTA Box Content Start -->
<div class="cta-box-content">
<!-- Section Title Start -->
<div class="section-title">
<h2 class="text-anime-style-2" data-cursor="-opaque">Ready to Join the Austin Cricket Community?
Connect With Us Today!</h2>
</div>
<!-- Section Title End -->
</div>
<!-- CTA Box Content End -->
</div>
<div class="col-md-3">
<!-- CTA Box Btn Start -->
<div class="cta-box-btn wow fadeInUp">
<a href="/contact.html" class="btn-default btn-highlighted">join us</a>
</div>
<!-- CTA Box Btn End -->
</div>
</div>
</div> </div>
</div> </div>
<!-- CTA Box Section End --> <!-- Our Teams Section End -->
<!-- Footer Start --> <!-- Footer Start -->
<footer class="main-footer"> <footer class="main-footer">
@@ -492,7 +450,8 @@
<ul> <ul>
<li><a href="/dallas.html">dallas regionals</a></li> <li><a href="/dallas.html">dallas regionals</a></li>
<li><a href="/austin.html">austin regionals</a></li> <li><a href="/austin.html">austin regionals</a></li>
<li><a href="https://cricclubs.com/TexasScholasticCricketBoard">cricclubs league</a></li> <li><a href="https://cricclubs.com/TexasScholasticCricketBoard">dallas cricclubs league</a></li>
<li><a href="https://cricclubs.com/USHSC/series-list/QKoRw7aJTppHXMxmRSTXmg?seriesName=USAHSC%25202026">austin cricclubs league</a></li>
</ul> </ul>
</div> </div>
<!-- About Links End --> <!-- About Links End -->

View File

@@ -1,382 +0,0 @@
<!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">
<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.svg" alt="Logo">
</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 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>
</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="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>
</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>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<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 -->
<!-- Page Header Start -->
<div class="page-header parallaxie">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">This Week's Sermon Embracing Forgiveness</h1>
<div class="post-single-meta wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><i class="fa-regular fa-user"></i> admin</li>
<li class="breadcrumb-item"><i class="fa-regular fa-clock"></i> 26 july 2024</li>
</ol>
</div>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Single Post Start -->
<div class="page-single-post">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Post Featured Image Start -->
<div class="post-image">
<figure class="image-anime reveal">
<img src="images/post-1.jpg" alt="">
</figure>
</div>
<!-- Post Featured Image Start -->
<!-- Post Single Content Start -->
<div class="post-content">
<!-- Post Entry Start -->
<div class="post-entry">
<p class="wow fadeInUp">Join us for the Christmas Eve Candlelight Service, a Avenix evening of carols, scripture readings, and heartfelt worship. Illuminate the night with candlelight as we celebrate the birth of Jesus Christ. Bring your family and friends to share in the warmth, joy, and peace of this special tradition.</p>
<p class="wow fadeInUp" data-wow-delay="0.2s">Magical evening that brings our community together to celebrate the birth of Jesus Christ. The service features beautiful carols, inspiring scripture readings, and heartfelt worship, all illuminated by the gentle glow of candlelight. This avenix and reflective experience offers a moment of peace and joy in the midst of the holiday season. Bring your family and friends to share in this cherished tradition, creating lasting memories and a deeper connection to the true meaning of Christmas. We look forward to welcoming you to this special night of worship and fellowship.</p>
<blockquote class="wow fadeInUp" data-wow-delay="0.4s">
<p>Join us for the Christmas Eve Candlelight Service, a avenix evening of carols, scripture readings, and worship. Celebrate the birth of Jesus Christ in the warm glow of candlelight. This special service offers a peaceful and reflective atmosphere, perfect for bringing family and friends together to honor the true meaning of Christmas.</p>
</blockquote>
<p class="wow fadeInUp" data-wow-delay="0.6s">Magical evening that brings our community together to celebrate the birth of Jesus Christ. The service features beautiful carols, inspiring scripture readings, and heartfelt worship, all illuminated by the gentle glow of candlelight. This avenix and reflective experience offers a moment of peace and joy in the midst of the holiday season. Bring your family and friends to share in this cherished tradition, creating lasting memories and a deeper connection to the true meaning of Christmas. We look forward to welcoming you to this special night of worship and fellowship.</p>
<h2 class="text-anime-style-3" data-cursor="-opaque">Christmas Eve Candlelight Service Celebrate with Us</h2>
<p class="wow fadeInUp" data-wow-delay="0.8s">Celebrate with us at the Christmas Eve Candlelight Service. Experience a night of uplifting carols, meaningful scripture readings, and heartfelt worship, all in a avenix, candlelit atmosphere. Gather with family and friends to honor the birth of Jesus Christ and embrace the true spirit of Christmas in a warm, reflective setting.</p>
<ul class="wow fadeInUp" data-wow-delay="1s">
<li>Uplifting carols and scripture readings</li>
<li>Atmosphere avenix, candlelit setting</li>
<li>Fellowship Gather with family and friends</li>
<li>Reflect Embrace the true spirit of Christmas</li>
</ul>
<p class="wow fadeInUp" data-wow-delay="1.2s">Join us for the Christmas Eve Candlelight Service as we celebrate the birth of Jesus Christ. Enjoy a avenix evening of beautiful carols, meaningful scripture readings, and heartfelt worship in a warm, candlelit setting. This special service is a perfect opportunity to gather with family and friends, reflecting on the true spirit of Christmas together.</p>
</div>
<!-- Post Entry End -->
<!-- Post Tag Links Start -->
<div class="post-tag-links">
<div class="row align-items-center">
<div class="col-lg-8">
<!-- Post Tags Start -->
<div class="post-tags wow fadeInUp" data-wow-delay="0.5s">
<span class="tag-links">
Tags:
<a href="#">worship</a>
<a href="#">prayer</a>
<a href="#">jesus</a>
<a href="#">sermon</a>
</span>
</div>
<!-- Post Tags End -->
</div>
<div class="col-lg-4">
<!-- Post Social Links Start -->
<div class="post-social-sharing wow fadeInUp" data-wow-delay="0.5s">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></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="#"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<!-- Post Social Links End -->
</div>
</div>
</div>
<!-- Post Tag Links End -->
</div>
<!-- Post Single Content End -->
</div>
</div>
</div>
</div>
<!-- Page Single Post 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/footer-logo.svg" alt="">
</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>
</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>
</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="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</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 services</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>
</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>(+0) 789 345 012</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>domain@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>
<!-- 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 2024 Avenix. 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="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy 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>

509
blog.html
View File

@@ -1,509 +0,0 @@
<!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">
<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.svg" alt="Logo">
</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 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>
</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="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>
</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>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<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 -->
<!-- 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 -->
<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">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<!-- Blog Item Start -->
<div class="blog-item wow fadeInUp">
<!-- Post Featured Image Start-->
<div class="post-featured-image" data-cursor-text="View">
<figure>
<a href="#" class="image-anime">
<img src="images/post-1.jpg" alt="">
</a>
</figure>
</div>
<!-- Post Featured Image End -->
<!-- post Item Body Start -->
<div class="post-item-body">
<h2><a href="#">This Week's Sermon Embracing Forgiveness</a></h2>
</div>
<!-- Post Item Body End-->
<!-- Post Item Footer Start-->
<div class="post-item-footer">
<a href="#" class="read-more-btn">read more</a>
</div>
<!-- Post Item Footer End-->
</div>
<!-- Blog Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Blog Item Start -->
<div class="blog-item wow fadeInUp" data-wow-delay="0.25s">
<!-- Post Featured Image Start-->
<div class="post-featured-image" data-cursor-text="View">
<figure>
<a href="#" class="image-anime">
<img src="images/post-2.jpg" alt="">
</a>
</figure>
</div>
<!-- Post Featured Image End -->
<!-- post Item Body Start -->
<div class="post-item-body">
<h2><a href="#">Join Us for the Christmas Eve Candlelight Service</a></h2>
</div>
<!-- Post Item Body End-->
<!-- Post Item Footer Start-->
<div class="post-item-footer">
<a href="#" class="read-more-btn">read more</a>
</div>
<!-- Post Item Footer End-->
</div>
<!-- Blog Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Blog Item Start -->
<div class="blog-item wow fadeInUp" data-wow-delay="0.5s">
<!-- Post Featured Image Start-->
<div class="post-featured-image" data-cursor-text="View">
<figure>
<a href="#" class="image-anime">
<img src="images/post-3.jpg" alt="">
</a>
</figure>
</div>
<!-- Post Featured Image End -->
<!-- post Item Body Start -->
<div class="post-item-body">
<h2><a href="#">New Bible Study Series Starts This Sunday</a></h2>
</div>
<!-- Post Item Body End-->
<!-- Post Item Footer Start-->
<div class="post-item-footer">
<a href="#" class="read-more-btn">read more</a>
</div>
<!-- Post Item Footer End-->
</div>
<!-- Blog Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Blog Item Start -->
<div class="blog-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Post Featured Image Start-->
<div class="post-featured-image" data-cursor-text="View">
<figure>
<a href="#" class="image-anime">
<img src="images/post-4.jpg" alt="">
</a>
</figure>
</div>
<!-- Post Featured Image End -->
<!-- post Item Body Start -->
<div class="post-item-body">
<h2><a href="#">Role of Worship in Our Spiritual Lives</a></h2>
</div>
<!-- Post Item Body End-->
<!-- Post Item Footer Start-->
<div class="post-item-footer">
<a href="#" class="read-more-btn">read more</a>
</div>
<!-- Post Item Footer End-->
</div>
<!-- Blog Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Blog Item Start -->
<div class="blog-item wow fadeInUp" data-wow-delay="1s">
<!-- Post Featured Image Start-->
<div class="post-featured-image" data-cursor-text="View">
<figure>
<a href="#" class="image-anime">
<img src="images/post-5.jpg" alt="">
</a>
</figure>
</div>
<!-- Post Featured Image End -->
<!-- post Item Body Start -->
<div class="post-item-body">
<h2><a href="#">How to Get Involved Joining Church Ministries and Programs</a></h2>
</div>
<!-- Post Item Body End-->
<!-- Post Item Footer Start-->
<div class="post-item-footer">
<a href="#" class="read-more-btn">read more</a>
</div>
<!-- Post Item Footer End-->
</div>
<!-- Blog Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Blog Item Start -->
<div class="blog-item wow fadeInUp" data-wow-delay="1.25s">
<!-- Post Featured Image Start-->
<div class="post-featured-image" data-cursor-text="View">
<figure>
<a href="#" class="image-anime">
<img src="images/post-6.jpg" alt="">
</a>
</figure>
</div>
<!-- Post Featured Image End -->
<!-- post Item Body Start -->
<div class="post-item-body">
<h2><a href="#">Inspiring Testimonies from Our Congregation</a></h2>
</div>
<!-- Post Item Body End-->
<!-- Post Item Footer Start-->
<div class="post-item-footer">
<a href="#" class="read-more-btn">read more</a>
</div>
<!-- Post Item Footer End-->
</div>
<!-- Blog Item End -->
</div>
<div class="col-lg-12">
<!-- Page Pagination Start -->
<div class="page-pagination wow fadeInUp" data-wow-delay="0.5s">
<ul class="pagination">
<li><a href="#"><i class="fa-solid fa-arrow-left-long"></i></a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#"><i class="fa-solid fa-arrow-right-long"></i></a></li>
</ul>
</div>
<!-- Page Pagination End -->
</div>
</div>
</div>
</div>
<!-- Page Blog 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/footer-logo.svg" alt="">
</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>
</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>
</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="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</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 services</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>
</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>(+0) 789 345 012</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>domain@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>
<!-- 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 2024 Avenix. 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="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy 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,677 +0,0 @@
<!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">
<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.svg" alt="Logo">
</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 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>
</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="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>
</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>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<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 -->
<!-- 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>
<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 -->
<!-- Page Campaign Single Start -->
<div class="page-campaign-single">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="campaign-single-content">
<!-- Campaign Featured Image Start -->
<div class="campaign-featured-image">
<figure class="image-anime reveal">
<img src="images/campaign-img-1.jpg" alt="">
</figure>
</div>
<!-- Campaign Featured Image End -->
<!-- Campaign Donate Box Start -->
<div class="campaign-donate-box">
<!-- Skills Progress Bar Start -->
<div class="skills-progress-bar">
<!-- Skill Item Start -->
<div class="skillbar" data-percent="68%">
<div class="skill-progress">
<div class="count-bar"></div>
</div>
</div>
<!-- Skill Item End -->
</div>
<!-- Skills Progress Bar End -->
<!-- Campaign Donate Content Start -->
<div class="campaign-donate-content">
<div class="campaign-donate-item campaign-raised">
<h3>$<span class="counter">9,870</span></h3>
<p>raised</p>
</div>
<div class="campaign-donate-item campaign-donations">
<h3>$<span class="counter">00</span></h3>
<p>donations</p>
</div>
<div class="campaign-donate-item campaign-goal">
<h3>$<span class="counter">3000</span></h3>
<p>goal</p>
</div>
</div>
<!-- Campaign Donate Content End -->
</div>
<!-- Campaign Donate Box End -->
<!-- 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>
<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>
<li>Your donations fund essential sports gear.</li>
<li>Strengthen the bonds within our church.</li>
<li>Encourage physical activity and a healthy lifestyle.</li>
<li>Ensure all children have the opportunity to join.</li>
</ul>
<!-- Campaign Entry Gallery Start -->
<div class="campaign-entry-gallery">
<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">
<a href="images/campaign-gallery-1.jpg">
<figure class="image-anime">
<img src="images/campaign-gallery-1.jpg" alt="img">
</figure>
</a>
</div>
<!-- Image gallery end -->
</div>
<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">
<a href="images/campaign-gallery-2.jpg">
<figure class="image-anime">
<img src="images/campaign-gallery-2.jpg" alt="img">
</figure>
</a>
</div>
<!-- Image gallery end -->
</div>
<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">
<a href="images/campaign-gallery-3.jpg">
<figure class="image-anime">
<img src="images/campaign-gallery-3.jpg" alt="img">
</figure>
</a>
</div>
<!-- Image gallery end -->
</div>
<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">
<a href="images/campaign-gallery-4.jpg">
<figure class="image-anime">
<img src="images/campaign-gallery-4.jpg" alt="img">
</figure>
</a>
</div>
<!-- Image gallery end -->
</div>
</div>
</div>
<!-- Campaign Entry Gallery End -->
</div>
<!-- Campaign Entry Content End -->
<!-- Campaign Single Faqs Start -->
<div class="campaign-single-faqs">
<!-- Section Title Start -->
<div class="section-title">
<h2 class="text-anime-style-2" data-cursor="-opaque">Our Core Value</h2>
</div>
<!-- Section Title End -->
<!-- Core Value FAQ Accordion Start -->
<div class="core-value-faqs-accordion" id="accordion">
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true"
aria-controls="collapseOne">
Why is faith a core value?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
How does the church demonstrate love?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
How is community fostered within the church?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
What is the importance of spiritual growth?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
How do these values shape church activities?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
</div>
<!-- Core Value FAQ Accordion End -->
</div>
<!-- Service Single Faqs End -->
<!-- Sermons Social Sharing Start -->
<div class="sermons-social-sharing wow fadeInUp" data-wow-delay="0.5s">
<div class="sermons-social-sharing-title">
<h3>Share This Sermon :</h3>
</div>
<div class="sermons-social-sharing-list">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></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="#"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
</div>
<!-- Sermons Social Sharing End -->
</div>
</div>
<div class="col-lg-4">
<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>
</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>
<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>
</div>
<div class="donate-value">
<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>
</div>
<div class="donate-value">
<input type="radio" id="value4" name="value" value="value4" checked>
<label for="value4">$ 400.00</label>
</div>
<div class="donate-value">
<input type="radio" id="value5" name="value" value="value5">
<label for="value5">$ 500.00</label>
</div>
<div class="donate-value">
<input type="radio" id="value6" name="value" value="value6">
<label for="value6">$ 600.00</label>
</div>
</fieldset>
</div>
<div class="donate-payment-method">
<div class="payment-method-title">
<h3>select payment method</h3>
</div>
<div class="donate-payment-type">
<div class="payment-method">
<input type="radio" id="test" name="payment" value="Test" checked>
<label for="test">test donation</label>
</div>
<div class="payment-method">
<input type="radio" id="Offline" name="payment" value="Offline">
<label for="Offline">offline donation</label>
</div>
</div>
</div>
<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>
</div>
<div class="form-group col-6 mb-3">
<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>
</div>
<div class="donar-personal-form-account">
<div class="donar-personal-create-account">
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1">create account</label>
</div>
<div class="donar-personal-login-account">
<P>Already Have Account? <a href="#">login</a></P>
</div>
</div>
</div>
</div>
<div class="form-group-btn">
<button type="submit" class="btn-default">donate now</button>
<div id="msgSubmit" class="h3 hidden"></div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Page Campaign Single 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/footer-logo.svg" alt="">
</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>
</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>
</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="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</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 services</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>
</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>(+0) 789 345 012</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>domain@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>
<!-- 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 2024 Avenix. 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="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy 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,616 +0,0 @@
<!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">
<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.svg" alt="Logo">
</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 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>
</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="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>
</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>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<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 -->
<!-- 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">Our Campaigns</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">campaigns</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Campaign Start -->
<div class="page-campaign">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<!-- Campaign Item Start -->
<div class="campaign-item wow fadeInUp">
<!-- Campaign Image Start -->
<div class="campaign-image">
<figure>
<a href="#" class="image-anime" data-cursor-text="View">
<img src="images/campaign-img-1.jpg" alt="">
</a>
</figure>
</div>
<!-- Campaign Image End -->
<!-- Campaign Body Start -->
<div class="campaign-body">
<!-- Campaign Title Start -->
<div class="campaign-content">
<h2>Kids Sports Activity</h2>
<p>Find out which items we need for our chur5h's programs and services.</p>
</div>
<!-- Campaign Title End -->
<!-- Campaign List Start -->
<div class="campaign-btn">
<a href="#" class="read-more-btn">donate</a>
</div>
<!-- Campaign List End -->
<!-- Skills Progress Bar Start -->
<div class="skills-progress-bar">
<!-- Skill Item Start -->
<div class="skillbar" data-percent="40%">
<div class="skill-data">
<div class="skill-title"><span>$0</span> of $9,870</div>
<div class="skill-no"><span>40%</span> Donations</div>
</div>
<div class="skill-progress">
<div class="count-bar"></div>
</div>
</div>
<!-- Skill Item End -->
</div>
<!-- Skills Progress Bar End -->
</div>
<!-- Campaign Body End -->
</div>
<!-- Campaign Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Campaign Item Start -->
<div class="campaign-item wow fadeInUp" data-wow-delay="0.25s">
<!-- Campaign Image Start -->
<div class="campaign-image">
<figure>
<a href="#" class="image-anime" data-cursor-text="View">
<img src="images/campaign-img-2.jpg" alt="">
</a>
</figure>
</div>
<!-- Campaign Image End -->
<!-- Campaign Body Start -->
<div class="campaign-body">
<!-- Campaign Title Start -->
<div class="campaign-content">
<h2>Current Fundraising Campaigns</h2>
<p>Find out how you can contribute to our ongoing fundraising efforts.</p>
</div>
<!-- Campaign Title End -->
<!-- Campaign List Start -->
<div class="campaign-btn">
<a href="#" class="read-more-btn">donate</a>
</div>
<!-- Campaign List End -->
<!-- Skills Progress Bar Start -->
<div class="skills-progress-bar">
<!-- Skill Item Start -->
<div class="skillbar" data-percent="98%">
<div class="skill-data">
<div class="skill-title"><span>$0</span> of $9,870</div>
<div class="skill-no"><span>98%</span> Donations</div>
</div>
<div class="skill-progress">
<div class="count-bar"></div>
</div>
</div>
<!-- Skill Item End -->
</div>
<!-- Skills Progress Bar End -->
</div>
<!-- Campaign Body End -->
</div>
<!-- Campaign Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Campaign Item Start -->
<div class="campaign-item wow fadeInUp" data-wow-delay="0.5s">
<!-- Campaign Image Start -->
<div class="campaign-image">
<figure>
<a href="#" class="image-anime" data-cursor-text="View">
<img src="images/campaign-img-3.jpg" alt="">
</a>
</figure>
</div>
<!-- Campaign Image End -->
<!-- Campaign Body Start -->
<div class="campaign-body">
<!-- Campaign Title Start -->
<div class="campaign-content">
<h2>endowment gifts</h2>
<p>Learn about making endowment gifts to secure the future of our church.</p>
</div>
<!-- Campaign Title End -->
<!-- Campaign List Start -->
<div class="campaign-btn">
<a href="#" class="read-more-btn">donate</a>
</div>
<!-- Campaign List End -->
<!-- Skills Progress Bar Start -->
<div class="skills-progress-bar">
<!-- Skill Item Start -->
<div class="skillbar" data-percent="77%">
<div class="skill-data">
<div class="skill-title"><span>$0</span> of $9,870</div>
<div class="skill-no"><span>77%</span> Donations</div>
</div>
<div class="skill-progress">
<div class="count-bar"></div>
</div>
</div>
<!-- Skill Item End -->
</div>
<!-- Skills Progress Bar End -->
</div>
<!-- Campaign Body End -->
</div>
<!-- Campaign Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Campaign Item Start -->
<div class="campaign-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Campaign Image Start -->
<div class="campaign-image">
<figure>
<a href="#" class="image-anime" data-cursor-text="View">
<img src="images/campaign-img-4.jpg" alt="">
</a>
</figure>
</div>
<!-- Campaign Image End -->
<!-- Campaign Body Start -->
<div class="campaign-body">
<!-- Campaign Title Start -->
<div class="campaign-content">
<h2>tithes and offerings</h2>
<p>Understand the significance of regular tithes and offerings in sustaining.</p>
</div>
<!-- Campaign Title End -->
<!-- Campaign List Start -->
<div class="campaign-btn">
<a href="#" class="read-more-btn">donate</a>
</div>
<!-- Campaign List End -->
<!-- Skills Progress Bar Start -->
<div class="skills-progress-bar">
<!-- Skill Item Start -->
<div class="skillbar" data-percent="93%">
<div class="skill-data">
<div class="skill-title"><span>$0</span> of $9,870</div>
<div class="skill-no"><span>93%</span> Donations</div>
</div>
<div class="skill-progress">
<div class="count-bar"></div>
</div>
</div>
<!-- Skill Item End -->
</div>
<!-- Skills Progress Bar End -->
</div>
<!-- Campaign Body End -->
</div>
<!-- Campaign Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Campaign Item Start -->
<div class="campaign-item wow fadeInUp" data-wow-delay="1s">
<!-- Campaign Image Start -->
<div class="campaign-image">
<figure>
<a href="#" class="image-anime" data-cursor-text="View">
<img src="images/campaign-img-5.jpg" alt="">
</a>
</figure>
</div>
<!-- Campaign Image End -->
<!-- Campaign Body Start -->
<div class="campaign-body">
<!-- Campaign Title Start -->
<div class="campaign-content">
<h2>planned giving</h2>
<p>Explore planned giving options to leave a lasting legacy for our church.</p>
</div>
<!-- Campaign Title End -->
<!-- Campaign List Start -->
<div class="campaign-btn">
<a href="#" class="read-more-btn">donate</a>
</div>
<!-- Campaign List End -->
<!-- Skills Progress Bar Start -->
<div class="skills-progress-bar">
<!-- Skill Item Start -->
<div class="skillbar" data-percent="60%">
<div class="skill-data">
<div class="skill-title"><span>$0</span> of $9,870</div>
<div class="skill-no"><span>60%</span> Donations</div>
</div>
<div class="skill-progress">
<div class="count-bar"></div>
</div>
</div>
<!-- Skill Item End -->
</div>
<!-- Skills Progress Bar End -->
</div>
<!-- Campaign Body End -->
</div>
<!-- Campaign Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Campaign Item Start -->
<div class="campaign-item wow fadeInUp" data-wow-delay="1.25s">
<!-- Campaign Image Start -->
<div class="campaign-image">
<figure>
<a href="#" class="image-anime" data-cursor-text="View">
<img src="images/campaign-img-6.jpg" alt="">
</a>
</figure>
</div>
<!-- Campaign Image End -->
<!-- Campaign Body Start -->
<div class="campaign-body">
<!-- Campaign Title Start -->
<div class="campaign-content">
<h2>community fundraisers</h2>
<p>Join us in community fundraisers to support various church initiatives.</p>
</div>
<!-- Campaign Title End -->
<!-- Campaign List Start -->
<div class="campaign-btn">
<a href="#" class="read-more-btn">donate</a>
</div>
<!-- Campaign List End -->
<!-- Skills Progress Bar Start -->
<div class="skills-progress-bar">
<!-- Skill Item Start -->
<div class="skillbar" data-percent="80%">
<div class="skill-data">
<div class="skill-title"><span>$0</span> of $9,870</div>
<div class="skill-no"><span>80%</span> Donations</div>
</div>
<div class="skill-progress">
<div class="count-bar"></div>
</div>
</div>
<!-- Skill Item End -->
</div>
<!-- Skills Progress Bar End -->
</div>
<!-- Campaign Body End -->
</div>
<!-- Campaign Item End -->
</div>
<div class="col-lg-12">
<!-- Page Pagination Start -->
<div class="page-pagination wow fadeInUp" data-wow-delay="0.5s">
<ul class="pagination">
<li><a href="#"><i class="fa-solid fa-arrow-left-long"></i></a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#"><i class="fa-solid fa-arrow-right-long"></i></a></li>
</ul>
</div>
<!-- Page Pagination End -->
</div>
</div>
</div>
</div>
<!-- Page Campaign 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/footer-logo.svg" alt="">
</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>
</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>
</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="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</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 services</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>
</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>(+0) 789 345 012</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>domain@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>
<!-- 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 2024 Avenix. 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="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy 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

@@ -49,7 +49,6 @@
</div> </div>
</div> </div>
<!-- Preloader End --> <!-- Preloader End -->
<!-- Header Start --> <!-- Header Start -->
<header class="main-header"> <header class="main-header">
<div class="header-sticky"> <div class="header-sticky">
@@ -67,31 +66,22 @@
<ul class="navbar-nav mr-auto" id="menu"> <ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li> <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li> <li class="nav-item"><a class="nav-link" href="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.html">Dallas
Regionals</a></li>
<li class="nav-item"><a class="nav-link" href="dallas-teams.html">Dallas Teams</a></li> <li class="nav-item"><a class="nav-link" href="austin.html">Austin Regionals</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"><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 <li class="nav-item highlighted-menu"><a class="nav-link" href="sponsors.html">Our
Partners</a></li> Partners</a></li>
</ul> </ul>
</div> </div>
<!-- Let's Start Button Start --> <!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex"> <div class="header-btn d-inline-flex">
<a href="partners.html" class="btn-default">Our Partners</a> <a href="sponsors.html" class="btn-default">Our Partners</a>
</div> </div>
<!-- Let's Start Button End --> <!-- Lets Start Button End -->
</div> </div>
<!-- Main Menu End --> <!-- Main Menu End -->
<div class="navbar-toggle"></div> <div class="navbar-toggle"></div>
@@ -102,6 +92,7 @@
</header> </header>
<!-- Header End --> <!-- Header End -->
<!-- Page Header Start --> <!-- Page Header Start -->
<div class="page-header"> <div class="page-header">
<div class="container"> <div class="container">
@@ -128,14 +119,17 @@
<div class="page-contact-us"> <div class="page-contact-us">
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-lg-6"> <div class="col-lg-12">
<!-- Contact Information Start --> <!-- Contact Information Start -->
<div class="contact-information"> <div class="contact-information">
<!-- Contact Information Title Start --> <!-- Contact Information Title Start -->
<div class="section-title"> <div class="section-title">
<h3 class="wow fadeInUp">Reach Out</h3> <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> <h2 class="text-anime-style-2" data-cursor="-opaque">Reach Out to Our <span>Student-Led
<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> 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> </div>
<!-- Contact Information Title End --> <!-- Contact Information Title End -->
@@ -175,90 +169,74 @@
</div> </div>
<!-- Contact Info Item End --> <!-- 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>Texas, USA</h3>
</div>
<!-- Contact Info Content End -->
</div>
<!-- Contact Info Item End -->
</div> </div>
<!-- Contact Information List End --> <!-- Contact Information List End -->
</div> </div>
<!-- Contact Information End --> <!-- Contact Information End -->
</div> </div>
<div class="col-lg-6"> <script>
<!-- Contact Form Start --> async function submitForm() {
<div class="contact-us-form wow fadeInUp" data-wow-delay="0.25s"> const fname = document.getElementById('fname').value.trim();
<form id="contactForm" action="#" method="POST" data-toggle="validator" class="wow fadeInUp" data-wow-delay="0.5s"> const lname = document.getElementById('lname').value.trim();
<p class="mb-4">We'd love to hear from you! Fill out the form below and our student-led board will get back to you as soon as possible. Whether you have questions about our programs, want to start a team at your school, or just want to say hello, we're here to help!</p> const email = document.getElementById('email').value.trim();
<div class="row"> const phone = document.getElementById('phone').value.trim();
<div class="form-group col-md-6 mb-4"> const message = document.getElementById('msg').value.trim();
<input type="text" name="name" class="form-control" id="fname" placeholder="First Name" required> const btn = document.getElementById('submitBtn');
<div class="help-block with-errors"></div> const errorEl = document.getElementById('errorMsg');
</div>
<div class="form-group col-md-6 mb-4"> // Basic validation
<input type="text" name="name" class="form-control" id="lname" placeholder="Last Name" required> if (!fname || !lname || !email || !phone || !message) {
<div class="help-block with-errors"></div> errorEl.textContent = 'Please fill in all fields.';
</div> errorEl.style.display = 'block';
return;
}
<div class="form-group col-md-6 mb-4"> // Button loading state
<input type="email" name="email" class="form-control" id="email" placeholder="Email Address" required> btn.textContent = 'Sending...';
<div class="help-block with-errors"></div> btn.disabled = true;
</div> errorEl.style.display = 'none';
<div class="form-group col-md-6 mb-4"> try {
<input type="text" name="phone" class="form-control" id="phone" placeholder="Phone No" required> const response = await fetch('https://api.web3forms.com/submit', {
<div class="help-block with-errors"></div> method: 'POST',
</div> 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"> const data = await response.json();
<textarea name="msg" class="form-control" id="msg" rows="5" placeholder="Message" required></textarea>
<div class="help-block with-errors"></div>
</div>
<div class="col-lg-12"> if (data.success) {
<div class="contact-form-btn"> // Hide form, show success
<button type="submit" class="btn-default">submit message</button> document.getElementById('contactFormFields').style.display = 'none';
<div id="msgSubmit" class="h3 hidden"></div> document.getElementById('successMsg').style.display = 'block';
</div> } else {
</div> throw new Error(data.message || 'Submission failed');
</div> }
</form>
</div> } catch (err) {
<!-- Contact Form End --> btn.textContent = 'submit message';
</div> 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>
</div> </div>
</div>
<!-- Page Contact Us End --> <!-- 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!1d115193.90934498374!2d-96.99988818873084!3d32.77666484999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x864e97c65f33d001%3A0xc70760b2c8f7e745!2sDallas%2C%20TX%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 Start -->
<footer class="main-footer"> <footer class="main-footer">
@@ -333,7 +311,8 @@
<ul> <ul>
<li><a href="/dallas.html">dallas regionals</a></li> <li><a href="/dallas.html">dallas regionals</a></li>
<li><a href="/austin.html">austin regionals</a></li> <li><a href="/austin.html">austin regionals</a></li>
<li><a href="https://cricclubs.com/TexasScholasticCricketBoard">cricclubs league</a></li> <li><a href="https://cricclubs.com/TexasScholasticCricketBoard">dallas cricclubs league</a></li>
<li><a href="https://cricclubs.com/USHSC/series-list/QKoRw7aJTppHXMxmRSTXmg?seriesName=USAHSC%25202026">austin cricclubs league</a></li>
</ul> </ul>
</div> </div>
<!-- About Links End --> <!-- About Links End -->
@@ -403,6 +382,7 @@
</footer> </footer>
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script> <script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file --> <!-- Bootstrap js file -->

View File

@@ -1,533 +0,0 @@
<!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 -->
<!-- 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">Dallas Metroplex Cricket <span>Teams</span></h2>
</div>
<!-- Section Title End -->
</div>
</div>
<!-- Introduction Start -->
<div class="row">
<div class="col-lg-12">
<div class="teams-intro wow fadeInUp" data-wow-delay="0.25s">
<p>TSCB's Dallas region is home to a vibrant network of student-led high school cricket teams, each bringing passion, competition, and community spirit to the game. From Plano to Irving, our teams are more than just competitors—they are builders of friendship, mentors to younger players, and pioneers of cricket in Texas high schools.</p>
<p>These teams operate with student leadership at the forefront, managing everything from practice schedules to match strategy. Whether you're a seasoned cricketer or just picking up a bat for the first time, our Dallas teams welcome you to join a supportive, competitive environment where cricket skills grow alongside leadership abilities.</p>
</div>
</div>
</div>
<!-- Introduction End -->
<!-- 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/team-1.jpg" alt="Plano East Panthers">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Plano East Panthers</h3>
<p>Leading the charge from Plano East High School with fierce competition and student leadership.</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/team-2.jpg" alt="Frisco Lone Star">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Frisco Lone Star</h3>
<p>Representing Frisco High School with pride, passion, and a commitment to student-led operations.</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/team-3.jpg" alt="Prosper Predators">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Prosper Predators</h3>
<p>Prosper High School's cricket powerhouse, driven by student leaders and competitive spirit.</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/team-4.jpg" alt="Irving High Chargers">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Irving High Chargers</h3>
<p>Charging forward from Irving High School with student-led initiatives and competitive excellence.</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/team-5.jpg" alt="Plano West Warriors">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Plano West Warriors</h3>
<p>Plano West High School's cricket team, building community and fostering student leadership.</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/team-6.jpg" alt="Frisco Titans">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Frisco Titans</h3>
<p>Another Frisco High School team, showcasing the depth of cricket talent in the metroplex.</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/team-7.jpg" alt="Prosper Patriots">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Prosper Patriots</h3>
<p>A second Prosper High School team, expanding cricket opportunities for student athletes.</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/team-8.jpg" alt="Irving Lions">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Irving Lions</h3>
<p>Irvine High School's second team, promoting cricket growth and student-led team management.</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/team-1.jpg" alt="Plano Hawks">
</figure>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>Plano Hawks</h3>
<p>Completing the Dallas trio, Plano Hawks bring competitive cricket to the Plano community.</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>

File diff suppressed because it is too large Load Diff

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 Website';
//$EmailTo = "info@yourdomain.com"; // Replace with your email.
$EmailTo = "texasscholasticcricketboard@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;
}
}
?>

View File

@@ -1,382 +0,0 @@
<!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">
<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.svg" alt="Logo">
</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 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>
</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="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>
</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>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<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 -->
<!-- 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">Gallery</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">gallery</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Photo Gallery Section Start -->
<div class="page-gallery">
<div class="container">
<!-- gallery section start -->
<div class="row gallery-items page-gallery-box">
<div class="col-lg-4 col-6">
<!-- image gallery start -->
<div class="photo-gallery wow fadeInUp" data-cursor-text="View">
<a href="images/gallery-1.jpg">
<figure class="image-anime">
<img src="images/gallery-1.jpg" alt="">
</figure>
</a>
</div>
<!-- image gallery end -->
</div>
<div class="col-lg-4 col-6">
<!-- image gallery start -->
<div class="photo-gallery wow fadeInUp" data-wow-delay="0.2s" data-cursor-text="View">
<a href="images/gallery-2.jpg">
<figure class="image-anime">
<img src="images/gallery-2.jpg" alt="">
</figure>
</a>
</div>
<!-- image gallery end -->
</div>
<div class="col-lg-4 col-6">
<!-- image gallery start -->
<div class="photo-gallery wow fadeInUp" data-wow-delay="0.4s" data-cursor-text="View">
<a href="images/gallery-3.jpg">
<figure class="image-anime">
<img src="images/gallery-3.jpg" alt="">
</figure>
</a>
</div>
<!-- image gallery end -->
</div>
<div class="col-lg-4 col-6">
<!-- image gallery start -->
<div class="photo-gallery wow fadeInUp" data-wow-delay="0.6s" data-cursor-text="View">
<a href="images/gallery-4.jpg">
<figure class="image-anime">
<img src="images/gallery-4.jpg" alt="">
</figure>
</a>
</div>
<!-- image gallery end -->
</div>
<div class="col-lg-4 col-6">
<!-- image gallery start -->
<div class="photo-gallery wow fadeInUp" data-wow-delay="0.8s" data-cursor-text="View">
<a href="images/gallery-5.jpg">
<figure class="image-anime">
<img src="images/gallery-5.jpg" alt="">
</figure>
</a>
</div>
<!-- image gallery end -->
</div>
<div class="col-lg-4 col-6">
<!-- image gallery start -->
<div class="photo-gallery wow fadeInUp" data-wow-delay="1s" data-cursor-text="View">
<a href="images/gallery-6.jpg">
<figure class="image-anime">
<img src="images/gallery-6.jpg" alt="">
</figure>
</a>
</div>
<!-- image gallery end -->
</div>
</div>
<!-- gallery section end -->
</div>
</div>
<!-- Photo Gallery 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/footer-logo.svg" alt="">
</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>
</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>
</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="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</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 services</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>
</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>(+0) 789 345 012</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>domain@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>
<!-- 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 2024 Avenix. 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="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy 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>

BIN
images/cedarridge.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 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/leander.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

BIN
images/lebanon.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

BIN
images/legacyranch.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

BIN
images/liberty.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

BIN
images/mcneil.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 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/roundrock.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB

BIN
images/rouse.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
images/vandegrift.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
images/walnut.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

BIN
images/westlake.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
images/westwodd.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -67,26 +67,20 @@
<ul class="navbar-nav mr-auto" id="menu"> <ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li> <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li> <li class="nav-item"><a class="nav-link" href="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.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.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"><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 <li class="nav-item highlighted-menu"><a class="nav-link" href="sponsors.html">Our
Partners</a></li> Partners</a></li>
</ul> </ul>
</div> </div>
<!-- Lets Start Button Start --> <!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex"> <div class="header-btn d-inline-flex">
<a href="partners.html" class="btn-default">Our Partners</a> <a href="sponsors.html" class="btn-default">Our Partners</a>
</div> </div>
<!-- Lets Start Button End --> <!-- Lets Start Button End -->
</div> </div>
@@ -118,7 +112,7 @@
<!-- Hero Content Body Start --> <!-- Hero Content Body Start -->
<div class="hero-content-body wow fadeInUp" data-wow-delay="0.5s"> <div class="hero-content-body wow fadeInUp" data-wow-delay="0.5s">
<a href="about.html" class="btn-default"><span>About Us</span></a> <a href="about.html" class="btn-default"><span>About Us</span></a>
<a href="partners.html" class="btn-default btn-highlighted"><span>Our Partners</span></a> <a href="sponsors.html" class="btn-default btn-highlighted"><span>Our Partners</span></a>
</div> </div>
<!-- Hero Content Body End --> <!-- Hero Content Body End -->
</div> </div>
@@ -706,7 +700,8 @@
<ul> <ul>
<li><a href="/dallas.html">dallas regionals</a></li> <li><a href="/dallas.html">dallas regionals</a></li>
<li><a href="/austin.html">austin regionals</a></li> <li><a href="/austin.html">austin regionals</a></li>
<li><a href="https://cricclubs.com/TexasScholasticCricketBoard">cricclubs league</a></li> <li><a href="https://cricclubs.com/TexasScholasticCricketBoard">dallas cricclubs league</a></li>
<li><a href="https://cricclubs.com/USHSC/series-list/QKoRw7aJTppHXMxmRSTXmg?seriesName=USAHSC%25202026">austin cricclubs league</a></li>
</ul> </ul>
</div> </div>
<!-- About Links End --> <!-- About Links End -->

View File

@@ -1,346 +0,0 @@
<!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>

View File

@@ -1,490 +0,0 @@
<!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">
<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.svg" alt="Logo">
</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 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>
</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="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>
</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>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<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 -->
<!-- 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">Ministries</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">ministries</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Ministries Start -->
<div class="page-ministries">
<div class="container">
<div class="row">
<div class="col-md-4">
<!-- Ministries Item Start -->
<div class="ministries-item wow fadeInUp">
<!-- Ministries Image Start -->
<div class="ministries-image" data-cursor-text="View">
<a href="#">
<figure>
<img src="images/ministries-img-1.jpg" alt="">
</figure>
</a>
</div>
<!-- Ministries Image End -->
<!-- Ministries Content Start -->
<div class="ministries-content">
<h3>Children's</h3>
</div>
<!-- Ministries Content End -->
<!-- Ministries Btn Start -->
<div class="ministries-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div>
<!-- Ministries Btn End -->
</div>
<!-- Ministries Item End -->
</div>
<div class="col-md-4">
<!-- Ministries Item Start -->
<div class="ministries-item wow fadeInUp" data-wow-delay="0.25s">
<!-- Ministries Image Start -->
<div class="ministries-image" data-cursor-text="View">
<a href="#">
<figure>
<img src="images/ministries-img-2.jpg" alt="">
</figure>
</a>
</div>
<!-- Ministries Image End -->
<!-- Ministries Content Start -->
<div class="ministries-content">
<h3>youth</h3>
</div>
<!-- Ministries Content End -->
<!-- Ministries Btn Start -->
<div class="ministries-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div>
<!-- Ministries Btn End -->
</div>
<!-- Ministries Item End -->
</div>
<div class="col-md-4">
<!-- Ministries Item Start -->
<div class="ministries-item wow fadeInUp" data-wow-delay="0.5s">
<!-- Ministries Image Start -->
<div class="ministries-image" data-cursor-text="View">
<a href="#">
<figure>
<img src="images/ministries-img-3.jpg" alt="">
</figure>
</a>
</div>
<!-- Ministries Image End -->
<!-- Ministries Content Start -->
<div class="ministries-content">
<h3>prayer</h3>
</div>
<!-- Ministries Content End -->
<!-- Ministries Btn Start -->
<div class="ministries-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div>
<!-- Ministries Btn End -->
</div>
<!-- Ministries Item End -->
</div>
<div class="col-md-4">
<!-- Ministries Item Start -->
<div class="ministries-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Ministries Image Start -->
<div class="ministries-image" data-cursor-text="View">
<a href="#">
<figure>
<img src="images/ministries-img-1.jpg" alt="">
</figure>
</a>
</div>
<!-- Ministries Image End -->
<!-- Ministries Content Start -->
<div class="ministries-content">
<h3>Children's</h3>
</div>
<!-- Ministries Content End -->
<!-- Ministries Btn Start -->
<div class="ministries-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div>
<!-- Ministries Btn End -->
</div>
<!-- Ministries Item End -->
</div>
<div class="col-md-4">
<!-- Ministries Item Start -->
<div class="ministries-item wow fadeInUp" data-wow-delay="1s">
<!-- Ministries Image Start -->
<div class="ministries-image" data-cursor-text="View">
<a href="#">
<figure>
<img src="images/ministries-img-2.jpg" alt="">
</figure>
</a>
</div>
<!-- Ministries Image End -->
<!-- Ministries Content Start -->
<div class="ministries-content">
<h3>youth</h3>
</div>
<!-- Ministries Content End -->
<!-- Ministries Btn Start -->
<div class="ministries-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div>
<!-- Ministries Btn End -->
</div>
<!-- Ministries Item End -->
</div>
<div class="col-md-4">
<!-- Ministries Item Start -->
<div class="ministries-item wow fadeInUp" data-wow-delay="1.25s">
<!-- Ministries Image Start -->
<div class="ministries-image" data-cursor-text="View">
<a href="#">
<figure>
<img src="images/ministries-img-3.jpg" alt="">
</figure>
</a>
</div>
<!-- Ministries Image End -->
<!-- Ministries Content Start -->
<div class="ministries-content">
<h3>prayer</h3>
</div>
<!-- Ministries Content End -->
<!-- Ministries Btn Start -->
<div class="ministries-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div>
<!-- Ministries Btn End -->
</div>
<!-- Ministries Item End -->
</div>
<div class="col-lg-12">
<!-- Page Pagination Start -->
<div class="page-pagination wow fadeInUp" data-wow-delay="0.5s">
<ul class="pagination">
<li><a href="#"><i class="fa-solid fa-arrow-left-long"></i></a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#"><i class="fa-solid fa-arrow-right-long"></i></a></li>
</ul>
</div>
<!-- Page Pagination End -->
</div>
</div>
</div>
</div>
<!-- Page Ministries 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/footer-logo.svg" alt="">
</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>
</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>
</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="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</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 services</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>
</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>(+0) 789 345 012</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>domain@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>
<!-- 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 2024 Avenix. 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="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy 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,580 +0,0 @@
<!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">
<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.svg" alt="Logo">
</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 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>
</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="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>
</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>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<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 -->
<!-- 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">Prayer Ministry</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item"><a href="./">ministry</a></li>
<li class="breadcrumb-item active" aria-current="page">prayer ministry</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Ministry Single Start -->
<div class="page-ministry-single">
<div class="container">
<div class="row">
<div class="col-lg-8">
<!-- Ministry Single Content Start -->
<div class="ministry-single-content">
<!-- Ministry Single Slider Start -->
<div class="ministry-single-slider">
<div class="swiper">
<div class="swiper-wrapper">
<!-- Ministry Image Slide Start -->
<div class="swiper-slide">
<div class="ministry-slider-image">
<figure class="image-anime">
<img src="images/ministries-img-1.jpg" alt="">
</figure>
</div>
</div>
<!-- Ministry Image Slide End -->
<!-- Ministry Image Slide Start -->
<div class="swiper-slide">
<div class="ministry-slider-image">
<figure class="image-anime">
<img src="images/ministries-img-2.jpg" alt="">
</figure>
</div>
</div>
<!-- Ministry Image Slide End -->
<!-- Ministry Image Slide Start -->
<div class="swiper-slide">
<div class="ministry-slider-image">
<figure class="image-anime">
<img src="images/ministries-img-3.jpg" alt="">
</figure>
</div>
</div>
<!-- Ministry Image Slide End -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<!-- Ministry Single Slider End -->
<!-- Ministry Entry Content Start -->
<div class="ministry-entry">
<h2 class="text-anime-style-2" data-cursor="-opaque">Welcome to Children's Ministry!</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Welcome to our Children's Ministry, where we nurture the spiritual growth of our youngest members in a fun and engaging environment. Our programs are designed to teach children about the love of Jesus through interactive Bible stories, worship, crafts, and games. We aim to create a safe and welcoming space where children can develop their faith, make new friends, and build a strong foundation in Christian values. Our dedicated team of volunteers is passionate about guiding each child on their spiritual journey. Join us and let your child experience the joy and excitement of learning about God's love!</p>
<p class="wow fadeInUp" data-wow-delay="0.4s">Kids learn about Jesus through interactive Bible stories, worship, crafts, and games. Our dedicated volunteers provide a safe space for children to grow in faith, make friends, and build a foundation in Christian values.</p>
<p class="wow fadeInUp" data-wow-delay="0.6s">Whether it's through Sunday School, Vacation Bible School, or special events throughout the year, our goal is to support and inspire each child to grow closer to God and to understand His immense love for them. Join us and watch your child thrive in a community that celebrates their unique gifts and encourages their spiritual growth.</p>
<h2 class="text-anime-style-2" data-cursor="-opaque">Children's Ministry Features</h2>
<p class="wow fadeInUp" data-wow-delay="0.8s">Our Children's Ministry offers interactive Bible stories, spirited worship, creative crafts, and fun games in a safe, faith-building environment.</p>
<ul class="wow fadeInUp" data-wow-delay="1s">
<li>Interactive Stories</li>
<li>Spirited Worship</li>
<li>Creative Crafts</li>
<li>Exciting Games</li>
<li>Dedicated Volunters</li>
<li>Safe Environment</li>
<li>Faith Development</li>
<li>Friendship Building</li>
</ul>
<!-- Ministry Entry Image Start -->
<div class="ministry-entry-image">
<div class="row">
<div class="col-md-6 col-12">
<!-- Ministry Entry Image Start -->
<div class="ministry-entry-img-1">
<figure class="image-anime reveal">
<img src="images/ministry-entry-img-1.jpg" alt="">
</figure>
</div>
<!-- Ministry Entry Image End -->
</div>
<div class="col-md-6 col-12">
<!-- Ministry Entry Image Start -->
<div class="ministry-entry-img-2">
<figure class="image-anime reveal">
<img src="images/ministry-entry-img-2.jpg" alt="">
</figure>
</div>
<!-- Ministry Entry Image End -->
</div>
</div>
</div>
<!-- Ministry Entry Image End -->
</div>
<!-- Ministry Entry Content End -->
<!-- Ministry Single Faqs Start -->
<div class="ministry-single-faqs">
<!-- Section Title Start -->
<div class="section-title">
<h2 class="text-anime-style-2" data-cursor="-opaque">Our Core Value</h2>
</div>
<!-- Section Title End -->
<!-- Core Value FAQ Accordion Start -->
<div class="core-value-faqs-accordion" id="accordion">
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Why is faith a core value?
</button>
</h2>
<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 ministry, supportive relationships, and inclusive community practices.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
How does the church demonstrate love?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordion">
<div class="accordion-body">
<p>We demonstrate love through compassionate ministry, supportive relationships, and inclusive community practices.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
How is community fostered within the church?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
data-bs-parent="#accordion">
<div class="accordion-body">
<p>We demonstrate love through compassionate ministry, supportive relationships, and inclusive community practices.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
What is the importance of spiritual growth?
</button>
</h2>
<div id="collapsefour" class="accordion-collapse collapse" aria-labelledby="headingfour"
data-bs-parent="#accordion">
<div class="accordion-body">
<p>We demonstrate love through compassionate ministry, supportive relationships, and inclusive community practices.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
How do these values shape church activities?
</button>
</h2>
<div id="collapsefive" class="accordion-collapse collapse" aria-labelledby="headingfive"
data-bs-parent="#accordion">
<div class="accordion-body">
<p>We demonstrate love through compassionate ministry, supportive relationships, and inclusive community practices.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
</div>
<!-- Core Value FAQ Accordion End -->
</div>
<!-- Ministry Single Faqs End -->
</div>
<!-- Ministry Single Content End -->
</div>
<div class="col-lg-4">
<!-- Ministry Single Sidebar Start -->
<div class="ministry-single-sidebar wow fadeInUp" data-wow-delay="0.25s">
<!-- Ministry Single Box Start -->
<div class="ministry-single-box">
<!-- Ministry Single Info Start -->
<div class="ministry-single-info">
<div class="icon-box">
<i class="fa-regular fa-clock"></i>
</div>
<div class="ministry-single-info-content">
<h3>meeting times</h3>
</div>
</div>
<!-- Ministry Single Info End -->
<!-- Ministry Single Info List Start -->
<div class="ministry-single-info-list">
<ul>
<li>Tuesdays, 12:30pm - 3:00pm</li>
<li>Thursdays, 9:00am - 11:00am</li>
</ul>
</div>
<!-- Ministry Single Info List End -->
</div>
<!-- Ministry Single Box End -->
<!-- Ministry Single Box Start -->
<div class="ministry-single-box">
<!-- Ministry Single Info Start -->
<div class="ministry-single-info">
<div class="icon-box">
<i class="fa-solid fa-calendar-days"></i>
</div>
<div class="ministry-single-info-content">
<h3>schedule</h3>
</div>
</div>
<!-- Ministry Single Info End -->
<!-- Ministry Single Info List Start -->
<div class="ministry-single-info-list">
<ul>
<li>10:00 AM - Welcome kids and playtime</li>
<li>10:20 AM - Worship</li>
<li>10:35 AM - Large group lesson</li>
<li>11:00 AM - Age group split off</li>
<li>11:45 AM - Closing time</li>
</ul>
</div>
<!-- Ministry Single Info List End -->
</div>
<!-- Ministry Single Box End -->
<!-- Ministry Single Box Start -->
<div class="ministry-single-box">
<!-- Ministry Single Info Start -->
<div class="ministry-single-info">
<div class="icon-box">
<i class="fa-solid fa-location-dot"></i>
</div>
<div class="ministry-single-info-content">
<h3>location</h3>
</div>
</div>
<!-- Ministry Single Info End -->
<!-- Ministry Single Info List Start -->
<div class="ministry-single-info-list">
<ul>
<li>Lorem ipsum is a placeholder text commonly used to demonstrate</li>
</ul>
</div>
<!-- Ministry Single Info List End -->
</div>
<!-- Ministry Single Box End -->
</div>
<!-- Ministry Single Sidebar End -->
</div>
</div>
</div>
</div>
<!-- Page Service Single 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/footer-logo.svg" alt="">
</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>
</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>
</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="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</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 services</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>
</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>(+0) 789 345 012</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>domain@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>
<!-- 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 2024 Avenix. 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="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy 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,564 +0,0 @@
<!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">
<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.svg" alt="Logo">
</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 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>
</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="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>
</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>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<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 -->
<!-- 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">Pastor</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">pastor</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Team Start -->
<div class="page-team">
<div class="container">
<div class="row">
<div class="col-lg-3 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/team-1.jpg" alt="">
</figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon">
<ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<!-- Team Social Icon End -->
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>darlene robertson</h3>
<p>head of worship team</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-3 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/team-2.jpg" alt="">
</figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon">
<ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<!-- Team Social Icon End -->
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>sophia simmons</h3>
<p>pastor</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-3 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/team-3.jpg" alt="">
</figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon">
<ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<!-- Team Social Icon End -->
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>savannah nguyen</h3>
<p>head of worship team</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-3 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/team-4.jpg" alt="">
</figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon">
<ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<!-- Team Social Icon End -->
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>charlotte wilson</h3>
<p>head of worship team</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-3 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/team-5.jpg" alt="">
</figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon">
<ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<!-- Team Social Icon End -->
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>guy hawkins</h3>
<p>head of worship team</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-3 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/team-6.jpg" alt="">
</figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon">
<ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<!-- Team Social Icon End -->
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>eleanor pena</h3>
<p>pastor</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-3 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/team-7.jpg" alt="">
</figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon">
<ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<!-- Team Social Icon End -->
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>robert fox</h3>
<p>head of worship team</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
<div class="col-lg-3 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/team-8.jpg" alt="">
</figure>
<!-- Team Social Icon Start -->
<div class="team-social-icon">
<ul>
<li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<!-- Team Social Icon End -->
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-content">
<h3>arlene mcCoy</h3>
<p>head of worship team</p>
</div>
<!-- Team Content End -->
</div>
<!-- Team Member Item End -->
</div>
</div>
</div>
</div>
<!-- Page Team 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/footer-logo.svg" alt="">
</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>
</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>
</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="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</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 services</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>
</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>(+0) 789 345 012</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>domain@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>
<!-- 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 2024 Avenix. 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="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy 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,408 +0,0 @@
<!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">
<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.svg" alt="Logo">
</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 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>
</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="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>
</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>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<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 -->
<!-- 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">Start a New Way of Living</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item"><a href="./">sermons</a></li>
<li class="breadcrumb-item active" aria-current="page">start a new way of living</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Sermons Single Start -->
<div class="page-sermons-single">
<div class="container">
<div class="row">
<div class="col-lg-8">
<!-- Sermons Single Content Start -->
<div class="sermons-single-content">
<!-- Sermons Audio Player Start -->
<div class="sermons-audio-player">
<audio id="player" controls>
<source src="https://demo.awaikenthemes.com/assets/videos/avenix-audio.mp3" type="audio/mp3">
</audio>
</div>
<!-- Sermons Audio Player End -->
<!-- Sermons Featured Image Start -->
<div class="sermons-featured-image">
<figure class="image-anime reveal">
<img src="images/sermons-img-1.jpg" alt="">
</figure>
</div>
<!-- Sermons Featured Image End -->
<!-- Sermons Entry Content Start -->
<div class="sermons-entry">
<h2 class="text-anime-style-2" data-cursor="-opaque">Sermon Notes:-</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Join us for an inspiring sermon on "Start a New Way of Living." Discover how embracing faith can transform your life, guiding you towards a path of purpose, fulfillment, and joy. Through powerful scripture, heartfelt worship, and practical teachings, we will explore how to let go of past burdens, adopt a Christ-centered mindset, and live in alignment with God's plan. Whether you're seeking a fresh start or deeper spiritual growth, this sermon will provide the encouragement and tools you need to embark on a transformative journey. Come and experience the blessings of a renewed life in Christ.</p>
<p class="wow fadeInUp" data-wow-delay="0.4s">Discover how faith can transform your life. Learn to let go of past burdens, embrace a Christ-centered mindset, and live in alignment with God's plan. Experience the blessings of a renewed life in Christ.</p>
<p class="wow fadeInUp" data-wow-delay="0.6s">where we explore the profound impact of embracing faith in Christ. This sermon is designed to guide you through the process of letting go of past burdens and adopting a Christ-centered mindset, helping you to align your life with God's divine plan. Through engaging scripture, heartfelt worship, and practical teachings, you'll learn how to navigate life's challenges with a renewed sense of purpose and joy. Whether you're seeking a fresh start, deeper spiritual growth, or simply a more fulfilling path, this message will provide the tools and inspiration you need. Our community is dedicated to supporting each other on this journey, fostering an environment of love, support, and spiritual enrichment. Experience the peace, joy, and fulfillment that come from living a life renewed in faith. Don't miss this opportunity to start anew and discover the incredible blessings that await you in a Christ-centered life. Come and be a part of this life-changing experience. Are you feeling weighed down by the burdens of your past? Do you yearn for a fresh start and a new direction in life? Join us for an enlightening and transformative sermon titled "Start a New Way of Living," where we delve into the remarkable journey of spiritual renewal and rediscovery through faith in Christ. This sermon will provide you with the tools and insights needed to embrace a new way of living, centered on the teachings and love of Jesus Christ.</p>
</div>
<!-- Sermons Entry Content End -->
<!-- Sermons Social Sharing Start -->
<div class="sermons-social-sharing wow fadeInUp" data-wow-delay="0.5s">
<div class="sermons-social-sharing-title">
<h3>Share This Sermon :</h3>
</div>
<div class="sermons-social-sharing-list">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></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="#"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
</div>
<!-- Sermons Social Sharing End -->
</div>
<!-- Sermons Single Content End -->
</div>
<div class="col-lg-4">
<!-- Sermons Sidebar Start -->
<div class="sermons-sidebar wow fadeInUp" data-wow-delay="0.25s">
<!-- About Sermons Sidebar Start -->
<div class="about-sermons-sidebar">
<!-- About Sermons Title Start -->
<div class="about-sermons-title">
<h3>about the sermons</h3>
</div>
<!-- About Sermons Title End -->
<!-- About Sermons Item Start -->
<div class="about-sermons-item">
<div class="icon-box">
<i class="fa-solid fa-user"></i>
</div>
<div class="about-sermons-content">
<h3>sermon from </h3>
<p>john due</p>
</div>
</div>
<!-- About Sermons Item End -->
<!-- About Sermons Item Start -->
<div class="about-sermons-item">
<div class="icon-box">
<i class="fa-solid fa-tag"></i>
</div>
<div class="about-sermons-content">
<h3>categories</h3>
<p>pray</p>
</div>
</div>
<!-- About Sermons Item End -->
<!-- About Sermons Item Start -->
<div class="about-sermons-item">
<div class="icon-box">
<i class="fa-solid fa-calendar-days"></i>
</div>
<div class="about-sermons-content">
<h3>date & time</h3>
<p>aug 03 - on 7:00 am - 11:00 am</p>
</div>
</div>
<!-- About Sermons Item End -->
</div>
<!-- About Sermons Sidebar End -->
</div>
<!-- Sermons Sidebar End -->
</div>
</div>
</div>
</div>
<!-- Page Sermons Single 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/footer-logo.svg" alt="">
</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>
</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>
</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="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</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 services</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>
</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>(+0) 789 345 012</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>domain@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>
<!-- 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 2024 Avenix. 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="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy 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,598 +0,0 @@
<!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">
<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.svg" alt="Logo">
</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 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>
</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="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>
</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>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<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 -->
<!-- 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">sermons</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">sermons</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Sermons Start -->
<div class="page-sermons">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<!-- Sermons Item Start -->
<div class="sermons-item wow fadeInUp">
<!-- Sermons Image Start -->
<div class="sermons-image">
<figure>
<a href="#" class="image-anime" data-cursor-text="View">
<img src="images/sermons-img-1.jpg" alt="">
</a>
</figure>
<!-- Sermons Meta Start -->
<div class="sermons-meta">
<h3>03</h3>
<p>aug</p>
</div>
<!-- Sermons Meta End -->
<div class="sermons-audio-icon">
<a href="#"><img src="images/audio-play-icon.svg" alt=""></a>
</div>
</div>
<!-- Sermons Image End -->
<!-- Sermons Body Start -->
<div class="sermons-body">
<!-- Sermons Title Start -->
<div class="sermons-title">
<h2>Start a New Way of Living</h2>
</div>
<!-- Sermons Title End -->
<!-- Sermons List Start -->
<div class="sermons-list">
<ul>
<li><i class="fa-solid fa-user"></i>Sermon From : <span>John Due</span></li>
<li><i class="fa-solid fa-tag"></i>Categories : <span>Pray</span></li>
<li><i class="fa-regular fa-calendar-days"></i>Date & Time : <span>Aug 03 - on 7:00 am - 11:00 am</span></li>
</ul>
</div>
<!-- Sermons List End -->
</div>
<!-- Sermons Body End -->
</div>
<!-- Sermons Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Sermons Item Start -->
<div class="sermons-item wow fadeInUp" data-wow-delay="0.25s">
<!-- Sermons Image Start -->
<div class="sermons-image">
<figure>
<a href="#" class="image-anime" data-cursor-text="View">
<img src="images/sermons-img-2.jpg" alt="">
</a>
</figure>
<!-- Sermons Meta Start -->
<div class="sermons-meta">
<h3>03</h3>
<p>aug</p>
</div>
<!-- Sermons Meta End -->
<div class="sermons-audio-icon">
<a href="#"><img src="images/audio-play-icon.svg" alt=""></a>
</div>
</div>
<!-- Sermons Image End -->
<!-- Sermons Body Start -->
<div class="sermons-body">
<!-- Sermons Title Start -->
<div class="sermons-title">
<h2>overcoming life's challenges</h2>
</div>
<!-- Sermons Title End -->
<!-- Sermons List Start -->
<div class="sermons-list">
<ul>
<li><i class="fa-solid fa-user"></i>Sermon From : <span>John Due</span></li>
<li><i class="fa-solid fa-tag"></i>Categories : <span>Pray</span></li>
<li><i class="fa-regular fa-calendar-days"></i>Date & Time : <span>Aug 03 - on 7:00 am - 11:00 am</span></li>
</ul>
</div>
<!-- Sermons List End -->
</div>
<!-- Sermons Body End -->
</div>
<!-- Sermons Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Sermons Item Start -->
<div class="sermons-item wow fadeInUp" data-wow-delay="0.5s">
<!-- Sermons Image Start -->
<div class="sermons-image">
<figure>
<a href="#" class="image-anime" data-cursor-text="View">
<img src="images/sermons-img-3.jpg" alt="">
</a>
</figure>
<!-- Sermons Meta Start -->
<div class="sermons-meta">
<h3>03</h3>
<p>aug</p>
</div>
<!-- Sermons Meta End -->
<div class="sermons-audio-icon">
<a href="#"><img src="images/audio-play-icon.svg" alt=""></a>
</div>
</div>
<!-- Sermons Image End -->
<!-- Sermons Body Start -->
<div class="sermons-body">
<!-- Sermons Title Start -->
<div class="sermons-title">
<h2>hope in times of trouble</h2>
</div>
<!-- Sermons Title End -->
<!-- Sermons List Start -->
<div class="sermons-list">
<ul>
<li><i class="fa-solid fa-user"></i>Sermon From : <span>John Due</span></li>
<li><i class="fa-solid fa-tag"></i>Categories : <span>Pray</span></li>
<li><i class="fa-regular fa-calendar-days"></i>Date & Time : <span>Aug 03 - on 7:00 am - 11:00 am</span></li>
</ul>
</div>
<!-- Sermons List End -->
</div>
<!-- Sermons Body End -->
</div>
<!-- Sermons Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Sermons Item Start -->
<div class="sermons-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Sermons Image Start -->
<div class="sermons-image">
<figure>
<a href="#" class="image-anime" data-cursor-text="View">
<img src="images/sermons-img-4.jpg" alt="">
</a>
</figure>
<!-- Sermons Meta Start -->
<div class="sermons-meta">
<h3>03</h3>
<p>aug</p>
</div>
<!-- Sermons Meta End -->
<div class="sermons-audio-icon">
<a href="#"><img src="images/audio-play-icon.svg" alt=""></a>
</div>
</div>
<!-- Sermons Image End -->
<!-- Sermons Body Start -->
<div class="sermons-body">
<!-- Sermons Title Start -->
<div class="sermons-title">
<h2>building stronger faith</h2>
</div>
<!-- Sermons Title End -->
<!-- Sermons List Start -->
<div class="sermons-list">
<ul>
<li><i class="fa-solid fa-user"></i>Sermon From : <span>John Due</span></li>
<li><i class="fa-solid fa-tag"></i>Categories : <span>Pray</span></li>
<li><i class="fa-regular fa-calendar-days"></i>Date & Time : <span>Aug 03 - on 7:00 am - 11:00 am</span></li>
</ul>
</div>
<!-- Sermons List End -->
</div>
<!-- Sermons Body End -->
</div>
<!-- Sermons Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Sermons Item Start -->
<div class="sermons-item wow fadeInUp" data-wow-delay="1s">
<!-- Sermons Image Start -->
<div class="sermons-image">
<figure>
<a href="#" class="image-anime" data-cursor-text="View">
<img src="images/sermons-img-5.jpg" alt="">
</a>
</figure>
<!-- Sermons Meta Start -->
<div class="sermons-meta">
<h3>03</h3>
<p>aug</p>
</div>
<!-- Sermons Meta End -->
<div class="sermons-audio-icon">
<a href="#"><img src="images/audio-play-icon.svg" alt=""></a>
</div>
</div>
<!-- Sermons Image End -->
<!-- Sermons Body Start -->
<div class="sermons-body">
<!-- Sermons Title Start -->
<div class="sermons-title">
<h2>embracing god's plan</h2>
</div>
<!-- Sermons Title End -->
<!-- Sermons List Start -->
<div class="sermons-list">
<ul>
<li><i class="fa-solid fa-user"></i>Sermon From : <span>John Due</span></li>
<li><i class="fa-solid fa-tag"></i>Categories : <span>Pray</span></li>
<li><i class="fa-regular fa-calendar-days"></i>Date & Time : <span>Aug 03 - on 7:00 am - 11:00 am</span></li>
</ul>
</div>
<!-- Sermons List End -->
</div>
<!-- Sermons Body End -->
</div>
<!-- Sermons Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Sermons Item Start -->
<div class="sermons-item wow fadeInUp" data-wow-delay="1.25s">
<!-- Sermons Image Start -->
<div class="sermons-image">
<figure>
<a href="#" class="image-anime" data-cursor-text="View">
<img src="images/sermons-img-6.jpg" alt="">
</a>
</figure>
<!-- Sermons Meta Start -->
<div class="sermons-meta">
<h3>03</h3>
<p>aug</p>
</div>
<!-- Sermons Meta End -->
<div class="sermons-audio-icon">
<a href="#"><img src="images/audio-play-icon.svg" alt=""></a>
</div>
</div>
<!-- Sermons Image End -->
<!-- Sermons Body Start -->
<div class="sermons-body">
<!-- Sermons Title Start -->
<div class="sermons-title">
<h2>the call to discipleship</h2>
</div>
<!-- Sermons Title End -->
<!-- Sermons List Start -->
<div class="sermons-list">
<ul>
<li><i class="fa-solid fa-user"></i>Sermon From : <span>John Due</span></li>
<li><i class="fa-solid fa-tag"></i>Categories : <span>Pray</span></li>
<li><i class="fa-regular fa-calendar-days"></i>Date & Time : <span>Aug 03 - on 7:00 am - 11:00 am</span></li>
</ul>
</div>
<!-- Sermons List End -->
</div>
<!-- Sermons Body End -->
</div>
<!-- Sermons Item End -->
</div>
<div class="col-lg-12">
<!-- Page Pagination Start -->
<div class="page-pagination wow fadeInUp" data-wow-delay="0.5s">
<ul class="pagination">
<li><a href="#"><i class="fa-solid fa-arrow-left-long"></i></a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#"><i class="fa-solid fa-arrow-right-long"></i></a></li>
</ul>
</div>
<!-- Page Pagination End -->
</div>
</div>
</div>
</div>
<!-- Page Sermons 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/footer-logo.svg" alt="">
</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>
</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>
</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="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</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 services</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>
</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>(+0) 789 345 012</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>domain@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>
<!-- 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 2024 Avenix. 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="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy 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,508 +0,0 @@
<!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">
<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.svg" alt="Logo">
</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 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>
</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="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>
</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>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<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 -->
<!-- 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">support groups</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item"><a href="./">Services</a></li>
<li class="breadcrumb-item active" aria-current="page">support groups</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Service Single Start -->
<div class="page-service-single">
<div class="container">
<div class="row">
<div class="col-lg-8">
<!-- Service Single Content Start -->
<div class="service-single-content">
<!-- Service Single Slider Start -->
<div class="service-single-slider">
<div class="swiper">
<div class="swiper-wrapper">
<!-- Service Image Slide Start -->
<div class="swiper-slide">
<div class="service-slider-image">
<figure>
<img src="images/service-single-img.jpg" alt="">
</figure>
</div>
</div>
<!-- Service Image Slide End -->
<!-- Service Image Slide Start -->
<div class="swiper-slide">
<div class="service-slider-image">
<figure>
<img src="images/service-single-img.jpg" alt="">
</figure>
</div>
</div>
<!-- Service Image Slide End -->
<!-- Service Image Slide Start -->
<div class="swiper-slide">
<div class="service-slider-image">
<figure>
<img src="images/service-single-img.jpg" alt="">
</figure>
</div>
</div>
<!-- Service Image Slide End -->
</div>
<div class="service-single-btn">
<div class="service-single-button-prev"></div>
<div class="service-single-button-next"></div>
</div>
</div>
</div>
<!-- Service Single Slider End -->
<!-- Service Entry Content Start -->
<div class="service-entry">
<h2 class="text-anime-style-2" data-cursor="-opaque">Christmas Eve Candlelight Service</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Join us for the Christmas Eve Candlelight Service to celebrate the birth of Jesus Christ. Enjoy an evening of carols, scripture readings, and worship in a avenix, candlelit setting. Bring family and friends to share in this beautiful tradition and experience the true spirit of Christmas together.</p>
<p class="wow fadeInUp" data-wow-delay="0.4s">Celebrate Jesus' birth at our Christmas Eve Candlelight Service with carols, scripture readings, and worship in a avenix, candlelit setting. Bring family and friends.</p>
<ul class="wow fadeInUp" data-wow-delay="0.6s">
<li>Uplifting carols and scripture readings</li>
<li>Atmosphere avenix, candlelit setting</li>
<li>Fellowship Gather with family and friends</li>
<li>Reflect Embrace the true spirit of Christmas</li>
</ul>
</div>
<!-- Service Entry Content End -->
<!-- Service Single Faqs Start -->
<div class="service-single-faqs">
<!-- Section Title Start -->
<div class="section-title">
<h2 class="text-anime-style-2" data-cursor="-opaque">Our Core Value</h2>
</div>
<!-- Section Title End -->
<!-- Core Value FAQ Accordion Start -->
<div class="core-value-faqs-accordion" id="accordion">
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Why is faith a core value?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
How does the church demonstrate love?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
How is community fostered within the church?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
What is the importance of spiritual growth?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
How do these values shape church activities?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
</div>
<!-- Core Value FAQ Accordion End -->
</div>
<!-- Service Single Faqs End -->
</div>
<!-- Service Single Content End -->
</div>
<div class="col-lg-4">
<!-- Service Sidebar Start -->
<div class="service-sidebar">
<!-- Service Categories List Start -->
<div class="service-catagery-list wow fadeInUp">
<h3>our services</h3>
<ul>
<li><a href="#">support groups</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="#">midweek prayer</a></li>
</ul>
</div>
<!-- Service Categories List End -->
<!-- Sidebar Cta Start -->
<div class="sidebar-cta-box wow fadeInUp" data-wow-delay="0.25s">
<!-- Cta Contact Item Start -->
<div class="cta-contact-item">
<div class="icon-box">
<img src="images/icon-sidebar-cta.svg" alt="">
</div>
<div class="cta-contact-content">
<h2>We're Here Help</h2>
<p>Need assistance? We're here to help with support, guidance, and resources. Reach out to us anytime.</p>
</div>
<div class="cta-contact-btn">
<a href="#" class="btn-default btn-highlighted">contact now</a>
</div>
</div>
<!-- Cta Contact Item End -->
</div>
<!-- Sidebar Cta End -->
</div>
<!-- Service Sidebar End -->
</div>
</div>
</div>
</div>
<!-- Page Service Single 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/footer-logo.svg" alt="">
</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>
</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>
</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="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</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 services</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>
</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>(+0) 789 345 012</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>domain@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>
<!-- 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 2024 Avenix. 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="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy 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,694 +0,0 @@
<!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">
<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.svg" alt="Logo">
</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 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>
</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="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>
</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>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<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 -->
<!-- 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">Services</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">services</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Services Start -->
<div class="page-services">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<!-- Service Item Start -->
<div class="service-item wow fadeInUp">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-service-1.svg" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Body Start -->
<div class="service-body">
<p>Compassionate support for grief, relationships, and personal struggles. Join our monthly groups or schedule counseling.</p>
</div>
<!-- Service Body End -->
<!-- Service Footer Start -->
<div class="service-footer">
<div class="service-content">
<h3>support groups</h3>
</div>
<div class="service-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div>
</div>
<!-- Service Footer End -->
</div>
<!-- Service Item End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Service Item Start -->
<div class="service-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-service-2.svg" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Body Start -->
<div class="service-body">
<p>Join us for special events, including holiday services, picnics, and community fundraisers throughout the year.</p>
</div>
<!-- Service Body End -->
<!-- Service Footer Start -->
<div class="service-footer">
<div class="service-content">
<h3>special events</h3>
</div>
<div class="service-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div>
</div>
<!-- Service Footer End -->
</div>
<!-- Service Item End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Service Item Start -->
<div class="service-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-service-3.svg" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Body Start -->
<div class="service-body">
<p>Join our online services for live streams of Sunday worship, virtual Bible studies, and interactive prayer meetings from anywhere.</p>
</div>
<!-- Service Body End -->
<!-- Service Footer Start -->
<div class="service-footer">
<div class="service-content">
<h3>online services</h3>
</div>
<div class="service-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div>
</div>
<!-- Service Footer End -->
</div>
<!-- Service Item End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Service Item Start -->
<div class="service-item wow fadeInUp" data-wow-delay="0.6s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-service-4.svg" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Body Start -->
<div class="service-body">
<p>Receive compassionate pastoral care through one-on-one counseling and visits, addressing spiritual needs and personal challenges with care.</p>
</div>
<!-- Service Body End -->
<!-- Service Footer Start -->
<div class="service-footer">
<div class="service-content">
<h3>pastoral care</h3>
</div>
<div class="service-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div>
</div>
<!-- Service Footer End -->
</div>
<!-- Service Item End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Service Item Start -->
<div class="service-item wow fadeInUp" data-wow-delay="0.8s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-service-1.svg" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Body Start -->
<div class="service-body">
<p>Compassionate support for grief, relationships, and personal struggles. Join our monthly groups or schedule counseling.</p>
</div>
<!-- Service Body End -->
<!-- Service Footer Start -->
<div class="service-footer">
<div class="service-content">
<h3>sunday worship</h3>
</div>
<div class="service-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div>
</div>
<!-- Service Footer End -->
</div>
<!-- Service Item End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Service Item Start -->
<div class="service-item wow fadeInUp" data-wow-delay="1s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-service-6.svg" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Body Start -->
<div class="service-body">
<p>Join us for special events, including holiday services, picnics, and community fundraisers throughout the year.</p>
</div>
<!-- Service Body End -->
<!-- Service Footer Start -->
<div class="service-footer">
<div class="service-content">
<h3>midweek prayer</h3>
</div>
<div class="service-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div>
</div>
<!-- Service Footer End -->
</div>
<!-- Service Item End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Service Item Start -->
<div class="service-item wow fadeInUp" data-wow-delay="1.2s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-service-7.svg" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Body Start -->
<div class="service-body">
<p>Join our online services for live streams of Sunday worship, virtual Bible studies, and interactive prayer meetings from anywhere.</p>
</div>
<!-- Service Body End -->
<!-- Service Footer Start -->
<div class="service-footer">
<div class="service-content">
<h3>family service</h3>
</div>
<div class="service-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div>
</div>
<!-- Service Footer End -->
</div>
<!-- Service Item End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Service Item Start -->
<div class="service-item wow fadeInUp" data-wow-delay="1.4s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/icon-service-8.svg" alt="">
</div>
<!-- Icon Box End -->
<!-- Service Body Start -->
<div class="service-body">
<p>Receive compassionate pastoral care through one-on-one counseling and visits, addressing spiritual needs and personal challenges with care.</p>
</div>
<!-- Service Body End -->
<!-- Service Footer Start -->
<div class="service-footer">
<div class="service-content">
<h3>healing service</h3>
</div>
<div class="service-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
</div>
</div>
<!-- Service Footer End -->
</div>
<!-- Service Item End -->
</div>
</div>
</div>
</div>
<!-- Page Services End -->
<!-- Core Value Section Start -->
<div class="core-value">
<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 core value</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Foundations of Our Faith and <span>Community Life</span></h2>
</div>
<!-- Section Title End -->
</div>
</div>
<div class="row align-items-center">
<div class="col-lg-6">
<!-- Core Value FAQ Accordion Start -->
<div class="core-value-faqs-accordion" id="accordion">
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Why is faith a core value?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
How does the church demonstrate love?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
How is community fostered within the church?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
What is the importance of spiritual growth?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- 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">
How do these values shape church activities?
</button>
</h2>
<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>
</div>
</div>
</div>
<!-- FAQ Item End -->
</div>
<!-- Core Value FAQ Accordion End -->
</div>
<div class="col-lg-6">
<!-- Core Value Slider Start -->
<div class="core-value-slider">
<div class="swiper">
<div class="swiper-wrapper">
<!-- Core Value Image Slide Start -->
<div class="swiper-slide">
<div class="core-value-slider-img">
<figure class="image-anime">
<img src="images/core-value-img.jpg" alt="">
</figure>
</div>
</div>
<!-- Core Value Image Slide End -->
<!-- Core Value Image Slide Start -->
<div class="swiper-slide">
<div class="core-value-slider-img">
<figure class="image-anime">
<img src="images/core-value-img.jpg" alt="">
</figure>
</div>
</div>
<!-- Core Value Image Slide End -->
<!-- Core Value Image Slide Start -->
<div class="swiper-slide">
<div class="core-value-slider-img">
<figure class="image-anime">
<img src="images/core-value-img.jpg" alt="">
</figure>
</div>
</div>
<!-- Core Value Image Slide End -->
</div>
<div class="core-value-btn">
<div class="core-value-button-prev"></div>
<div class="core-value-button-next"></div>
</div>
</div>
</div>
<!-- Core Value Slider End -->
</div>
</div>
</div>
</div>
<!-- Core Value 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/footer-logo.svg" alt="">
</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>
</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>
</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="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</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 services</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>
</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>(+0) 789 345 012</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>domain@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>
<!-- 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 2024 Avenix. 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="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy 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>