diff --git a/views/about.tpl b/views/about.tpl
new file mode 100644
index 0000000..6466218
--- /dev/null
+++ b/views/about.tpl
@@ -0,0 +1,161 @@
+{extends file="views/layout.tpl"}
+
+{assign var='strPage' value='about'}
+
+{block name="title" append}À propos{/block}
+{block name="h2"}À propos de FOLLIOW{/block}
+{block name="p"}Plateforme de partage de projets – 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}
\ No newline at end of file