Files
tscb-site/ministry-single.html

580 lines
32 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Awaiken">
<!-- Page Title -->
<title>Avenix - Church HTML Template</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
<ul class="sub-menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home - Image</a></li>
<li class="nav-item"><a class="nav-link" href="index-video.html">Home - Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home - Slider</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li>
<li class="nav-item"><a class="nav-link" href="service.html">Services</a></li>
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
<ul>
<li class="nav-item"><a class="nav-link" href="service-single.html">Service Details</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">Blog Details</a></li>
<li class="nav-item"><a class="nav-link" href="sermons.html">Sermons</a></li>
<li class="nav-item"><a class="nav-link" href="sermons-single.html">Sermons Details</a></li>
<li class="nav-item"><a class="nav-link" href="campaign.html">Campaigns</a></li>
<li class="nav-item"><a class="nav-link" href="campaign-single.html">Campaign Details</a></li>
<li class="nav-item"><a class="nav-link" href="ministries.html">Ministries</a></li>
<li class="nav-item"><a class="nav-link" href="ministry-single.html">Ministries Details</a></li>
<li class="nav-item"><a class="nav-link" href="pastor.html">pastor</a></li>
<li class="nav-item"><a class="nav-link" href="gallery.html">Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="404.html">404</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
<li class="nav-item highlighted-menu"><a class="nav-link" href="#">donate now</a></li>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<a href="#" class="btn-default">donate now</a>
</div>
<!-- Lets Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">Prayer Ministry</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item"><a href="./">ministry</a></li>
<li class="breadcrumb-item active" aria-current="page">prayer ministry</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Ministry Single Start -->
<div class="page-ministry-single">
<div class="container">
<div class="row">
<div class="col-lg-8">
<!-- Ministry Single Content Start -->
<div class="ministry-single-content">
<!-- Ministry Single Slider Start -->
<div class="ministry-single-slider">
<div class="swiper">
<div class="swiper-wrapper">
<!-- Ministry Image Slide Start -->
<div class="swiper-slide">
<div class="ministry-slider-image">
<figure class="image-anime">
<img src="images/ministries-img-1.jpg" alt="">
</figure>
</div>
</div>
<!-- Ministry Image Slide End -->
<!-- Ministry Image Slide Start -->
<div class="swiper-slide">
<div class="ministry-slider-image">
<figure class="image-anime">
<img src="images/ministries-img-2.jpg" alt="">
</figure>
</div>
</div>
<!-- Ministry Image Slide End -->
<!-- Ministry Image Slide Start -->
<div class="swiper-slide">
<div class="ministry-slider-image">
<figure class="image-anime">
<img src="images/ministries-img-3.jpg" alt="">
</figure>
</div>
</div>
<!-- Ministry Image Slide End -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<!-- Ministry Single Slider End -->
<!-- Ministry Entry Content Start -->
<div class="ministry-entry">
<h2 class="text-anime-style-2" data-cursor="-opaque">Welcome to Children's Ministry!</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Welcome to our Children's Ministry, where we nurture the spiritual growth of our youngest members in a fun and engaging environment. Our programs are designed to teach children about the love of Jesus through interactive Bible stories, worship, crafts, and games. We aim to create a safe and welcoming space where children can develop their faith, make new friends, and build a strong foundation in Christian values. Our dedicated team of volunteers is passionate about guiding each child on their spiritual journey. Join us and let your child experience the joy and excitement of learning about God's love!</p>
<p class="wow fadeInUp" data-wow-delay="0.4s">Kids learn about Jesus through interactive Bible stories, worship, crafts, and games. Our dedicated volunteers provide a safe space for children to grow in faith, make friends, and build a foundation in Christian values.</p>
<p class="wow fadeInUp" data-wow-delay="0.6s">Whether it's through Sunday School, Vacation Bible School, or special events throughout the year, our goal is to support and inspire each child to grow closer to God and to understand His immense love for them. Join us and watch your child thrive in a community that celebrates their unique gifts and encourages their spiritual growth.</p>
<h2 class="text-anime-style-2" data-cursor="-opaque">Children's Ministry Features</h2>
<p class="wow fadeInUp" data-wow-delay="0.8s">Our Children's Ministry offers interactive Bible stories, spirited worship, creative crafts, and fun games in a safe, faith-building environment.</p>
<ul class="wow fadeInUp" data-wow-delay="1s">
<li>Interactive Stories</li>
<li>Spirited Worship</li>
<li>Creative Crafts</li>
<li>Exciting Games</li>
<li>Dedicated Volunters</li>
<li>Safe Environment</li>
<li>Faith Development</li>
<li>Friendship Building</li>
</ul>
<!-- Ministry Entry Image Start -->
<div class="ministry-entry-image">
<div class="row">
<div class="col-md-6 col-12">
<!-- Ministry Entry Image Start -->
<div class="ministry-entry-img-1">
<figure class="image-anime reveal">
<img src="images/ministry-entry-img-1.jpg" alt="">
</figure>
</div>
<!-- Ministry Entry Image End -->
</div>
<div class="col-md-6 col-12">
<!-- Ministry Entry Image Start -->
<div class="ministry-entry-img-2">
<figure class="image-anime reveal">
<img src="images/ministry-entry-img-2.jpg" alt="">
</figure>
</div>
<!-- Ministry Entry Image End -->
</div>
</div>
</div>
<!-- Ministry Entry Image End -->
</div>
<!-- Ministry Entry Content End -->
<!-- Ministry Single Faqs Start -->
<div class="ministry-single-faqs">
<!-- Section Title Start -->
<div class="section-title">
<h2 class="text-anime-style-2" data-cursor="-opaque">Our Core Value</h2>
</div>
<!-- Section Title End -->
<!-- Core Value FAQ Accordion Start -->
<div class="core-value-faqs-accordion" id="accordion">
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Why is faith a core value?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
data-bs-parent="#accordion">
<div class="accordion-body">
<p>We demonstrate love through compassionate ministry, supportive relationships, and inclusive community practices.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.25s">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
How does the church demonstrate love?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordion">
<div class="accordion-body">
<p>We demonstrate love through compassionate ministry, supportive relationships, and inclusive community practices.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.5s">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
How is community fostered within the church?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
data-bs-parent="#accordion">
<div class="accordion-body">
<p>We demonstrate love through compassionate ministry, supportive relationships, and inclusive community practices.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.75s">
<h2 class="accordion-header" id="headingfour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapsefour" aria-expanded="false" aria-controls="collapsefour">
What is the importance of spiritual growth?
</button>
</h2>
<div id="collapsefour" class="accordion-collapse collapse" aria-labelledby="headingfour"
data-bs-parent="#accordion">
<div class="accordion-body">
<p>We demonstrate love through compassionate ministry, supportive relationships, and inclusive community practices.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="1s">
<h2 class="accordion-header" id="headingfive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapsefive" aria-expanded="false" aria-controls="collapsefive">
How do these values shape church activities?
</button>
</h2>
<div id="collapsefive" class="accordion-collapse collapse" aria-labelledby="headingfive"
data-bs-parent="#accordion">
<div class="accordion-body">
<p>We demonstrate love through compassionate ministry, supportive relationships, and inclusive community practices.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
</div>
<!-- Core Value FAQ Accordion End -->
</div>
<!-- Ministry Single Faqs End -->
</div>
<!-- Ministry Single Content End -->
</div>
<div class="col-lg-4">
<!-- Ministry Single Sidebar Start -->
<div class="ministry-single-sidebar wow fadeInUp" data-wow-delay="0.25s">
<!-- Ministry Single Box Start -->
<div class="ministry-single-box">
<!-- Ministry Single Info Start -->
<div class="ministry-single-info">
<div class="icon-box">
<i class="fa-regular fa-clock"></i>
</div>
<div class="ministry-single-info-content">
<h3>meeting times</h3>
</div>
</div>
<!-- Ministry Single Info End -->
<!-- Ministry Single Info List Start -->
<div class="ministry-single-info-list">
<ul>
<li>Tuesdays, 12:30pm - 3:00pm</li>
<li>Thursdays, 9:00am - 11:00am</li>
</ul>
</div>
<!-- Ministry Single Info List End -->
</div>
<!-- Ministry Single Box End -->
<!-- Ministry Single Box Start -->
<div class="ministry-single-box">
<!-- Ministry Single Info Start -->
<div class="ministry-single-info">
<div class="icon-box">
<i class="fa-solid fa-calendar-days"></i>
</div>
<div class="ministry-single-info-content">
<h3>schedule</h3>
</div>
</div>
<!-- Ministry Single Info End -->
<!-- Ministry Single Info List Start -->
<div class="ministry-single-info-list">
<ul>
<li>10:00 AM - Welcome kids and playtime</li>
<li>10:20 AM - Worship</li>
<li>10:35 AM - Large group lesson</li>
<li>11:00 AM - Age group split off</li>
<li>11:45 AM - Closing time</li>
</ul>
</div>
<!-- Ministry Single Info List End -->
</div>
<!-- Ministry Single Box End -->
<!-- Ministry Single Box Start -->
<div class="ministry-single-box">
<!-- Ministry Single Info Start -->
<div class="ministry-single-info">
<div class="icon-box">
<i class="fa-solid fa-location-dot"></i>
</div>
<div class="ministry-single-info-content">
<h3>location</h3>
</div>
</div>
<!-- Ministry Single Info End -->
<!-- Ministry Single Info List Start -->
<div class="ministry-single-info-list">
<ul>
<li>Lorem ipsum is a placeholder text commonly used to demonstrate</li>
</ul>
</div>
<!-- Ministry Single Info List End -->
</div>
<!-- Ministry Single Box End -->
</div>
<!-- Ministry Single Sidebar End -->
</div>
</div>
</div>
</div>
<!-- Page Service Single End -->
<!-- Footer Start -->
<footer class="main-footer">
<div class="container">
<div class="row">
<div class="col-lg-4">
<!-- About Footer Start -->
<div class="about-footer">
<!-- Footer Logo Start -->
<div class="footer-logo">
<img src="images/footer-logo.svg" alt="">
</div>
<!-- Footer Logo End -->
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p>Lorem Ipsum is simply dummy text of printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
</div>
<!-- Footer Social Links Start -->
<div class="footer-social-links">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
<!-- Footer Social Links End -->
</div>
<!-- About Footer End -->
</div>
<div class="col-lg-2 col-md-3 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>quick links</h3>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-4 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>our services</h3>
<ul>
<li><a href="#">support groups</a></li>
<li><a href="#">special events</a></li>
<li><a href="#">online services</a></li>
<li><a href="#">pastoral care</a></li>
<li><a href="#">sunday worship</a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-5">
<!-- About Links Start -->
<div class="footer-contact">
<h3>contact</h3>
<!-- Footer Contact Details Start -->
<div class="footer-contact-details">
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+0) 789 345 012</p>
</div>
</div>
<!-- Footer Info Box End -->
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>domain@gmail.com</p>
</div>
</div>
<!-- Footer Info Box End -->
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-location.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>24/11 Robert Road,New York,USA</p>
</div>
</div>
<!-- Footer Info Box End -->
</div>
<!-- Footer Contact Details End -->
</div>
<!-- About Links End -->
</div>
</div>
<!-- Footer Copyright Section Start -->
<div class="footer-copyright">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<!-- Footer Copyright Start -->
<div class="footer-copyright-text">
<p>Copyright 2024 Avenix. All Rights Reserved.</p>
</div>
<!-- Footer Copyright End -->
</div>
<div class="col-lg-6 col-md-6">
<!-- Footer Social Link Start -->
<div class="footer-privacy-policy">
<ul>
<li><a href="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy policy</a></li>
</ul>
</div>
<!-- Footer Social Link End -->
</div>
</div>
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
</html>