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

Compare commits

base: KeshavAnandCode:main
Branches Tags
KeshavAnandCode:main KeshavAnandCode:replit-ai-2 KeshavAnandCode:replit-ai KeshavAnandCode:krishna/v3 KeshavAnandCode:krishna/v2 KeshavAnandCode:krishna/opencode-test
...
compare: KeshavAnandCode:56c3b70b8784e9b6b807c8317f49afc67a014cae
Branches Tags
KeshavAnandCode:main KeshavAnandCode:replit-ai-2 KeshavAnandCode:replit-ai KeshavAnandCode:krishna/v3 KeshavAnandCode:krishna/v2 KeshavAnandCode:krishna/opencode-test

7 Commits
main ... 56c3b70b87

Author SHA1 Message Date
Keshav Anand
56c3b70b87 added footer, 404 2026-03-09 20:34:36 -05:00
Keshav Anand
b4276fc9f9 about us finished with placeholding 2026-03-09 20:24:07 -05:00
Keshav Anand
7b0ea4669e fixed footer, added about founder's message 2026-03-09 19:47:42 -05:00
Keshav Anand
c7d969a606 about in progress 2026-03-09 19:06:17 -05:00
Keshav Anand
24a6e6d34b finished homepage 2026-03-08 20:28:41 -05:00
Keshav Anand
f4706c0dec almost finished w/ homepage 2026-03-08 20:17:29 -05:00
Keshav Anand
5ebbcadd62 regionals taken care of, mission statement 2026-03-08 19:45:20 -05:00
18 changed files with 1510 additions and 1882 deletions
Expand all files Collapse all files

277
404.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,45 +107,43 @@
<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">Page Not Found</h1> <h1 class="text-anime-style-2" data-cursor="-opaque">Page Not Found</h1>
<nav class="wow fadeInUp"> <nav class="wow fadeInUp">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li> <li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item active" aria-current="page">404 error</li> <li class="breadcrumb-item active" aria-current="page">404 error</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 -->
<!-- error section start --> <!-- error section start -->
<div class="error-page"> <div class="error-page">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="error-page-image wow fadeInUp" data-wow-delay="0.25s">
<img src="images/404-error-img.png" alt="">
</div>
<div class="error-page-content"> <div class="error-page-content">
<div class="error-page-content-heading"> <div class="error-page-content-heading">
<h2 class="text-anime-style-2" data-cursor="-opaque"><span>Oops!</span> Page Not Found</h2> <h2 class="text-anime-style-2" data-cursor="-opaque"><span>Oops!</span> Page Not Found</h2>
@@ -147,7 +157,8 @@
</div> </div>
</div> </div>
<!-- error section end --> <!-- error section end -->
<!-- Footer Start --> <!-- Footer Start -->
<footer class="main-footer"> <footer class="main-footer">
<div class="container"> <div class="container">
@@ -157,39 +168,58 @@
<div class="about-footer"> <div class="about-footer">
<!-- Footer Logo Start --> <!-- Footer Logo Start -->
<div class="footer-logo"> <div class="footer-logo">
<img src="images/footer-logo.svg" alt=""> <img src="images/logo.png" alt="Footer Logo" style="width: 100px; height: auto;">
</div> </div>
<!-- Footer Logo End --> <!-- Footer Logo End -->
<!-- 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 id="age-text">Loading...</p>
<script>
const foundingDate = new Date("2025-12-29");
const now = new Date();
const months = (now.getFullYear() - foundingDate.getFullYear()) * 12
+ (now.getMonth() - foundingDate.getMonth());
const years = Math.floor(months / 12);
const remainingMonths = months % 12;
let duration = "";
if (years > 0) duration += `${years} year${years > 1 ? "s" : ""}`;
if (years > 0 && remainingMonths > 0) duration += " and ";
if (remainingMonths > 0) duration += `${remainingMonths} month${remainingMonths > 1 ? "s" : ""}`;
if (months === 0) duration = "less than a month";
document.getElementById("age-text").textContent =
`TSCB has been proudly serving its community for ${duration}`;
</script>
</div> </div>
<!-- Footer Social Links Start --> <!-- Footer Social Links Start -->
<div class="footer-social-links"> <div class="footer-social-links">
<ul> <ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li> <li><a href="https://www.instagram.com/texasscholasticcricketboard/"><i
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li> class="fa-brands fa-instagram"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li> <li><a href="https://www.youtube.com/channel/UCdFfqkVWDJyFlFEEKfq27wg"><i class="fa-brands fa-youtube"></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">
<h3>quick links</h3> <h3>quick links</h3>
<ul> <ul>
<li><a href="#">home</a></li> <li><a href="/">home</a></li>
<li><a href="#">our chruch</a></li> <li><a href="/about.html">about</a></li>
<li><a href="#">services</a></li> <li><a href="/sponsors.html">sponsors</a></li>
<li><a href="#">event</a></li> <li><a href="/contact.html">contact</a></li>
<li><a href="#">news</a></li>
</ul> </ul>
</div> </div>
<!-- About Links End --> <!-- About Links End -->
@@ -198,13 +228,11 @@
<div class="col-lg-3 col-md-4 col-6"> <div class="col-lg-3 col-md-4 col-6">
<!-- About Links Start --> <!-- About Links Start -->
<div class="footer-links"> <div class="footer-links">
<h3>our services</h3> <h3>our cricket</h3>
<ul> <ul>
<li><a href="#">support groups</a></li> <li><a href="/dallas.html">dallas regionals</a></li>
<li><a href="#">special events</a></li> <li><a href="/austin.html">austin regionals</a></li>
<li><a href="#">online services</a></li> <li><a href="https://cricclubs.com/TexasScholasticCricketBoard">cricclubs league</a></li>
<li><a href="#">pastoral care</a></li>
<li><a href="#">sunday worship</a></li>
</ul> </ul>
</div> </div>
<!-- About Links End --> <!-- About Links End -->
@@ -222,8 +250,8 @@
<img src="images/icon-phone.svg" alt=""> <img src="images/icon-phone.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>(+0) 789 345 012</p> <p>(+1) (945) 900-1148</p>
</div> </div>
</div> </div>
<!-- Footer Info Box End --> <!-- Footer Info Box End -->
@@ -233,21 +261,12 @@
<img src="images/icon-mail.svg" alt=""> <img src="images/icon-mail.svg" alt="">
</div> </div>
<div class="footer-info-box-content"> <div class="footer-info-box-content">
<p>domain@gmail.com</p> <p>texasscholasticcricketboard@gmail.com</p>
</div> </div>
</div> </div>
<!-- Footer Info Box End --> <!-- 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> </div>
<!-- Footer Contact Details End --> <!-- Footer Contact Details End -->
</div> </div>
@@ -261,7 +280,7 @@
<div class="col-lg-6 col-md-6"> <div class="col-lg-6 col-md-6">
<!-- Footer Copyright Start --> <!-- Footer Copyright Start -->
<div class="footer-copyright-text"> <div class="footer-copyright-text">
<p>Copyright 2024 Avenix. All Rights Reserved.</p> <p>Copyright 2026 Texas Scholastic Cricket Board. All Rights Reserved.</p>
</div> </div>
<!-- Footer Copyright End --> <!-- Footer Copyright End -->
</div> </div>
@@ -270,9 +289,8 @@
<!-- Footer Social Link Start --> <!-- Footer Social Link Start -->
<div class="footer-privacy-policy"> <div class="footer-privacy-policy">
<ul> <ul>
<li><a href="#">term & condition</a></li> <li><a href="#">terms & conditions</a></li>
<li><a href="#">support</a></li> <li><a href="#">liability policy</a></li>
<li><a href="#">privacy policy</a></li>
</ul> </ul>
</div> </div>
<!-- Footer Social Link End --> <!-- Footer Social Link End -->
@@ -281,7 +299,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 -->
@@ -318,4 +336,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>

1611
about.html
View File

File diff suppressed because it is too large Load Diff

209
blog.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,37 +107,42 @@
<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">Latest Articles</h1> <h1 class="text-anime-style-2" data-cursor="-opaque">Latest Articles</h1>
<nav class="wow fadeInUp"> <nav class="wow fadeInUp">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li> <li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item active" aria-current="page">blog</li> <li class="breadcrumb-item active" aria-current="page">blog</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 -->
<iframe
src="https://cricclubs.com/TexasScholasticCricketBoard/results?leagueId=hKGWBeaND6UfZE7_FQSDeQ&year=2026&series=YL5qVXl5UzTJ9e6vFfDgmg&seriesName=DALLAS+REGIONALS-+SEASON+ONE"
width="100%" height="600px" style="border:none;">
</iframe>
<!-- Page Blog Start --> <!-- Page Blog Start -->
<div class="page-blog"> <div class="page-blog">
@@ -332,7 +349,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">
@@ -340,15 +358,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">
@@ -392,7 +410,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 -->
@@ -414,7 +432,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>
@@ -450,7 +468,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 -->
@@ -487,4 +505,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>

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>

8
css/custom.css
View File

@@ -50,12 +50,12 @@
:root{ :root{
--primary-color : #000000; --primary-color : #000000;
--secondary-color : #FFF4F1; --secondary-color : #ce9c5b;
--text-color : #525252; --text-color : #525252;
--accent-color : #fe5d35; --accent-color : #d92800;
--white-color : #FFFFFF; --white-color : #f3dbbb;
--divider-color : #FFFFFF26; --divider-color : #FFFFFF26;
--dark-divider-color : #E9E9E9; --dark-divider-color : #e9e9e9;
--error-color : rgb(230, 87, 87); --error-color : rgb(230, 87, 87);
--default-font : "Fira Sans Condensed", sans-serif; --default-font : "Fira Sans Condensed", sans-serif;
} }

BIN
images/abhiram.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 190 KiB

BIN
images/about.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 MiB

BIN
images/austin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.5 KiB

BIN
images/cricket.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 702 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/hit-fantasy.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
images/match.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

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

BIN
images/ncca.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

BIN
images/ncca.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 210 KiB

BIN
images/signature.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

BIN
images/srisports.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 203 KiB

937
index.html
View File

File diff suppressed because it is too large Load Diff