{% extends 'main/base.html' %}
{% load static %}

{% block content %}
<div class="container mt-5">
  <div class="card shadow rounded-3">
    <div class="card-body">
      <h2 class="card-title mb-4">Education</h2>

      <div class="row mb-4">
        <div class="col-md-6">
          <p style="font-size: 1.25rem; font-weight:600; line-height: 1.6;">RefCom’s Education Program is committed to transforming the future of young minds in Rabai through access to quality education. While focusing on sponsorship and scholarship opportunities, we aim to support bright but underprivileged students, empowering them to break the cycle of poverty and contribute meaningfully to society.</p>
        </div>
        <div class="col-md-6">
          <img src="{% static 'images/education_.png' %}" alt="Education Program" class="img-fluid rounded">
        </div>
      </div>

      <h4 class="mt-4">Adopt a Child Program:</h4>
      <div class="row mb-3">
        <div class="col-md-6">
          <img src="{% static 'images/' %}" alt="Adopt a Child" class="img-fluid rounded d-block w-100" style="height: 700px; object-fit: cover;">
        </div>
        <div class="col-md-6">
          <p style="font-size: 1.25rem; font-weight:600; line-height: 1.6;">Modeled after the successful Old School Adopt a Child initiative, this program invites individuals, families, and organizations to sponsor a child’s education. Sponsors cover essential educational expenses such as tuition fees, school supplies, uniforms, and meals. This personalized approach ensures that each sponsored child has the opportunity to complete their education and achieve their potential.</p>
        </div>
      </div>

      <h5 class="mt-3">How It Works:</h5>
      <ul>
        <li><strong>Identification:</strong> Eligible students are identified based on financial need, academic performance, and commitment to their studies.</li>
        <li><strong>Matching:</strong> Sponsors are matched with a student, receiving regular updates on their progress, allowing for a personal connection to develop.</li>
        <li><strong>Support:</strong> In addition to financial aid, sponsors can choose to offer mentorship, guidance, or simply words of encouragement to their sponsored student.</li>
      </ul>

      <h4 class="mt-4">Scholarship Program:</h4>
      <div class="row mb-3">
        <div class="col-md-6">
          <p style="font-size: 1.25rem; font-weight:600; line-height: 1.6;">For high-achieving students with limited resources, RefCom offers merit-based scholarships. These scholarships cover tuition, books, and other academic needs, ensuring that financial challenges do not hinder educational progress. We focus on students excelling in STEM, leadership, and community service, helping to nurture future leaders and innovators.</p>
        </div>
        <div class="col-md-6">
          <img src="{% static 'images/' %}" alt="Scholarship Program" class="img-fluid rounded">
        </div>
      </div>

      <h4 class="mt-4">Why Sponsor a Child?</h4>
      <ul>
        <li><strong>Empower Future Leaders:</strong> Your contribution directly impacts the life of a young student, providing them with tools to shape a better future.</li>
        <li><strong>Personalized Impact:</strong> Build a connection with your sponsored child and witness their academic and personal growth.</li>
        <li><strong>Community Development:</strong> Supporting a child’s education contributes to long-term development in Rabai and surrounding communities.</li>
      </ul>

      <h4 class="mt-4">Get Involved:</h4>
      <div class="row mb-3">
        <div class="col-md-6">
          <img src="{% static 'images/' %}" alt="Get Involved" class="img-fluid rounded">
        </div>
        <div class="col-md-6">
          <p style="font-size: 1.25rem; font-weight:600; line-height: 1.6;">Whether you’re an individual looking to make a difference or an organization interested in CSR, we offer flexible sponsorship options to fit your capacity. Join us in making education accessible for all.</p>
        </div>
      </div>

      <h4 class="mt-4">Success Stories:</h4>
      <div class="row">
        <div class="col-md-6">
          <p style="font-size: 1.25rem; font-weight:600; line-height: 1.6;">Our program has already changed the lives of many young people, paving the way for future doctors, engineers, teachers, and community leaders. Read about the journeys of our sponsored students and the impact of your support.</p>
        </div>
        <div class="col-md-6">
          <img src="{% static 'images/' %}" alt="Success Story" class="img-fluid rounded">
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}