diff --git a/client/src/components/global/navbar/navbar.vue b/client/src/components/global/navbar/navbar.vue
index 795829d..aac51ae 100644
--- a/client/src/components/global/navbar/navbar.vue
+++ b/client/src/components/global/navbar/navbar.vue
@@ -34,6 +34,10 @@
                     {
                         text: 'Écoles',
                         url: '/ecoles',
+                    },
+                    {
+                        text: 'Chronologie',
+                        url: '/ages',
                     }
                 ]
             }
diff --git a/client/src/pages/timelines/timeline-page.vue b/client/src/pages/timelines/timeline-page.vue
new file mode 100644
index 0000000..34a2f62
--- /dev/null
+++ b/client/src/pages/timelines/timeline-page.vue
@@ -0,0 +1,15 @@
+<template>
+    <div class="container-fluid p-4" id="spell-container">
+        <h1 class="display-3 font-display mb-3">Chronologie</h1>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'timeline-page',
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/client/src/routes.js b/client/src/routes.js
index 94f2c96..fa1f340 100644
--- a/client/src/routes.js
+++ b/client/src/routes.js
@@ -10,6 +10,8 @@ import SpellSingle from "~/pages/spells/single-spell-page"
 import Schools from "./pages/schools/schools-page"
 import SchoolSingle from "~/pages/schools/single-school-page"
 
+import Timeline from "./pages/timelines/timeline-page"
+
 import Login from "~/pages/user/login-page"
 import Register from "~/pages/user/register-page"
 import Profile from "~/pages/user/profile-page"
@@ -56,6 +58,10 @@ const routes = [
         component: SchoolSingle,
         props: true,
     },
+    {
+        path: '/ages',
+        component: Timeline,
+    },
     {
         path: '/profil',
         component: Profile,