Files
tscb-site/index.html

1290 lines
61 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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>Texas Scholastic Cricket Board</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="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 submenu"><a class="nav-link" href="#">Austin Regionals</a>
<ul>
<li class="nav-item"><a class="nav-link" href="service-single.html">Service Details</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">Blog Details</a></li>
<li class="nav-item"><a class="nav-link" href="sermons.html">Sermons</a></li>
<li class="nav-item"><a class="nav-link" href="sermons-single.html">Sermons Details</a></li>
<li class="nav-item"><a class="nav-link" href="campaign.html">Campaigns</a></li>
<li class="nav-item"><a class="nav-link" href="campaign-single.html">Campaign Details</a></li>
<li class="nav-item"><a class="nav-link" href="ministries.html">Ministries</a></li>
<li class="nav-item"><a class="nav-link" href="ministry-single.html">Ministries Details</a></li>
<li class="nav-item"><a class="nav-link" href="pastor.html">pastor</a></li>
<li class="nav-item"><a class="nav-link" href="gallery.html">Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="404.html">404</a></li>
</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>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<a href="partners.html" class="btn-default">Our Partners</a>
</div>
<!-- Lets Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<div class="hero parallaxie">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Hero Content Start -->
<div class="hero-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">Built, Driven, and For the Students of Texas </h3>
<h1 class="text-anime-style-2" data-cursor="-opaque">Texas Scholastic Cricket Board</h1>
<p class="wow fadeInUp" data-wow-delay="0.25s">The first and only student-led high school federation in Texas</p>
</div>
<!-- Section Title End -->
<!-- Hero Content Body Start -->
<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="partners.html" class="btn-default btn-highlighted"><span>Our Partners</span></a>
</div>
<!-- Hero Content Body End -->
</div>
<!-- Hero Content End -->
</div>
</div>
</div>
<div class="down-arrow">
<a href="#home-about"><i class="fa-solid fa-arrow-down-long"></i></a>
</div>
</div>
<!-- About Us Section Start -->
<div class="about-us" id="home-about">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-15">
<!-- About Content Start -->
<div class="about-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">Who We Are</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Statewide Cricket Community <span>Led By Students</span></h2>
<p class="wow fadeInUp" data-wow-delay="0.25s">As the first and only student-led high school cricket federation in the state, we provide a platform where students do more than play: They lead. </p>
<p class="wow fadeInUp" data-wow-delay="0.5s">From team operations and league coordination to media, officiating, and on-field governance, students are placed at the center of the ecosystem, gaining real leadership experience while shaping the future of high school cricket</p>
</div>
<!-- Section Title End -->
<!-- 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 -->
<!-- About Us Footer Start -->
<div class="about-us-footer wow fadeInUp" data-wow-delay="1s">
<a href="about.html" class="btn-default">read more about us</a>
</div>
<!-- About Us Footer End -->
</div>
<!-- About Content End -->
</div>
</div>
</div>
</div>
<!-- About Us Section End -->
<!-- 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">300</span>+</h2>
</div>
<!-- Counter Title End -->
<!-- Counter Content Start -->
<div class="counter-content">
<h3>cricketers involved</h3>
<p>With over 15 cities connected, TSCB involved over 300 cricketers in the state.</p>
</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">18</span>+</h2>
</div>
<!-- Counter Title End -->
<!-- Counter Content Start -->
<div class="counter-content">
<h3>Cricket Teams</h3>
<p>9 From Dallas, 9 From Austin, with aims to grow to numerous other cities and teams.</p>
</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">4000</span>+</h2>
</div>
<!-- Counter Title End -->
<!-- Counter Content Start -->
<div class="counter-content">
<h3>Funds Raised</h3>
<p>Thanks to our sponsors, TSCB has raised over $4,000 for cricket programs.</p>
</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">20</span>+</h2>
</div>
<!-- Counter Title End -->
<!-- Counter Content Start -->
<div class="counter-content">
<h3>Cricket Matches</h3>
<p>In its short tenure, TSCB has organized over 20 cricket matches across the state.</p>
</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">Our Mission to Serve, <span>Love, and Grow</span></h2>
</div>
<!-- Section Title End -->
<!-- Mission Content Body Start -->
<div class="mission-content-body">
<h3 class="wow fadeInUp" data-wow-delay="0.25s">Our mission is to share God's love, foster spiritual growth, and serve our community with compassion and purpose.</h3>
<p class="wow fadeInUp" data-wow-delay="0.5s">Our mission is to share God's love and grace by fostering spiritual growth, serving our community with compassion, and building meaningful relationships. We are dedicated to living out our faith through worship, outreach, and impactful service.</p>
</div>
<!-- Mission Content Body End -->
<!-- Mission Content Footer Start -->
<div class="mission-content-footer wow fadeInUp" data-wow-delay="0.75s">
<a href="#" 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/mission-image.jpg" alt="">
</figure>
</div>
<!-- Mission Image End -->
<!-- Mission Life Circle Start -->
<div class="mission-life-circle">
<img src="images/mission-life-circle-img.png" alt="">
</div>
<!-- Mission Life Circle End -->
</div>
<!-- Mission Image End -->
</div>
</div>
</div>
</div>
<!-- Our Mission Section End -->
<!-- Our Services Section Start -->
<div class="our-services">
<div class="container">
<div class="row section-row">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">services</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Loving god, helping others and serving the <span>world together</span></h2>
</div>
<!-- Section Title End -->
</div>
<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.25s">
<!-- 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.5s">
<!-- 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.75s">
<!-- 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>
</div>
</div>
<!-- Our Services Section End -->
<!-- Service Ticker Start -->
<div class="service-ticker">
<div class="scrolling-ticker">
<div class="scrolling-ticker-box">
<div class="scrolling-content">
<span><img src="images/icon-asterisk.svg" alt="">Hope Of All</span>
<span><img src="images/icon-asterisk.svg" alt="">Hope Of All</span>
<span><img src="images/icon-asterisk.svg" alt="">Hope Of All</span>
<span><img src="images/icon-asterisk.svg" alt="">Hope Of All</span>
<span><img src="images/icon-asterisk.svg" alt="">Hope Of All</span>
</div>
<div class="scrolling-content">
<span><img src="images/icon-asterisk.svg" alt="">Hope Of All</span>
<span><img src="images/icon-asterisk.svg" alt="">Hope Of All</span>
<span><img src="images/icon-asterisk.svg" alt="">Hope Of All</span>
<span><img src="images/icon-asterisk.svg" alt="">Hope Of All</span>
<span><img src="images/icon-asterisk.svg" alt="">Hope Of All</span>
</div>
</div>
</div>
</div>
<!-- Service Ticker End -->
<!-- Our Ministries Section Start -->
<div class="our-ministries">
<div class="container">
<div class="row section-row">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">ministries</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Our Latest <span>Ministries</span></h2>
</div>
<!-- Section Title End -->
</div>
<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-lg-12">
<div class="our-ministries-footer wow fadeInUp" data-wow-delay="0.75s">
<p>Explore the exciting new ways we are serving our community and growing together in faith with our latest ministry initiatives. <a href="#">View All Ministries</a></p>
</div>
</div>
</div>
</div>
</div>
<!-- Our Ministries Section End -->
<!-- Our Sermons Section Start -->
<div class="our-sermons">
<div class="container">
<div class="row section-row">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">our sermons</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Our Latest <span>Sermons</span></h2>
</div>
<!-- Section Title End -->
</div>
<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>
</div>
</div>
<!-- Our Sermons Section End -->
<!-- Verse Church Section Start -->
<div class="verse-church">
<div class="container">
<div class="row">
<div class="col-lg-6">
<!-- Verse Church Content Start -->
<div class="verse-church-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">verse of the day</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Life is a Church that Loves <span>God and People.</span></h2>
<p class="wow fadeInUp" data-wow-delay="0.25s">Life is a church dedicated to loving God and serving people. We foster a welcoming community where faith and compassion drive everything we do, striving to make a positive impact both spiritually and socially. Join us in this journey.</p>
</div>
<!-- Section Title End -->
<!-- Verse Church Btn Start -->
<div class="verse-church-btn wow fadeInUp" data-wow-delay="0.5s">
<a href="#" class="btn-default">donate now</a>
</div>
<!-- Verse Church Btn End -->
</div>
<!-- Verse Church Content End -->
</div>
</div>
</div>
</div>
<!-- Verse Church 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">Get Involved and Stay Connected: Support Our Mission and Join Our Community 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="#" class="btn-default btn-highlighted">join group</a>
</div>
<!-- CTA Box Btn End -->
</div>
</div>
</div>
</div>
<!-- CTA Box Section End -->
<!-- Our Event Section Start -->
<div class="our-event">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="event-image">
<figure class="image-anime reveal">
<img src="images/event-image.jpg" alt="">
</figure>
</div>
</div>
<div class="col-lg-6">
<div class="event-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">up coming event</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Faith and Fellowship <span>Festival</span></h2>
</div>
<!-- Section Title End -->
<!-- Event Body Start -->
<div class="event-body">
<!-- Event Item Start -->
<div class="event-item wow fadeInUp">
<div class="icon-box">
<i class="fa-solid fa-calendar-days"></i>
</div>
<div class="event-item-content">
<p>Aug 03, 2024 - 8:00 am - 5:00 pm</p>
</div>
</div>
<!-- Event Item End -->
<!-- Event Item Start -->
<div class="event-item wow fadeInUp" data-wow-delay="0.25s">
<div class="icon-box">
<i class="fa-solid fa-location-dot"></i>
</div>
<div class="event-item-content">
<p>Bobst Library, 70 Washington Square South, New York</p>
</div>
</div>
<!-- Event Item End -->
</div>
<!-- Event Body End -->
<!-- Event Footer Start -->
<div class="event-footer">
<p class="wow fadeInUp" data-wow-delay="0.5s">The Faith and Fellowship Festival is a vibrant celebration featuring worship, community activities, and fellowship. Enjoy inspiring sermons, engaging workshops, and fun for all ages, fostering spiritual growth and connection.</p>
</div>
<!-- Event Footer End -->
<!-- Event Btn Start -->
<div class="event-btn wow fadeInUp" data-wow-delay="0.75s">
<a href="#" class="btn-default">join in person</a>
</div>
<!-- Event Btn End -->
</div>
</div>
</div>
</div>
</div>
<!-- Our Event Section End -->
<!-- Donate Now Section Start -->
<div class="donate-now parallaxie">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-4">
<div class="intro-video-box">
<!-- Video Play Button Start -->
<div class="video-play-button">
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
<i class="fa-solid fa-play"></i>
</a>
</div>
<!-- Video Play Button End -->
</div>
</div>
<div class="col-lg-6 col-md-8">
<!-- Donate Box Start -->
<div class="donate-box">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">donate now</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Support <span>Our Mission</span></h2>
<p class="wow fadeInUp" data-wow-delay="0.25s">Your generous support enables to continue its mission of spreading God's love and serving our community.</p>
</div>
<!-- Section Title End -->
<div class="donate-form wow fadeInUp" data-wow-delay="0.5s">
<form id="donateForm" action="#" method="POST">
<div class="form-group mb-4">
<input type="text" name="text" class="form-control" placeholder="donate now ..." required>
</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">
<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 class="form-group-btn">
<button type="submit" class="btn-default">donate now</button>
</div>
</form>
</div>
</div>
<!-- Donate Box End -->
</div>
</div>
</div>
</div>
<!-- Donate Now Section End -->
<!-- Our Blog Start -->
<div class="our-blog">
<div class="container">
<div class="row section-row">
<div class="col-lg-12">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">latest post</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Read Our <span>Latest Articles</span></h2>
</div>
<!-- Section Title End -->
</div>
</div>
<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>
</div>
</div>
<!-- Our Blog End -->
<!-- Subscribe Newsletter Section Start -->
<div class="subscribe-newsletter parallaxie">
<div class="container">
<div class="row section-row">
<div class="col-lg-12">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">subscribe newsletter</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Keep Up With Our <span>Latest News</span></h2>
<p class="wow fadeInUp" data-wow-delay="0.25s">Subscribe to our newsletter to stay informed about upcoming events, inspiring messages, and the latest news from our church community.</p>
</div>
<!-- Section Title End -->
</div>
</div>
<div class="row">
<div class="col-lg-12">
<!-- Subscribe Newsletter Form Start -->
<div class="subscribe-newsletter-form wow fadeInUp" data-wow-delay="0.5s">
<form id="newslettersForm" action="#" method="POST">
<div class="form-group">
<input type="email" name="email" class="form-control" id="mail" placeholder="Your Email..." required>
<button type="submit" class="subscribe-btn">subscribe</button>
</div>
</form>
</div>
<!-- Subscribe Newsletter Form End -->
</div>
</div>
</div>
</div>
<!-- Subscribe Newsletter 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>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>