diff --git a/src/dependencies.pug b/src/dependencies.pug
index 5de986a..d6f87ac 100644
--- a/src/dependencies.pug
+++ b/src/dependencies.pug
@@ -24,8 +24,8 @@ if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
     //- script(type="module" src="/lib/sib-conversation/sib-conversation.js" defer)
 
 if (endpoints.uploads || (endpoints.get && endpoints.get.uploads)) && (endpoints.skills || (endpoints.get && endpoints.get.skills)) && (endpoints.users || (endpoints.get && endpoints.get.users))
-    script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.3" defer)
-    //- script(type="module" src="/lib/sib-directory/index.js" defer)
+    script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.4" defer)
+    //- script(type="module" src="/lib/sib-directory/dist/index.js" defer)
 
 if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
     script(type="module" src="https://unpkg.com/@startinblox/component-dashboard@0.1" defer)
diff --git a/src/header.pug b/src/header.pug
index 507ea68..90468ec 100644
--- a/src/header.pug
+++ b/src/header.pug
@@ -26,6 +26,8 @@ details#user-controls.notLoggedIn
             sib-link(next='profile') Mon profil
         li
           sib-link(next='admin') Administration
+        li
+          sib-link(next='about') A propos
       button(role='log out' onclick="document.querySelector('sib-auth').logout();") Se déconnecter
 
 button.loggedIn(role='log in' onclick="document.querySelector('sib-auth').login();") Se connecter
diff --git a/src/index.pug b/src/index.pug
index 97837af..30b6e66 100644
--- a/src/index.pug
+++ b/src/index.pug
@@ -55,6 +55,9 @@ html(lang="en")
 
         #admin(hidden).with-sidebar
           include page-admin.pug
+
+        #about.no-sidebar.with-padding
+          include page-about.pug
           
         if (endpoints.skills || (endpoints.get && endpoints.get.skills)) && (endpoints.uploads || (endpoints.post && endpoints.post.uploads)) && (endpoints.users || (endpoints.post && endpoints.post.users))
           #profile(hidden).no-sidebar
@@ -67,4 +70,4 @@ html(lang="en")
               type=`${provider.type}`
               url=`${provider.url}`
               id=`${provider.id}`
-            )
\ No newline at end of file
+            )
diff --git a/src/menu-left.pug b/src/menu-left.pug
index 38a7d02..e304b87 100644
--- a/src/menu-left.pug
+++ b/src/menu-left.pug
@@ -138,3 +138,4 @@ sib-router#navbar-router(default-route='dashboard')
 
   sib-route(name='admin', hidden)
   sib-route.menu(name='profile', hidden)
+  sib-route(name='about', hidden)
diff --git a/src/page-about.pug b/src/page-about.pug
new file mode 100644
index 0000000..0bad6cf
--- /dev/null
+++ b/src/page-about.pug
@@ -0,0 +1,17 @@
+.views-container
+  h2 A propos
+  div.flex-content-white
+    div
+      div
+        h3 Cette application est développée  par Startin'blox
+        p Startin’blox est une coopérative qui développe des outils libres pour construire facilement et à moindre coût des applications fédérées et interopérables basées sur les derniers standards du web poussés par le projet SOLID.
+        p Sa mission est de redonner le pouvoir aux utilisateurs en leur permettant de reprendre la main sur leur outil numérique et de bénéficier d’un effet de réseau au sein d’un écosystème choisi afin de s’émanciper des grandes plateformes.
+      div
+        a(href="https://startinblox.com/fr/" target="_blank") https://startinblox.com/fr/
+
+    div
+      div
+        h3 Contacte-nous
+        p Tu veux contribuer, nous remonter un bug, nous suggérer une amélioration, travailler avec nous ? 
+      div
+        a(href="https://startinblox.com/fr/#home-contact" target="_blank").main-cta Contact 
\ No newline at end of file
diff --git a/src/styles/base/about.scss b/src/styles/base/about.scss
new file mode 100644
index 0000000..c7b6230
--- /dev/null
+++ b/src/styles/base/about.scss
@@ -0,0 +1,58 @@
+#about{
+  $main-color: rgb(236, 94, 92);
+  $second-color: white;
+  h2,h3{
+    text-transform: uppercase;
+  }
+  h2{
+    margin-left: 1.5em;
+  }
+  .flex-content-white{ 
+    display: flex;
+    @media only screen and (max-width: 768px) {
+      flex-direction: column;
+    }
+    >div{
+      padding: 2em 2.5em; 
+      text-align: center;
+      margin: 0 1.5em 3em 1.5em;
+      background: white;
+      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.11);
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+    }
+    >div:first-child{
+      width: 60%;
+    }
+    >div:last-child{
+      width: 35%;
+      @media only screen and (max-width: 768px) {
+        width: 60%;
+      }
+    }
+    a{
+      text-decoration: none;
+    }
+  }
+
+  .main-cta{
+    background: $second-color none repeat scroll 0% 0%;
+    border: 1px solid $main-color;
+    border-radius: 55px;
+    color: $main-color;
+    cursor: pointer;
+    font-weight: bold;
+    text-transform: uppercase;
+    width: 25%;
+    font-size: 1.1rem;
+    align-self: center;
+    padding: 0.5rem 1.5rem;
+  }
+
+  .main-cta:hover{
+    background: $main-color none repeat scroll 0% 0%;
+    border : 1px solid $second-color;
+    color: $second-color;
+  }
+}
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 59094ef..1458359 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -8,6 +8,7 @@
 @import 'abstracts/mixins';
 @import 'components/icons/index';
 @import 'base/main';
+@import 'base/about';
 
 #viewport {
     display: flex;