regionals taken care of, mission statement

This commit is contained in:
Keshav Anand
2026-03-08 19:45:20 -05:00
parent 3c5c541881
commit 5ebbcadd62
5 changed files with 213 additions and 367 deletions

View File

@@ -1,93 +1,105 @@
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Awaiken">
<!-- Page Title -->
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Awaiken">
<!-- Page Title -->
<title>Avenix - Church HTML Template</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
<ul class="sub-menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home - Image</a></li>
<li class="nav-item"><a class="nav-link" href="index-video.html">Home - Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home - Slider</a></li>
<li class="nav-item"><a class="nav-link" href="index-video.html">Home -
Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home -
Slider</a></li>
</ul>
</li>
</li>
<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>
<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="blog-single.html">Blog
Details</a></li>
<li class="nav-item"><a class="nav-link" href="sermons.html">Sermons</a></li>
<li class="nav-item"><a class="nav-link" href="sermons-single.html">Sermons Details</a></li>
<li class="nav-item"><a class="nav-link" href="sermons-single.html">Sermons
Details</a></li>
<li class="nav-item"><a class="nav-link" href="campaign.html">Campaigns</a></li>
<li class="nav-item"><a class="nav-link" href="campaign-single.html">Campaign Details</a></li>
<li class="nav-item"><a class="nav-link" href="ministries.html">Ministries</a></li>
<li class="nav-item"><a class="nav-link" href="ministry-single.html">Ministries Details</a></li>
<li class="nav-item"><a class="nav-link" href="campaign-single.html">Campaign
Details</a></li>
<li class="nav-item"><a class="nav-link" href="ministries.html">Ministries</a>
</li>
<li class="nav-item"><a class="nav-link" href="ministry-single.html">Ministries
Details</a></li>
<li class="nav-item"><a class="nav-link" href="pastor.html">pastor</a></li>
<li class="nav-item"><a class="nav-link" href="gallery.html">Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="404.html">404</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
<li class="nav-item highlighted-menu"><a class="nav-link" href="#">donate now</a></li>
<li class="nav-item highlighted-menu"><a class="nav-link" href="#">donate now</a></li>
</ul>
</div>
<!-- Lets Start Button Start -->
@@ -95,38 +107,38 @@
<a href="#" class="btn-default">donate now</a>
</div>
<!-- Lets Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">Kids Sports Activity</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">Kids Sports Activity</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item"><a href="./">campaign</a></li>
<li class="breadcrumb-item active" aria-current="page">kids sports activity</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<li class="breadcrumb-item active" aria-current="page">kids sports activity</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Campaign Single Start -->
<div class="page-campaign-single">
@@ -177,9 +189,16 @@
<!-- Campaign Entry Content Start -->
<div class="campaign-entry">
<h2 class="text-anime-style-2" data-cursor="-opaque">Donate for Kid's Sports Activities Today!</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Support our kids by donating to our church's sports activities program. Your contributions provide equipment, uniforms, and opportunities for children to participate in healthy, fun, and team-building activities. Help us promote fitness, teamwork, and community spirit among our youth. Every donation makes a difference. Thank you for your generosity!</p>
<p class="wow fadeInUp" data-wow-delay="0.4s">we can ensure every child has the chance to participate and grow. Every donation, big or small, makes a significant impact. Thank you for helping us nurture the physical and spiritual well-being of our children!</p>
<h2 class="text-anime-style-2" data-cursor="-opaque">Donate for Kid's Sports Activities
Today!</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Support our kids by donating to our church's
sports activities program. Your contributions provide equipment, uniforms, and
opportunities for children to participate in healthy, fun, and team-building activities.
Help us promote fitness, teamwork, and community spirit among our youth. Every donation
makes a difference. Thank you for your generosity!</p>
<p class="wow fadeInUp" data-wow-delay="0.4s">we can ensure every child has the chance to
participate and grow. Every donation, big or small, makes a significant impact. Thank
you for helping us nurture the physical and spiritual well-being of our children!</p>
<ul class="wow fadeInUp" data-wow-delay="0.6s">
<li>Help kids participate in fun, healthy activities.</li>
<li>Teach kids valuable skills in cooperation.</li>
@@ -194,7 +213,8 @@
<div class="row gallery-items">
<div class="col-lg-3 col-6">
<!-- Image gallery start -->
<div class="campaign-gallery wow fadeInUp" data-wow-delay="0.2s" data-cursor-text="View">
<div class="campaign-gallery wow fadeInUp" data-wow-delay="0.2s"
data-cursor-text="View">
<a href="images/campaign-gallery-1.jpg">
<figure class="image-anime">
<img src="images/campaign-gallery-1.jpg" alt="img">
@@ -203,10 +223,11 @@
</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">
<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">
@@ -215,10 +236,11 @@
</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">
<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">
@@ -227,10 +249,11 @@
</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">
<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">
@@ -238,7 +261,7 @@
</a>
</div>
<!-- Image gallery end -->
</div>
</div>
</div>
</div>
<!-- Campaign Entry Gallery End -->
@@ -259,14 +282,16 @@
<div class="accordion-item wow fadeInUp">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
data-bs-target="#collapseOne" aria-expanded="true"
aria-controls="collapseOne">
Why is faith a core value?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
data-bs-parent="#accordion">
<div id="collapseOne" class="accordion-collapse collapse show"
aria-labelledby="headingOne" data-bs-parent="#accordion">
<div class="accordion-body">
<p>We demonstrate love through compassionate service, supportive relationships, and inclusive community practices.</p>
<p>We demonstrate love through compassionate service, supportive
relationships, and inclusive community practices.</p>
</div>
</div>
</div>
@@ -275,15 +300,17 @@
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.25s">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseTwo"
aria-expanded="false" aria-controls="collapseTwo">
How does the church demonstrate love?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordion">
<div id="collapseTwo" class="accordion-collapse collapse"
aria-labelledby="headingTwo" data-bs-parent="#accordion">
<div class="accordion-body">
<p>We demonstrate love through compassionate service, supportive relationships, and inclusive community practices.</p>
<p>We demonstrate love through compassionate service, supportive
relationships, and inclusive community practices.</p>
</div>
</div>
</div>
@@ -292,15 +319,17 @@
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.5s">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseThree"
aria-expanded="false" aria-controls="collapseThree">
How is community fostered within the church?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
data-bs-parent="#accordion">
<div id="collapseThree" class="accordion-collapse collapse"
aria-labelledby="headingThree" data-bs-parent="#accordion">
<div class="accordion-body">
<p>We demonstrate love through compassionate service, supportive relationships, and inclusive community practices.</p>
<p>We demonstrate love through compassionate service, supportive
relationships, and inclusive community practices.</p>
</div>
</div>
</div>
@@ -309,15 +338,17 @@
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.75s">
<h2 class="accordion-header" id="headingfour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapsefour" aria-expanded="false" aria-controls="collapsefour">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapsefour"
aria-expanded="false" aria-controls="collapsefour">
What is the importance of spiritual growth?
</button>
</h2>
<div id="collapsefour" class="accordion-collapse collapse" aria-labelledby="headingfour"
data-bs-parent="#accordion">
<div id="collapsefour" class="accordion-collapse collapse"
aria-labelledby="headingfour" data-bs-parent="#accordion">
<div class="accordion-body">
<p>We demonstrate love through compassionate service, supportive relationships, and inclusive community practices.</p>
<p>We demonstrate love through compassionate service, supportive
relationships, and inclusive community practices.</p>
</div>
</div>
</div>
@@ -326,15 +357,17 @@
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="1s">
<h2 class="accordion-header" id="headingfive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapsefive" aria-expanded="false" aria-controls="collapsefive">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapsefive"
aria-expanded="false" aria-controls="collapsefive">
How do these values shape church activities?
</button>
</h2>
<div id="collapsefive" class="accordion-collapse collapse" aria-labelledby="headingfive"
data-bs-parent="#accordion">
<div id="collapsefive" class="accordion-collapse collapse"
aria-labelledby="headingfive" data-bs-parent="#accordion">
<div class="accordion-body">
<p>We demonstrate love through compassionate service, supportive relationships, and inclusive community practices.</p>
<p>We demonstrate love through compassionate service, supportive
relationships, and inclusive community practices.</p>
</div>
</div>
</div>
@@ -366,48 +399,50 @@
<div class="campaign-single-sidebar">
<div class="campaign-sidebar-title">
<h3 class="wow fadeInUp"><span>give</span> today</h3>
<p class="wow fadeInUp" data-wow-delay="0.25s">Every time you give to find Faith Church, you're helping fulfill the mission.</p>
<p class="wow fadeInUp" data-wow-delay="0.25s">Every time you give to find Faith Church,
you're helping fulfill the mission.</p>
</div>
<div class="campaign-donate-form">
<form id="donateForm" action="#" method="POST">
<div class="campaign-donate-value">
<div class="form-group mb-4">
<input type="text" name="text" class="form-control" id="text" placeholder="donate now ..." required>
<input type="text" name="text" class="form-control" id="text"
placeholder="donate now ..." required>
<div class="help-block with-errors"></div>
</div>
<fieldset class="donate-value-box">
<fieldset class="donate-value-box">
<div class="donate-value">
<input type="radio" id="value1" name="value" value="value1" checked>
<label for="value1">$ 100.00</label>
<input type="radio" id="value1" name="value" value="value1" checked>
<label for="value1">$ 100.00</label>
</div>
<div class="donate-value">
<input type="radio" id="value2" name="value" value="value2">
<label for="value2">$ 200.00</label>
<input type="radio" id="value2" name="value" value="value2">
<label for="value2">$ 200.00</label>
</div>
<div class="donate-value">
<input type="radio" id="value3" name="value" value="value3">
<label for="value3">$ 300.00</label>
<input type="radio" id="value3" name="value" value="value3">
<label for="value3">$ 300.00</label>
</div>
<div class="donate-value">
<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>
<div class="donate-payment-method">
<div class="payment-method-title">
@@ -417,7 +452,7 @@
<div class="payment-method">
<input type="radio" id="test" name="payment" value="Test" checked>
<label for="test">test donation</label>
</div>
</div>
<div class="payment-method">
<input type="radio" id="Offline" name="payment" value="Offline">
<label for="Offline">offline donation</label>
@@ -428,17 +463,20 @@
<div class="donar-personal-info">
<div class="row">
<div class="form-group col-6 mb-3">
<input type="text" name="name" class="form-control" id="fname" placeholder="First Name" required>
<input type="text" name="name" class="form-control" id="fname"
placeholder="First Name" required>
</div>
<div class="form-group col-6 mb-3">
<input type="text" name="name" class="form-control" id="lname" placeholder="Last Name" required>
<input type="text" name="name" class="form-control" id="lname"
placeholder="Last Name" required>
</div>
<div class="form-group mb-3">
<input type="email" name ="email" class="form-control" id="email" placeholder="Email Address" required>
<input type="email" name="email" class="form-control" id="email"
placeholder="Email Address" required>
</div>
<div class="donar-personal-form-account">
<div class="donar-personal-create-account">
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
@@ -446,9 +484,9 @@
</div>
<div class="donar-personal-login-account">
<P>Already Have Account? <a href="#">login</a></P>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-group-btn">
@@ -479,7 +517,8 @@
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p>Lorem Ipsum is simply dummy text of printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
<p>Lorem Ipsum is simply dummy text of printing and typesetting industry. Lorem Ipsum has
been the industry's.</p>
</div>
<!-- Footer Social Links Start -->
<div class="footer-social-links">
@@ -487,15 +526,15 @@
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#"><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">
@@ -539,7 +578,7 @@
</div>
<div class="footer-info-box-content">
<p>(+0) 789 345 012</p>
</div>
</div>
</div>
<!-- Footer Info Box End -->
@@ -561,7 +600,7 @@
</div>
<div class="footer-info-box-content">
<p>24/11 Robert Road,New York,USA</p>
</div>
</div>
</div>
<!-- Footer Info Box End -->
</div>
@@ -597,7 +636,7 @@
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
@@ -634,4 +673,5 @@
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
</html>