{extends file="views/layout.tpl"}

{block name="title" append} - À propos{/block}

{block name="h2"}À propos{/block}
{block name="p"}Plateforme de partage de portfolio – Projet pédagogique{/block}

{block name="content"}

<section aria-label="À propos de FOLLIOW">
    <div class="row g-5">

        <!-- Présentation principale -->
        <div class="col-lg-8">

            <section aria-labelledby="presentation">
                <h3 id="presentation" class="h4 mb-3">
                    <i class="fas fa-lightbulb me-2 text-primary"></i>
                    Présentation du projet
                </h3>

                <p>
                    <strong>FOLLIOW</strong> est une plateforme web développée dans le cadre d’un projet pédagogique.
                    Elle permet aux utilisateurs de publier, consulter et partager des projets numériques
                    à travers une interface simple et structurée.
                </p>

                <p>
                    Ce projet a été conçu afin de mettre en pratique les compétences acquises en
                    développement web, notamment l’architecture MVC, la gestion des bases de données
                    et la sécurisation des échanges.
                </p>
            </section>

            <section aria-labelledby="fonctionnalites" class="mt-4">
                <h3 id="fonctionnalites" class="h4 mb-3">
                    <i class="fas fa-cogs me-2 text-primary"></i>
                    Fonctionnalités principales
                </h3>

                <ul>
                    <li>Création et gestion de projets</li>
                    <li>Affichage dynamique des contenus</li>
                    <li>Gestion des utilisateurs</li>
                    <li>Partage d’un projet par email</li>
                    <li>Interface responsive et accessible</li>
                </ul>
            </section>

            <section aria-labelledby="objectifs" class="mt-4">
                <h3 id="objectifs" class="h4 mb-3">
                    <i class="fas fa-bullseye me-2 text-primary"></i>
                    Objectifs pédagogiques
                </h3>

                <p>
                    L’objectif principal de FOLLIOW est de démontrer la capacité à concevoir
                    une application web complète, structurée et sécurisée.
                </p>

                <ul>
                    <li>Structuration d’un projet en architecture MVC</li>
                    <li>Manipulation de bases de données relationnelles</li>
                    <li>Validation et sécurisation des données</li>
                    <li>Implémentation d’un système d’envoi d’emails</li>
                    <li>Respect des bonnes pratiques (RGPD, accessibilité, organisation du code)</li>
                </ul>
            </section>

            <section aria-labelledby="technologies" class="mt-4">
                <h3 id="technologies" class="h4 mb-3">
                    <i class="fas fa-code me-2 text-primary"></i>
                    Technologies utilisées
                </h3>

                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="card h-100 border-0 shadow-sm">
                            <div class="card-body">
                                <strong>Backend</strong>
                                <p class="small mb-0">
                                    PHP orienté objet – Architecture MVC – MySQL
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="card h-100 border-0 shadow-sm">
                            <div class="card-body">
                                <strong>Frontend</strong>
                                <p class="small mb-0">
                                    HTML5 – CSS3 – Bootstrap – Smarty
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="card h-100 border-0 shadow-sm">
                            <div class="card-body">
                                <strong>Emails</strong>
                                <p class="small mb-0">
                                    PHPMailer – SMTP – Brevo
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="card h-100 border-0 shadow-sm">
                            <div class="card-body">
                                <strong>Sécurité</strong>
                                <p class="small mb-0">
                                    Validation des données – Protection des formulaires – Gestion des sessions
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

        </div>

        <!-- Sidebar -->
        <div class="col-lg-4">
            <div class="card shadow-sm p-4">

                <h4 class="h5 mb-3">
                    <i class="fas fa-graduation-cap me-2 text-primary"></i>
                    Projet pédagogique
                </h4>

                <p class="small">
                    FOLLIOW a été réalisé dans le cadre d’une formation en développement web.
                    Il s’agit d’un projet démonstratif à visée éducative.
                </p>

                <hr>

                <h4 class="h5 mb-3">
                    <i class="fas fa-envelope me-2 text-primary"></i>
                    Contact
                </h4>

                <p class="small mb-1">
                    Pour toute question :
                </p>

                <a href="mailto:projet.folliow@hotmail.com" class="small">
                    projet.folliow@hotmail.com
                </a>

            </div>
        </div>

    </div>
</section>

{/block}