<?php 
$title = "Our Objectives - 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";
?>

<!-- Bootstrap Icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">

<!-- Page Custom Styles -->
<style>
  .objective-card {
    transition: all 0.3s ease-in-out;
    border-radius: 12px;
  }
  .objective-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
  }
  .objective-card i {
    background: rgba(25, 135, 84, 0.1);
    padding: 15px;
    border-radius: 50%;
    display: inline-block;
  }
</style>

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

<!-- Page Header -->
<section class="header-services" style="background: linear-gradient(to bottom, rgba(25,135,84,0.85), rgba(25,135,84,0.95)), 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 text-white py-5">
        <h1 class="fw-bold">Our Objectives</h1>
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb justify-content-center mb-0">
            <li class="breadcrumb-item"><a href="./" class="text-white text-decoration-none">Home</a></li>
            <li class="breadcrumb-item active text-white" aria-current="page">Our Objectives</li>
          </ol>
        </nav>
      </div>
    </div>
  </div>
</section>

<!-- Objectives Section -->
<section class="py-5 bg-light">
  <div class="container">

    <!-- Intro -->
    <div class="row mb-5">
      <div class="col text-center">
        <h2 class="fw-bold text-success">Our Core Objectives</h2>
        <p class="lead text-muted mt-3">
          Wipe Tears Africa (WTA) exists to restore hope, dignity, and opportunity to
          vulnerable children, families, and communities across Uganda through
          sustainable, inclusive, and child-centered development.
        </p>
      </div>
    </div>

    <!-- Objectives Grid -->
    <div class="row g-4">

      <div class="col-md-6 col-lg-4">
        <div class="card h-100 shadow-sm border-0 objective-card">
          <div class="card-body">
            <i class="bi bi-people-fill text-success fs-2 mb-3"></i>
            <h5 class="fw-bold">Equal Opportunity & Well-being</h5>
            <p class="text-muted">
              Promote equal opportunities and holistic well-being through education,
              health, cultural awareness, and economic empowerment.
            </p>
          </div>
        </div>
      </div>

      <div class="col-md-6 col-lg-4">
        <div class="card h-100 shadow-sm border-0 objective-card">
          <div class="card-body">
            <i class="bi bi-house-heart-fill text-success fs-2 mb-3"></i>
            <h5 class="fw-bold">Support Vulnerable Groups</h5>
            <p class="text-muted">
              Support displaced persons, homeless children, orphans, persons with
              disabilities, and the sick through targeted programs.
            </p>
          </div>
        </div>
      </div>

      <div class="col-md-6 col-lg-4">
        <div class="card h-100 shadow-sm border-0 objective-card">
          <div class="card-body">
            <i class="bi bi-globe-africa text-success fs-2 mb-3"></i>
            <h5 class="fw-bold">Inclusive Development</h5>
            <p class="text-muted">
              Advance cultural, educational, and economic development without
              discrimination based on religion, gender, tribe, or region.
            </p>
          </div>
        </div>
      </div>

      <div class="col-md-6 col-lg-4">
        <div class="card h-100 shadow-sm border-0 objective-card">
          <div class="card-body">
            <i class="bi bi-heart-pulse-fill text-success fs-2 mb-3"></i>
            <h5 class="fw-bold">Health & Nutrition</h5>
            <p class="text-muted">
              Promote access to healthcare, nutrition, HIV/AIDS awareness, and basic
              health services for children and families.
            </p>
          </div>
        </div>
      </div>

      <div class="col-md-6 col-lg-4">
        <div class="card h-100 shadow-sm border-0 objective-card">
          <div class="card-body">
            <i class="bi bi-basket-fill text-success fs-2 mb-3"></i>
            <h5 class="fw-bold">Food Security</h5>
            <p class="text-muted">
              Improve household food security and nutritional status in rural and
              urban communities.
            </p>
          </div>
        </div>
      </div>

      <div class="col-md-6 col-lg-4">
        <div class="card h-100 shadow-sm border-0 objective-card">
          <div class="card-body">
            <i class="bi bi-gender-female text-success fs-2 mb-3"></i>
            <h5 class="fw-bold">Women Empowerment</h5>
            <p class="text-muted">
              Empower vulnerable women socially and economically through income-
              generating initiatives and skills development.
            </p>
          </div>
        </div>
      </div>

      <div class="col-md-6 col-lg-4">
        <div class="card h-100 shadow-sm border-0 objective-card">
          <div class="card-body">
            <i class="bi bi-cash-coin text-success fs-2 mb-3"></i>
            <h5 class="fw-bold">Livelihood Support</h5>
            <p class="text-muted">
              Initiate community-based credit schemes and livelihood programs to
              promote self-reliance.
            </p>
          </div>
        </div>
      </div>

      <div class="col-md-6 col-lg-4">
        <div class="card h-100 shadow-sm border-0 objective-card">
          <div class="card-body">
            <i class="bi bi-megaphone-fill text-success fs-2 mb-3"></i>
            <h5 class="fw-bold">Child Rights Advocacy</h5>
            <p class="text-muted">
              Advocate for the protection, dignity, and equal rights of all children.
            </p>
          </div>
        </div>
      </div>

      <div class="col-md-6 col-lg-4">
        <div class="card h-100 shadow-sm border-0 objective-card">
          <div class="card-body">
            <i class="bi bi-shield-check text-success fs-2 mb-3"></i>
            <h5 class="fw-bold">Child Protection</h5>
            <p class="text-muted">
              Prevent abuse, child labor, early pregnancies, and harmful cultural
              practices affecting children.
            </p>
          </div>
        </div>
      </div>

      <div class="col-md-6 col-lg-6">
        <div class="card h-100 shadow-sm border-0 objective-card">
          <div class="card-body">
            <i class="bi bi-building text-success fs-2 mb-3"></i>
            <h5 class="fw-bold">Child-Centered Facilities</h5>
            <p class="text-muted">
              Establish and manage orphanages, vocational training centers, and health
              facilities serving vulnerable children.
            </p>
          </div>
        </div>
      </div>

      <div class="col-md-6 col-lg-6">
        <div class="card h-100 shadow-sm border-0 objective-card">
          <div class="card-body">
            <i class="bi bi-handshake-fill text-success fs-2 mb-3"></i>
            <h5 class="fw-bold">Partnerships & Sustainability</h5>
            <p class="text-muted">
              Build strategic partnerships and mobilize resources to ensure long-term
              sustainability and impact of WTA programs.
            </p>
          </div>
        </div>
      </div>

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

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