KeshavAnandCode/tscb-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

regionals taken care of, mission statement

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

350
campaign-single.html
View File

@@ -1,93 +1,105 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zxx"> <html lang="zxx">
<head> <head>
<!-- Meta --> <!-- Meta -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<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="Awaiken">
<!-- Page Title --> <!-- Page Title -->
<title>Avenix - Church HTML Template</title> <title>Avenix - Church HTML Template</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-->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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"> <link
<!-- Bootstrap Css --> 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"
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> rel="stylesheet">
<!-- SlickNav Css --> <!-- Bootstrap Css -->
<link href="css/slicknav.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- Swiper Css --> <!-- SlickNav Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css"> <link href="css/slicknav.min.css" rel="stylesheet">
<!-- Font Awesome Icon Css--> <!-- Swiper Css -->
<link href="css/all.css" rel="stylesheet" media="screen"> <link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Animated Css --> <!-- Font Awesome Icon Css-->
<link href="css/animate.css" rel="stylesheet"> <link href="css/all.css" rel="stylesheet" media="screen">
<!-- Magnific Popup Core Css File --> <!-- Animated Css -->
<link rel="stylesheet" href="css/magnific-popup.css"> <link href="css/animate.css" rel="stylesheet">
<!-- Mouse Cursor Css File --> <!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/mousecursor.css"> <link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File --> <!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css"> <link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css --> <!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen"> <link href="css/custom.css" rel="stylesheet" media="screen">
</head> </head>
<body> <body>
<!-- Preloader Start --> <!-- Preloader Start -->
<div class="preloader"> <div class="preloader">
<div class="loading-container"> <div class="loading-container">
<div class="loading"></div> <div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div> <div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</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">
<nav class="navbar navbar-expand-lg"> <nav class="navbar navbar-expand-lg">
<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.svg" alt="Logo">
</a> </a>
<!-- Logo End --> <!-- Logo End -->
<!-- Main Menu Start --> <!-- Main Menu Start -->
<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 submenu"><a class="nav-link" href="./">Home</a>
<ul class="sub-menu"> <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.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-video.html">Home -
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home - Slider</a></li> Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home -
Slider</a></li>
</ul> </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="about.html">About Us</a></li>
<li class="nav-item"><a class="nav-link" href="service.html">Services</a></li> <li class="nav-item"><a class="nav-link" href="service.html">Services</a></li>
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a> <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
<ul> <ul>
<li class="nav-item"><a class="nav-link" href="service-single.html">Service Details</a></li> <li class="nav-item"><a class="nav-link" href="service-single.html">Service
Details</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li> <li class="nav-item"><a class="nav-link" href="blog.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.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.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="campaign-single.html">Campaign
<li class="nav-item"><a class="nav-link" href="ministries.html">Ministries</a></li> Details</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="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="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="gallery.html">Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="404.html">404</a></li> <li class="nav-item"><a class="nav-link" href="404.html">404</a></li>
</ul> </ul>
</li> </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="#">donate now</a></li>
</ul> </ul>
</div> </div>
<!-- Let’s Start Button Start --> <!-- Let’s Start Button Start -->
@@ -95,38 +107,38 @@
<a href="#" class="btn-default">donate now</a> <a href="#" class="btn-default">donate now</a>
</div> </div>
<!-- Let’s Start Button End --> <!-- Let’s Start Button End -->
</div> </div>
<!-- Main Menu End --> <!-- Main Menu End -->
<div class="navbar-toggle"></div> <div class="navbar-toggle"></div>
</div> </div>
</nav> </nav>
<div class="responsive-menu"></div> <div class="responsive-menu"></div>
</div> </div>
</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">
<div class="row align-items-center"> <div class="row align-items-center">
<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">Kids Sports Activity</h1> <h1 class="text-anime-style-2" data-cursor="-opaque">Kids Sports Activity</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"><a href="./">campaign</a></li> <li class="breadcrumb-item"><a href="./">campaign</a></li>
<li class="breadcrumb-item active" aria-current="page">kids sports activity</li> <li class="breadcrumb-item active" aria-current="page">kids sports activity</li>
</ol> </ol>
</nav> </nav>
</div> </div>
<!-- Page Header Box End --> <!-- Page Header Box End -->
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Page Header End --> <!-- Page Header End -->
<!-- Page Campaign Single Start --> <!-- Page Campaign Single Start -->
<div class="page-campaign-single"> <div class="page-campaign-single">
@@ -177,9 +189,16 @@
<!-- Campaign Entry Content Start --> <!-- Campaign Entry Content Start -->
<div class="campaign-entry"> <div class="campaign-entry">
<h2 class="text-anime-style-2" data-cursor="-opaque">Donate for Kid's Sports Activities Today!</h2> <h2 class="text-anime-style-2" data-cursor="-opaque">Donate for Kid's Sports Activities
<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> Today!</h2>
<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> <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"> <ul class="wow fadeInUp" data-wow-delay="0.6s">
<li>Help kids participate in fun, healthy activities.</li> <li>Help kids participate in fun, healthy activities.</li>
<li>Teach kids valuable skills in cooperation.</li> <li>Teach kids valuable skills in cooperation.</li>
@@ -194,7 +213,8 @@
<div class="row gallery-items"> <div class="row gallery-items">
<div class="col-lg-3 col-6"> <div class="col-lg-3 col-6">
<!-- Image gallery start --> <!-- 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"> <a href="images/campaign-gallery-1.jpg">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/campaign-gallery-1.jpg" alt="img"> <img src="images/campaign-gallery-1.jpg" alt="img">
@@ -203,10 +223,11 @@
</div> </div>
<!-- Image gallery end --> <!-- Image gallery end -->
</div> </div>
<div class="col-lg-3 col-6"> <div class="col-lg-3 col-6">
<!-- Image gallery start --> <!-- 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"> <a href="images/campaign-gallery-2.jpg">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/campaign-gallery-2.jpg" alt="img"> <img src="images/campaign-gallery-2.jpg" alt="img">
@@ -215,10 +236,11 @@
</div> </div>
<!-- Image gallery end --> <!-- Image gallery end -->
</div> </div>
<div class="col-lg-3 col-6"> <div class="col-lg-3 col-6">
<!-- Image gallery start --> <!-- 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"> <a href="images/campaign-gallery-3.jpg">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/campaign-gallery-3.jpg" alt="img"> <img src="images/campaign-gallery-3.jpg" alt="img">
@@ -227,10 +249,11 @@
</div> </div>
<!-- Image gallery end --> <!-- Image gallery end -->
</div> </div>
<div class="col-lg-3 col-6"> <div class="col-lg-3 col-6">
<!-- Image gallery start --> <!-- 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"> <a href="images/campaign-gallery-4.jpg">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/campaign-gallery-4.jpg" alt="img"> <img src="images/campaign-gallery-4.jpg" alt="img">
@@ -238,7 +261,7 @@
</a> </a>
</div> </div>
<!-- Image gallery end --> <!-- Image gallery end -->
</div> </div>
</div> </div>
</div> </div>
<!-- Campaign Entry Gallery End --> <!-- Campaign Entry Gallery End -->
@@ -259,14 +282,16 @@
<div class="accordion-item wow fadeInUp"> <div class="accordion-item wow fadeInUp">
<h2 class="accordion-header" id="headingOne"> <h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" <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? Why is faith a core value?
</button> </button>
</h2> </h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" <div id="collapseOne" class="accordion-collapse collapse show"
data-bs-parent="#accordion"> aria-labelledby="headingOne" data-bs-parent="#accordion">
<div class="accordion-body"> <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> </div>
</div> </div>
@@ -275,15 +300,17 @@
<!-- FAQ Item Start --> <!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.25s"> <div class="accordion-item wow fadeInUp" data-wow-delay="0.25s">
<h2 class="accordion-header" id="headingTwo"> <h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" <button class="accordion-button collapsed" type="button"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> data-bs-toggle="collapse" data-bs-target="#collapseTwo"
aria-expanded="false" aria-controls="collapseTwo">
How does the church demonstrate love? How does the church demonstrate love?
</button> </button>
</h2> </h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" <div id="collapseTwo" class="accordion-collapse collapse"
data-bs-parent="#accordion"> aria-labelledby="headingTwo" data-bs-parent="#accordion">
<div class="accordion-body"> <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> </div>
</div> </div>
@@ -292,15 +319,17 @@
<!-- FAQ Item Start --> <!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.5s"> <div class="accordion-item wow fadeInUp" data-wow-delay="0.5s">
<h2 class="accordion-header" id="headingThree"> <h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" <button class="accordion-button collapsed" type="button"
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> data-bs-toggle="collapse" data-bs-target="#collapseThree"
aria-expanded="false" aria-controls="collapseThree">
How is community fostered within the church? How is community fostered within the church?
</button> </button>
</h2> </h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" <div id="collapseThree" class="accordion-collapse collapse"
data-bs-parent="#accordion"> aria-labelledby="headingThree" data-bs-parent="#accordion">
<div class="accordion-body"> <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> </div>
</div> </div>
@@ -309,15 +338,17 @@
<!-- FAQ Item Start --> <!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.75s"> <div class="accordion-item wow fadeInUp" data-wow-delay="0.75s">
<h2 class="accordion-header" id="headingfour"> <h2 class="accordion-header" id="headingfour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" <button class="accordion-button collapsed" type="button"
data-bs-target="#collapsefour" aria-expanded="false" aria-controls="collapsefour"> data-bs-toggle="collapse" data-bs-target="#collapsefour"
aria-expanded="false" aria-controls="collapsefour">
What is the importance of spiritual growth? What is the importance of spiritual growth?
</button> </button>
</h2> </h2>
<div id="collapsefour" class="accordion-collapse collapse" aria-labelledby="headingfour" <div id="collapsefour" class="accordion-collapse collapse"
data-bs-parent="#accordion"> aria-labelledby="headingfour" data-bs-parent="#accordion">
<div class="accordion-body"> <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> </div>
</div> </div>
@@ -326,15 +357,17 @@
<!-- FAQ Item Start --> <!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="1s"> <div class="accordion-item wow fadeInUp" data-wow-delay="1s">
<h2 class="accordion-header" id="headingfive"> <h2 class="accordion-header" id="headingfive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" <button class="accordion-button collapsed" type="button"
data-bs-target="#collapsefive" aria-expanded="false" aria-controls="collapsefive"> data-bs-toggle="collapse" data-bs-target="#collapsefive"
aria-expanded="false" aria-controls="collapsefive">
How do these values shape church activities? How do these values shape church activities?
</button> </button>
</h2> </h2>
<div id="collapsefive" class="accordion-collapse collapse" aria-labelledby="headingfive" <div id="collapsefive" class="accordion-collapse collapse"
data-bs-parent="#accordion"> aria-labelledby="headingfive" data-bs-parent="#accordion">
<div class="accordion-body"> <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> </div>
</div> </div>
@@ -366,48 +399,50 @@
<div class="campaign-single-sidebar"> <div class="campaign-single-sidebar">
<div class="campaign-sidebar-title"> <div class="campaign-sidebar-title">
<h3 class="wow fadeInUp"><span>give</span> today</h3> <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>
<div class="campaign-donate-form"> <div class="campaign-donate-form">
<form id="donateForm" action="#" method="POST"> <form id="donateForm" action="#" method="POST">
<div class="campaign-donate-value"> <div class="campaign-donate-value">
<div class="form-group mb-4"> <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 class="help-block with-errors"></div>
</div> </div>
<fieldset class="donate-value-box"> <fieldset class="donate-value-box">
<div class="donate-value"> <div class="donate-value">
<input type="radio" id="value1" name="value" value="value1" checked> <input type="radio" id="value1" name="value" value="value1" checked>
<label for="value1">$ 100.00</label> <label for="value1">$ 100.00</label>
</div> </div>
<div class="donate-value"> <div class="donate-value">
<input type="radio" id="value2" name="value" value="value2"> <input type="radio" id="value2" name="value" value="value2">
<label for="value2">$ 200.00</label> <label for="value2">$ 200.00</label>
</div> </div>
<div class="donate-value"> <div class="donate-value">
<input type="radio" id="value3" name="value" value="value3"> <input type="radio" id="value3" name="value" value="value3">
<label for="value3">$ 300.00</label> <label for="value3">$ 300.00</label>
</div> </div>
<div class="donate-value"> <div class="donate-value">
<input type="radio" id="value4" name="value" value="value4" checked> <input type="radio" id="value4" name="value" value="value4" checked>
<label for="value4">$ 400.00</label> <label for="value4">$ 400.00</label>
</div> </div>
<div class="donate-value"> <div class="donate-value">
<input type="radio" id="value5" name="value" value="value5"> <input type="radio" id="value5" name="value" value="value5">
<label for="value5">$ 500.00</label> <label for="value5">$ 500.00</label>
</div> </div>
<div class="donate-value"> <div class="donate-value">
<input type="radio" id="value6" name="value" value="value6"> <input type="radio" id="value6" name="value" value="value6">
<label for="value6">$ 600.00</label> <label for="value6">$ 600.00</label>
</div> </div>
</fieldset> </fieldset>
</div> </div>
<div class="donate-payment-method"> <div class="donate-payment-method">
<div class="payment-method-title"> <div class="payment-method-title">
@@ -417,7 +452,7 @@
<div class="payment-method"> <div class="payment-method">
<input type="radio" id="test" name="payment" value="Test" checked> <input type="radio" id="test" name="payment" value="Test" checked>
<label for="test">test donation</label> <label for="test">test donation</label>
</div> </div>
<div class="payment-method"> <div class="payment-method">
<input type="radio" id="Offline" name="payment" value="Offline"> <input type="radio" id="Offline" name="payment" value="Offline">
<label for="Offline">offline donation</label> <label for="Offline">offline donation</label>
@@ -428,17 +463,20 @@
<div class="donar-personal-info"> <div class="donar-personal-info">
<div class="row"> <div class="row">
<div class="form-group col-6 mb-3"> <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>
<div class="form-group col-6 mb-3"> <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>
<div class="form-group mb-3"> <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>
<div class="donar-personal-form-account"> <div class="donar-personal-form-account">
<div class="donar-personal-create-account"> <div class="donar-personal-create-account">
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike"> <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
@@ -446,9 +484,9 @@
</div> </div>
<div class="donar-personal-login-account"> <div class="donar-personal-login-account">
<P>Already Have Account? <a href="#">login</a></P> <P>Already Have Account? <a href="#">login</a></P>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="form-group-btn"> <div class="form-group-btn">
@@ -479,7 +517,8 @@
<!-- About Footer Content Start --> <!-- About Footer Content Start -->
<div class="about-footer-content"> <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> </div>
<!-- Footer Social Links Start --> <!-- Footer Social Links Start -->
<div class="footer-social-links"> <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-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-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-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> </ul>
</div> </div>
<!-- Footer Social Links End --> <!-- Footer Social Links End -->
</div> </div>
<!-- About Footer End --> <!-- About Footer End -->
</div> </div>
<div class="col-lg-2 col-md-3 col-6"> <div class="col-lg-2 col-md-3 col-6">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
@@ -539,7 +578,7 @@
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+0) 789 345 012</p> <p>(+0) 789 345 012</p>
</div> </div>
</div> </div>
<!-- Footer Info Box End --> <!-- Footer Info Box End -->
@@ -561,7 +600,7 @@
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>24/11 Robert Road,New York,USA</p> <p>24/11 Robert Road,New York,USA</p>
</div> </div>
</div> </div>
<!-- Footer Info Box End --> <!-- Footer Info Box End -->
</div> </div>
@@ -597,7 +636,7 @@
</div> </div>
<!-- Footer Copyright Section End --> <!-- Footer Copyright Section End -->
</div> </div>
</footer> </footer>
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- Jquery Library File -->
@@ -634,4 +673,5 @@
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js"></script> <script src="js/function.js"></script>
</body> </body>
</html> </html>

BIN
images/austin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.5 KiB

BIN
images/dallas.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
images/mission-image.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 697 KiB

230
index.html
View File

@@ -320,20 +320,20 @@
<!-- Section Title Start --> <!-- Section Title Start -->
<div class="section-title"> <div class="section-title">
<h3 class="wow fadeInUp">our mission</h3> <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> <h2 class="text-anime-style-2" data-cursor="-opaque">Our Mission to Serve, <span>Connect, and Grow</span></h2>
</div> </div>
<!-- Section Title End --> <!-- Section Title End -->
<!-- Mission Content Body Start --> <!-- Mission Content Body Start -->
<div class="mission-content-body"> <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> <h3 class="wow fadeInUp" data-wow-delay="0.25s">Our mission is to connect high schools across regions, support the growth of new programs, and work with partner organizations that believe in educational sport.</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> <p class="wow fadeInUp" data-wow-delay="0.5s">In connecting the future cricketers of America, TSCB aims to establishing a statewide framework that legitimizes high school cricket, empowers students as leaders, and creates a clear pathway beyond high school participation.</p>
</div> </div>
<!-- Mission Content Body End --> <!-- Mission Content Body End -->
<!-- Mission Content Footer Start --> <!-- Mission Content Footer Start -->
<div class="mission-content-footer wow fadeInUp" data-wow-delay="0.75s"> <div class="mission-content-footer wow fadeInUp" data-wow-delay="0.75s">
<a href="#" class="btn-default">contact now</a> <a href="/contact.html" class="btn-default">contact now</a>
</div> </div>
<!-- Mission Content Footer End --> <!-- Mission Content Footer End -->
</div> </div>
@@ -352,7 +352,7 @@
<!-- Mission Life Circle Start --> <!-- Mission Life Circle Start -->
<div class="mission-life-circle"> <div class="mission-life-circle">
<img src="images/mission-life-circle-img.png" alt=""> <img src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;">
</div> </div>
<!-- Mission Life Circle End --> <!-- Mission Life Circle End -->
</div> </div>
@@ -369,32 +369,32 @@
<div class="row section-row"> <div class="row section-row">
<!-- Section Title Start --> <!-- Section Title Start -->
<div class="section-title"> <div class="section-title">
<h3 class="wow fadeInUp">services</h3> <h3 class="wow fadeInUp">regionals</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Loving god, helping others and serving the <span>world together</span></h2> <h2 class="text-anime-style-2" data-cursor="-opaque">Connecting cricketers on an <span>intra</span> and <span>inter</span> city scale</h2>
</div> </div>
<!-- Section Title End --> <!-- Section Title End -->
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-3 col-md-6"> <div class="col-lg-18 col-md-6">
<!-- Service Item Start --> <!-- Service Item Start -->
<div class="service-item wow fadeInUp"> <div class="service-item wow fadeInUp">
<!-- Icon Box Start --> <!-- Icon Box Start -->
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-service-1.svg" alt=""> <img src="images/dallas.png" alt="">
</div> </div>
<!-- Icon Box End --> <!-- Icon Box End -->
<!-- Service Body Start --> <!-- Service Body Start -->
<div class="service-body"> <div class="service-body">
<p>Compassionate support for grief, relationships, and personal struggles. Join our monthly groups or schedule counseling.</p> <p>Connecting schools in the Dallas metroplex through matches. Participating regions include Plano, Frisco, Prosper, and Irving.</p>
</div> </div>
<!-- Service Body End --> <!-- Service Body End -->
<!-- Service Footer Start --> <!-- Service Footer Start -->
<div class="service-footer"> <div class="service-footer">
<div class="service-content"> <div class="service-content">
<h3>support groups</h3> <h3>Dallas Regionals</h3>
</div> </div>
<div class="service-btn"> <div class="service-btn">
<a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a> <a href="#" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
@@ -405,76 +405,20 @@
<!-- Service Item End --> <!-- Service Item End -->
</div> </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="col-lg-18 col-md-6">
<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 --> <!-- Service Item Start -->
<div class="service-item wow fadeInUp" data-wow-delay="0.75s"> <div class="service-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Icon Box Start --> <!-- Icon Box Start -->
<div class="icon-box"> <div class="icon-box">
<img src="images/icon-service-4.svg" alt=""> <img src="images/austin.png" alt="">
</div> </div>
<!-- Icon Box End --> <!-- Icon Box End -->
<!-- Service Body Start --> <!-- Service Body Start -->
<div class="service-body"> <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> <p>Connecting Austin-area schools through cricket matches. </p>
</div> </div>
<!-- Service Body End --> <!-- Service Body End -->
@@ -903,32 +847,28 @@
</div> </div>
<!-- Our Event Section End --> <!-- Our Event Section End -->
<!-- Donate Now Section Start --> <!-- Donate Now Section Start -->
<div class="donate-now parallaxie"> <!-- <div class="donate-now parallaxie">
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-lg-6 col-md-4"> <div class="col-lg-6 col-md-4">
<div class="intro-video-box"> <div class="intro-video-box">
<!-- Video Play Button Start -->
<div class="video-play-button"> <div class="video-play-button">
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play"> <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
<i class="fa-solid fa-play"></i> <i class="fa-solid fa-play"></i>
</a> </a>
</div> </div>
<!-- Video Play Button End -->
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-8"> <div class="col-lg-6 col-md-8">
<!-- Donate Box Start -->
<div class="donate-box"> <div class="donate-box">
<!-- Section Title Start -->
<div class="section-title"> <div class="section-title">
<h3 class="wow fadeInUp">donate now</h3> <h3 class="wow fadeInUp">donate now</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Support <span>Our Mission</span></h2> <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> <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> </div>
<!-- Section Title End -->
<div class="donate-form wow fadeInUp" data-wow-delay="0.5s"> <div class="donate-form wow fadeInUp" data-wow-delay="0.5s">
<form id="donateForm" action="#" method="POST"> <form id="donateForm" action="#" method="POST">
@@ -974,147 +914,13 @@
</form> </form>
</div> </div>
</div> </div>
<!-- Donate Box End -->
</div> </div>
</div> </div>
</div> </div>
</div> </div> -->
<!-- Donate Now Section End --> <!-- 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 Start -->
<footer class="main-footer"> <footer class="main-footer">