Server : LiteSpeed System : Linux in-mum-web1949.main-hosting.eu 5.14.0-503.40.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Mon May 5 06:06:04 EDT 2025 x86_64 User : u595547767 ( 595547767) PHP Version : 7.4.33 Disable Function : NONE Directory : /home/u595547767/domains/nilasevasamithi.com/public_html/ |
<?php
include_once('admin/connect.php');
session_start();
$id=session_id();
$_SESSION['sessionid']=$id;
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Volunteer - Nila Seva Samithi</title>
<meta name="description" content="">
<meta name="keywords" content="">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins: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&family=Raleway: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">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
</head>
<body class="services-page">
<header id="header" class="header sticky-top">
<div class="topbar d-flex align-items-center dark-background">
<div class="container d-flex justify-content-center justify-content-md-between">
<div class="contact-info d-flex align-items-center">
<i class="bi bi-envelope d-flex align-items-center"><a href="mailto:info@thannal.org">info@thannal.org</a></i>
<i class="bi bi-phone d-flex align-items-center ms-4"><span>9447216144 / 04884285855</span></i>
</div>
<div class="social-links d-none d-md-flex align-items-center">
<a href="#" class="twitter"><i class="bi bi-twitter-x"></i></a>
<a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div><!-- End Top Bar -->
<div class="branding">
<div class="container position-relative d-flex align-items-center justify-content-between">
<a href="index.php" class="logo d-flex align-items-center">
<img src="assets/img/logo.png" alt="">
</a>
<nav id="navmenu" class="navmenu">
<ul>
<li><a href="index.php" class="active">Home</a></li>
<li class="dropdown"><a href=""><span>About us</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
<ul>
<li><a href="who-we-are.php">Who We Are</a></li>
<li><a href="whyus.php">Why Us</a></li>
<li><a href="Meet-our-team.php">Meet Our Team</a></li>
</ul>
</li>
<li class="dropdown"><a href="#"><span>Our Services</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
<ul>
<?php
$selservice = mysqli_query($con,"SELECT * FROM tbl_services ORDER BY service_id ASC");
$i=1;
while($srow = mysqli_fetch_array($selservice)) {
?>
<li><a href="service_details.php?id=<?php echo $srow['service_id']; ?>"><?php echo $srow['service_name']; ?></a></li>
<?php
$i++;
}
?>
</ul>
</li>
<li class="dropdown"><a href="#"><span>Media</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
<ul>
<li><a href="Media.php">Media</a></li>
<li><a href="News-Letter.php">News letter</a></li>
<li><a href="Events.php">Events</a></li>
<li><a href="Gallery.php">Gallery</a></li>
</ul>
</li>
<li class="dropdown"><a href=""><span>Reports</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
<ul>
<li><a href="Annual-Reports.php">Annual Reports</a></li>
</ul>
</li>
<li><a href="CSR.php">CSR</a></li>
<li class="dropdown"><a href=""><span>Get Involved</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
<ul>
<li><a href="Volunteer.php">Volunteer</a></li>
<li><a href="Internship.php">Internship</a></li>
<li><a href="Work-with-us.php">Work with us</a></li>
</ul>
</li>
<li><a href="contact.php">Reach out to us</a></li>
<div class="donatenow"><a href="donate.php">Donate Now</a></div>
</ul>
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
</nav>
</div>
</div>
</header>
<main class="main ab">
<!-- Page Title -->
<div class="page-title light-background" style="background: url(assets/img/Volunteers.jpeg);">
<div class="container d-lg-flex justify-content-between align-items-center">
<h1 class="mb-2 mb-lg-0">Volunteer</h1>
<nav class="breadcrumbs">
<ol>
<li><a href="index.php">Home</a></li>
<li class="current">Volunteer</li>
</ol>
</nav>
</div>
</div><!-- End Page Title -->
<section class="v-title">
<div class="container">
<div class="row">
<div class="col-md-12 text-center" data-aos="fade-up">
<h2>Are you passionate about making a difference?</h2>
<h4>Do you believe in the power of selfless service and compassion?</h4>
<p>At Nila Seva Samithi , we are a dedicated group of individuals working to uplift and support those in need. We invite you to be part of our mission!</p>
<div class="bt">
<a href="donate.php">Donate Now</a>
</div>
</div>
</div>
</div>
</section>
<section class="whyvolunteer">
<div class="container">
<div class="row">
<div class="col-md-6" data-aos="fade-up">
<h2>Why Volunteer with Us?</h2>
<ul>
<li><span class="highlight">Make a Real Impact</span> Your time and skills can change lives and bring hope to those who need it the most.</li>
<li><span class="highlight">Grow Together</span> Volunteering at Nila Seva Samithi is not just about giving back – it’s also about personal growth. Learn new skills, meet like-minded individuals, and build lasting relationships.</li>
<li><span class="highlight">Flexible Opportunities</span> We offer various volunteer programs that fit different interests and schedules. Whether you can give a few hours a week or want to commit long-term, there’s a place for you here.</li>
<li><span class="highlight">Be Part of Something Bigger</span> Join hands with a network of passionate changemakers who share a common goal of building a better society.</li>
</ul>
</div>
<div class="col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="vimgs">
<img src="assets/img/whyvol.jpg
" width="100%" alt="">
</div>
</div>
</div>
</div>
</section>
<section class="roles">
<div class="container">
<h2 class="text-center" style="font-size: 43px;
font-weight: 800;
padding: 30px 0;
" data-aos="fade-up"> Volunteer Roles
</h2>
<div class="row">
<div class="col-md-2">
<div class="det-role r1" data-aos="fade-up">
<h2>Teaching and Mentoring</h2>
</div>
</div>
<div class="col-md-2">
<div class="det-role r2" data-aos="fade-up" data-aos-delay="200">
<h2>Healthcare Assistance</h2>
</div>
</div>
<div class="col-md-2">
<div class="det-role r3" data-aos="fade-up" data-aos-delay="300">
<h2>Community Outreach</h2>
</div>
</div>
<div class="col-md-2">
<div class="det-role r4" data-aos="fade-up" data-aos-delay="400">
<h2>Skill Development</h2>
</div>
</div>
<div class="col-md-2">
<div class="det-role r5" data-aos="fade-up" data-aos-delay="500">
<h2>Event Planning </h2>
</div>
</div>
<div class="col-md-2">
<div class="det-role r6" data-aos="fade-up" data-aos-delay="500">
<h2>CSR</h2>
</div>
</div>
</div>
</div>
</section>
<section class="testimonials" data-aos="fade-up">
<div class="container">
<h2>Testimonials from Our Donors and Volunteers
</h2>
<div class="row">
<div class="col-md-12">
<div class="swiper init-swiper">
<script type="application/json" class="swiper-config">
{
"loop": true,
"speed": 1600,
"autoplay": {
"delay": 15000
},
"slidesPerView": "auto",
"pagination": {
"el": ".swiper-pagination",
"type": "bullets",
"clickable": true
},
"breakpoints": {
"320": {
"slidesPerView": 1,
"spaceBetween": 0
},
"480": {
"slidesPerView": 31,
"spaceBetween": 0
},
"640": {
"slidesPerView": 1,
"spaceBetween": 0
},
"992": {
"slidesPerView": 2,
"spaceBetween": 10
}
}
}
</script>
<div class="swiper-wrapper align-items-center">
<?php
$seltest = mysqli_query($con,"SELECT * FROM tbl_testimonial ORDER BY testimonial_id ASC");
$i=1;
while($srowtest = mysqli_fetch_array($seltest)) {
?>
<div class="swiper-slide">
<div class="testimonial-item">
<img src="admin/<?php echo $srowtest['testimonial_image']; ?>" class="testimonial-img" alt="">
<h3><?php echo $srowtest['testimonial_name']; ?></h3>
<h4><?php echo $srowtest['testimonial_designation']; ?></h4>
<p>
<i class="bi bi-quote quote-icon-left"></i>
<span><?php echo $srowtest['testimonial_content']; ?></span>
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div>
<?php
$i++;
}
?>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</section>
</main>
<?php
include_once('footer.php');
?>