{% extends 'base.html' %}

{% block title %}المعلمون - منار التحفيظ{% endblock %}

{% block content %}
<div class="container py-5">
  <div class="row mb-4">
    <div class="col text-center">
      <h1>فريقنا من المعلمين والمعلمات</h1>
      <p class="lead">نفخر بضم نخبة من المعلمين المهرة من أصحاب الخبرة والكفاءة العالية.</p>
    </div>
  </div>
  <div class="row">
    <!-- Dummy Teacher 1 -->
    <div class="col-md-4 mb-4">
      <div class="card h-100 text-center p-3">
        <img src="https://i.pravatar.cc/150?img=1" class="rounded-circle mx-auto mb-3" alt="Teacher">
        <div class="card-body">
          <h5 class="card-title">الشيخ أحمد المصري</h5>
          <p class="card-text">إجازة في القراءات العشر من الأزهر الشريف. خبرة 15 عامًا في تحفيظ القرآن للكبار والصغار.</p>
        </div>
      </div>
    </div>
    <!-- Dummy Teacher 2 -->
    <div class="col-md-4 mb-4">
      <div class="card h-100 text-center p-3">
        <img src="https://i.pravatar.cc/150?img=2" class="rounded-circle mx-auto mb-3" alt="Teacher">
        <div class="card-body">
          <h5 class="card-title">الأستاذة فاطمة الهاشمي</h5>
          <p class="card-text">متخصصة في تعليم الأطفال وتطبيق أساليب نور البيان. خبرة 10 سنوات في التعامل مع الأطفال.</p>
        </div>
      </div>
    </div>
    <!-- Dummy Teacher 3 -->
    <div class="col-md-4 mb-4">
      <div class="card h-100 text-center p-3">
        <img src="https://i.pravatar.cc/150?img=3" class="rounded-circle mx-auto mb-3" alt="Teacher">
        <div class="card-body">
          <h5 class="card-title">الدكتور يوسف عبد الرحمن</h5>
          <p class="card-text">أستاذ جامعي متخصص في علوم التجويد والتفسير. له العديد من الأبحاث المنشورة في مجال الدراسات القرآنية.</p>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}
