<?php 
$title = "Health - Wipe Tears Africa (WTA)";
$tagline = "Bringing hope & a future to the African children in Uganda";
$description = "Wipe Tears Africa (WTA) is a nonprofit organization founded in 2010, dedicated to restoring hope and transforming the lives of vulnerable children and families in Uganda.";
$keywords = "Wipe Tears Africa, WTA, Education, Health, Girl Child Empowerment, Skills Development, Counselling & Guidance";
$featured_image = 'https://www.wipetearsafrica.org/assets/images/wipe-tears-africa-uganda1.jpg';
include "includes/header.php";
?>

<?php include "includes/menu.php"; ?>

<!-- ===============================
     PAGE HEADER
================================ -->
<section class="header-services" style="background: linear-gradient(to bottom, rgba(46,178,23,0.763), rgba(46,178,23,0.963)), url('assets/images/slides/wipe-tears-africa-4.jpg') no-repeat center/cover;">
  <div class="container">
    <div class="row align-items-center">
      <div class="col text-center" data-aos="fade-up">
        <h1>Health</h1>
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb justify-content-center">
            <li class="breadcrumb-item"><a href="./">Home</a></li>
            <li class="breadcrumb-item active">Health</li>
          </ol>
        </nav>
      </div>
    </div>
  </div>
</section>

<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

<!-- ===============================
     HEALTH STYLES (IMAGE TOP-LEFT)
================================ -->
<style>
.home-intro-mid {
  padding: 90px 0;
  background: linear-gradient(180deg, #f8f9fc 0%, #ffffff 100%);
}

/* IMAGE POSITIONING */
.health-image-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.health-image {
  border-radius: 20px;
  box-shadow: 0 30px 60px rgba(0,0,0,0.18);
  margin-top: -25px;
  margin-left: -15px;
  max-width: 90%;
}

/* TEXT */
.home-intro-mid p {
  font-size: 16.5px;
  line-height: 1.75;
  color: #4b5563;
}

.home-intro-mid h2 {
  font-weight: 800;
  color: #1f2933;
}

.tdeco {
  font-weight: 700;
  letter-spacing: 1px;
}

/* BULLETS */
.home-intro-mid ul li {
  font-size: 16px;
  line-height: 1.6;
}

/* MOBILE FIX */
@media (max-width: 768px) {
  .health-image-wrapper {
    justify-content: center;
  }

  .health-image {
    margin: 0;
    max-width: 100%;
  }
}
</style>

<!-- ===============================
     HEALTH CONTENT
================================ -->
<section class="home-intro-mid">
  <div class="container">
    <div class="row align-items-center">

      <!-- LEFT IMAGE -->
      <div class="col-md-6 mb-4" data-aos="fade-up">
        <div class="health-image-wrapper">
          <img 
            src="assets/images/slides/wipe-tears-africa-5.jpg" 
            alt="Wipe Tears Africa Health Program" 
            class="img-fluid health-image">
        </div>
      </div>

      <!-- RIGHT CONTENT -->
      <div class="col-md-6 mb-4">

        <h5 class="tdeco text-uppercase mb-2" data-aos="fade-up">
          <i class="fas fa-heartbeat me-2 text-danger"></i>
          Health Program
        </h5>

        <h2 class="mb-3" data-aos="fade-up">
          Health is at the core of our mission
        </h2>

        <p data-aos="fade-up">
          At Wipe Tears Africa (WTA) We believe that good health is the foundation for education, dignity, and sustainable development.
          We support vulnerable children and families by addressing both immediate health needs and long-term preventive care, ensuring healthier and more resilient communities.
        </p>

        <ul class="list-unstyled mt-4" data-aos="fade-up">

          <li class="mb-3">
            <i class="fas fa-clinic-medical text-primary me-2"></i>
            <strong>Access to Medical Care:</strong>
            Support for basic treatment, medical referrals, and assistance for children with chronic or life-threatening conditions.
          </li>

          <li class="mb-3">
            <i class="fas fa-apple-alt text-success me-2"></i>
            <strong>Nutrition & Clean Water:</strong>
            Nutrition support, food security initiatives, and access to safe drinking water to prevent malnutrition and water-borne diseases.
          </li>

          <li class="mb-3">
            <i class="fas fa-virus text-warning me-2"></i>
            <strong>Disease Prevention:</strong>
            Community campaigns on HIV/AIDS awareness, malaria prevention, sanitation, and hygiene promotion.
          </li>

          <li class="mb-3">
            <i class="fas fa-female text-info me-2"></i>
            <strong>Reproductive & Maternal Health:</strong>
            Education on reproductive health, maternal care, and child health to empower families with life-saving knowledge.
          </li>

          <li class="mb-3">
            <i class="fas fa-users text-secondary me-2"></i>
            <strong>Community Engagement:</strong>
            Collaboration with local health facilities, schools, and community leaders to deliver sustainable health solutions.
          </li>

        </ul>

        <p class="mt-3" data-aos="fade-up">
          Through a holistic approach to health, we help children stay in school, enable parents to remain productive,
          and strengthen communities for a healthier future.
        </p>

      </div>
    </div>
  </div>
</section>

<?php include "includes/footer.php"; ?>