projet_php/views/about.tpl

{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">

        <!-- CONTENU PRINCIPAL -->
        <div class="col-lg-8">

            <!-- INTRO -->
            <div class="mb-5">
                <h3 class="h4 mb-3">
                    <i class="bi bi-lightbulb me-2 text-primary"></i>
                    Présentation du projet
                </h3>

                <p class="lead fs-4">
                    <strong>FOLLIOW</strong> est un réseau social dédié aux portfolios numériques.
                </p>

                <p class="fs-5">
                    La plateforme permet à chacun de créer un profil personnalisé, de mettre en avant ses projets
                    et de valoriser ses compétences à travers une présentation claire et professionnelle.
                </p>

                <p class="fs-5">
                    Les recruteurs et visiteurs peuvent rechercher des profils, consulter les réalisations
                    et prendre contact avec les utilisateurs qui les intéressent.
                </p>

                <p class="fs-5">
                    Ce projet a été développé dans un cadre pédagogique afin de concevoir une application web
                    complète simulant un environnement professionnel réel.
                </p>
            </div>

            <!-- FONCTIONNALITÉS -->
            <div class="mb-5">
                <h3 class="h4 mb-3">
                    <i class="bi bi-gear me-2 text-primary"></i>
                    Fonctionnalités principales
                </h3>

                <div class="row">
                    <div class="col-md-6">
                        <ul class="list-unstyled fs-5">
                            <li class="mb-2">
                                <i class="bi bi-check-circle text-success me-2"></i>
                                Création et gestion de projets
                            </li>
                            <li class="mb-2">
                                <i class="bi bi-check-circle text-success me-2"></i>
                                Affichage dynamique des contenus
                            </li>
                            <li class="mb-2">
                                <i class="bi bi-check-circle text-success me-2"></i>
                                Gestion des utilisateurs
                            </li>
                        </ul>
                    </div>

                    <div class="col-md-6">
                        <ul class="list-unstyled fs-5">
                            <li class="mb-2">
                                <i class="bi bi-check-circle text-success me-2"></i>
                                Partage d’un projet par email
                            </li>
                            <li class="mb-2">
                                <i class="bi bi-check-circle text-success me-2"></i>
                                Interface responsive et accessible
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- OBJECTIFS -->
            <div class="mb-5">
                <h3 class="h4 mb-3">
                    <i class="bi bi-bullseye me-2 text-primary"></i>
                    Objectifs pédagogiques
                </h3>

                <p class="fs-5">
                    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 class="fs-5">
                    <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>
            </div>

            <!-- TECHNOLOGIES -->
            <div>
                <h3 class="h4 mb-4">
                    <i class="bi bi-code-slash me-2 text-primary"></i>
                    Technologies utilisées
                </h3>

                <div class="row g-4">

                    <div class="col-md-6">
                        <div class="border rounded p-3 h-100">
                            <strong class="fs-5">Backend</strong>
                            <p class="small text-muted mb-0">
                                PHP orienté objet – Architecture MVC – MySQL
                            </p>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="border rounded p-3 h-100">
                            <strong class="fs-5">Frontend</strong>
                            <p class="small text-muted mb-0">
                                HTML5 – CSS3 – Bootstrap – Smarty
                            </p>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="border rounded p-3 h-100">
                            <strong class="fs-5">Emails</strong>
                            <p class="small text-muted mb-0">
                                PHPMailer – SMTP – Brevo
                            </p>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="border rounded p-3 h-100">
                            <strong class="fs-5">Sécurité</strong>
                            <p class="small text-muted mb-0">
                                Validation des données – Protection des formulaires – Gestion des sessions
                            </p>
                        </div>
                    </div>

                </div>
            </div>

        </div>

        <!-- SIDEBAR -->
        <div class="col-lg-4">

            <div class="sticky-top" style="top: 90px;">

                <div class="border rounded p-4 mb-4">
                    <h4 class="h5 mb-3">
                        <i class="bi bi-mortarboard me-2 text-primary"></i>
                        Projet pédagogique
                    </h4>

                    <p class="fs-5 mb-0">
                        FOLLIOW a été développé dans le cadre du module PROJET WEB 2,
						consacré à la conception d’une application web dynamique en PHP orienté objet (architecture MVC),
						au sein d’une formation en Développement Web et Web Mobile à CCI Campus Colmar.
						Il s’agit d’une plateforme démonstrative réalisée à des fins pédagogiques.
                    </p>
                </div>

                <div class="border rounded p-4">
                    <h4 class="h5 mb-3">
                        <i class="bi bi-envelope me-2 text-primary"></i>
                        Contact
                    </h4>

                    <p class="fs-5 mb-2">
                        Pour toute question :
                    </p>

                    <a href="mailto:projet.folliow@hotmail.com" class="fs-5 text-decoration-none">
                        projet.folliow@hotmail.com
                    </a>
                </div>

            </div>

        </div>

    </div>

</section>

{/block}