{% extends "yayasan/base.html" %}
{% block title %}Tentang - {{ yayasan.nama }}{% endblock %}
{% block content %}
<section class="py-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-body p-5">
                        <h2 class="text-center mb-4">Tentang Kami</h2>
                        <p class="lead text-center">{{ yayasan.tentang }}</p>
                        <hr>
                        <div class="row mt-4">
                            <div class="col-md-6">
                                <h5><i class="fas fa-bullseye text-success me-2"></i>Visi</h5>
                                <p>Menjadi lembaga pendidikan Islam terdepan yang mencetak generasi Qurani, berakhlak mulia, dan berprestasi.</p>
                            </div>
                            <div class="col-md-6">
                                <h5><i class="fas fa-road text-success me-2"></i>Misi</h5>
                                <ul>
                                    <li>Menyelenggarakan pendidikan berkualitas</li>
                                    <li>Membentuk karakter Islami</li>
                                    <li>Mengembangkan potensi siswa</li>
                                    <li>Menjalin kerjasama dengan orang tua</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}