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

Compare commits

base: KeshavAnandCode:3c5c5418815ae594ffc0b4032218b73f5174d031
Branches Tags
KeshavAnandCode:main KeshavAnandCode:replit-ai-2 KeshavAnandCode:replit-ai KeshavAnandCode:krishna/v3 KeshavAnandCode:krishna/v2 KeshavAnandCode:krishna/opencode-test
...
compare: KeshavAnandCode:24a6e6d34b98708e51897f98874f674f4a4ff957
Branches Tags
KeshavAnandCode:main KeshavAnandCode:replit-ai-2 KeshavAnandCode:replit-ai KeshavAnandCode:krishna/v3 KeshavAnandCode:krishna/v2 KeshavAnandCode:krishna/opencode-test

3 Commits
3c5c541881 ... 24a6e6d34b

Author SHA1 Message Date
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
5 changed files with 416 additions and 815 deletions
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

881
index.html
View File

File diff suppressed because it is too large Load Diff