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

{% block title %}Financial Literacy Programs{% endblock %}

{% block content %}
<div class="container my-5">
  <div class="text-center mb-5">
    <h1 class="display-5 fw-bold">Community Financial Literacy Programs</h1>
    <p class="lead text-muted">
      Empowering communities through knowledge and sustainable financial practices.
    </p>
  </div>

  <div class="row mb-4">
    <div class="col-md-6">
      <h3 class="fw-semibold">Workshops & Training</h3>
      <p style="font-size: 1.25rem; font-weight:600; line-height: 1.6;">
        Refcom organizes regular workshops to educate community members on budgeting, saving,
        investment strategies, and debt management. These events are open to all and tailored to the
        unique needs of various groups such as youth, women, and small business owners.
      </p>
    </div>
    <div class="col-md-6">
      <img src="{% static 'images/financial_workshop.jpg' %}" alt="Workshop" class="img-fluid rounded shadow">
    </div>
  </div>

  <div class="row mb-4">
    <div class="col-md-6 order-md-2">
      <h3 class="fw-semibold">Partnerships with Local Schools</h3>
      <p style="font-size: 1.25rem; font-weight:600; line-height: 1.6;">
        Our financial literacy curriculum is integrated into local schools through partnerships that 
        promote early education in financial management, teaching students essential life skills like 
        budgeting, saving, and responsible spending.
      </p>
    </div>
    <div class="col-md-6 order-md-1">
      <img src="{% static 'images/school_program.jpeg' %}" alt="School Program" class="img-fluid rounded shadow">
    </div>
  </div>

  <div class="row mb-4">
    <div class="col-md-6">
      <h3 class="fw-semibold">Digital Literacy Campaigns</h3>
      <p style="font-size: 1.25rem; font-weight:600; line-height: 1.6;">
        We leverage digital tools to reach a wider audience, sharing weekly tips, hosting webinars,
        and creating downloadable guides to support ongoing learning in areas such as mobile banking,
        digital wallets, and online financial security.
      </p>
    </div>
    <div class="col-md-6">
    
      <img src="{% static 'images/digital_literacy.jpeg' %}" alt="Digital Literacy" class="img-fluid rounded shadow">
    </div>
  </div>

  <div class="text-center mt-5">
    <h2>Get Involved</h2>
    <p style="font-size: 1.25rem; font-weight:600; line-height: 1.6;">
      Whether you're a community leader, educator, youth advocate, or simply passionate about digital and financial empowerment, we welcome you to be part of the change.
    </p>
    <a href="{% url 'careers' %}" class="btn btn-success btn-lg">Join the Mission</a>
  </div>
</div>
{% endblock %}