<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>Countries - Volunteer Opportunities</title>
  <meta name="description" content="">
  <meta name="keywords" content="">

  <?php include 'header-link.php' ?>
</head>

<body class="service-details-page"> 

  <?php include 'nav-bar.php' ?>

  <main class="main">

    <!-- Page Title -->
    <div class="page-title">
      <div class="heading">
        <div class="container">
          <div class="row d-flex justify-content-center text-center">
            <div class="col-lg-8">
              <h1 class="heading-title mt-3"> Volunteer Opportunity </h1>
              <p class="mb-0">  
               </p>
            </div>
          </div>
        </div>
      </div>
      <nav class="breadcrumbs" style="background-color: color-mix(in srgb, #332b2b, #2c484e 96%)">
        <div class="container text-white fw-bold">
          <ol>
            <li><a href="index" class="text-white">Home</a></li>
            <li class=""> / Volunteer Opportunities  </li>
          </ol>
        </div>
      </nav>
    </div><!-- End Page Title -->

<section id="services" class="services section">
	 
     
      <div class="container">

        <div class="row gy-5 text-center m-auto">
		
          <div class="col-xl-4 col-12 col-md-6 d-flex mt-4" data-aos="fade-up" data-aos-delay="100" >
            <div class="service-item position-relative rounded">
              <a href="volunteer-opportunities"> <img src="assets/img/cox-bazar.jpg" class="img-fluid rounded" alt=""> </a>
              <h4 class="mt-3" ><a href="volunteer-opportunities" class="stretched-link">Bangladesh</a></h4>
              <p>Bangladesh, to the east of India on the Bay of Bengal, is a South Asian country marked by lush greenery and many waterways. </p>
            </div>
          </div><!-- End Service Item -->

          <div class="col-xl-4 col-12 col-md-6 d-flex mt-4 d-none" data-aos="fade-up" data-aos-delay="200">
            <div class="service-item position-relative rounded">
              <img src="assets/img/nepal.jpg" class="img-fluid rounded" alt="">
              <h4 class="mt-3"><a href="" class="stretched-link"> Nepal</a></h4>
              <p>Nepal, officially the Federal Democratic Republic of Nepal, is a landlocked country in South Asia. It is mainly situated in.</p>
            </div>
          </div>
		  
		  <div class="col-xl-4 col-12 col-md-6 d-flex mt-4  d-none" data-aos="fade-up" data-aos-delay="300">
            <div class="service-item position-relative rounded">
              <img src="assets/img/bhutan.jpg" class="img-fluid rounded" alt="">
              <h4 class="mt-3"><a href="" class="stretched-link"> Bhutan </a></h4>
              <p>Bhutan, a Buddhist kingdom on the Himalayas’ eastern edge, is known for its monasteries, fortresses and dramatic landscapes</p>
            </div>
          </div>
		  
		  		  
		   
 
        </div>

      </div>

    </section>

  </main>

  <?php include 'footer.php'?>