diff --git a/public/images/behaviors-work.jpg b/public/images/behaviors-work.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..40d7b6901d1bf17d3893e531829d5454a621aeeb
Binary files /dev/null and b/public/images/behaviors-work.jpg differ
diff --git a/public/images/logo-ANR.png b/public/images/logo-ANR.png
new file mode 100644
index 0000000000000000000000000000000000000000..9282bb99950c64d15b4b070a40d62c4f3c2c60da
Binary files /dev/null and b/public/images/logo-ANR.png differ
diff --git a/public/images/logo-Lyon-1.png b/public/images/logo-Lyon-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..4600870f97179121b0f3faac1040c8882b8c7043
Binary files /dev/null and b/public/images/logo-Lyon-1.png differ
diff --git a/public/images/logo-cnrs.png b/public/images/logo-cnrs.png
new file mode 100644
index 0000000000000000000000000000000000000000..50a4fcce0ba05785fe7fef1f1b27796b7e2ef53f
Binary files /dev/null and b/public/images/logo-cnrs.png differ
diff --git a/public/images/logo-ecole-centrale.png b/public/images/logo-ecole-centrale.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab4a070e60570071d518363b69b127a4728529ef
Binary files /dev/null and b/public/images/logo-ecole-centrale.png differ
diff --git a/public/images/logo-hoomano.png b/public/images/logo-hoomano.png
new file mode 100644
index 0000000000000000000000000000000000000000..9045599f3fd0d753b9b561d22ded6b06479c321e
Binary files /dev/null and b/public/images/logo-hoomano.png differ
diff --git a/public/images/logo-insa.png b/public/images/logo-insa.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc46aa1d3e30d1d36ba01c67330050e8c91735ca
Binary files /dev/null and b/public/images/logo-insa.png differ
diff --git a/public/images/logo-liris.png b/public/images/logo-liris.png
new file mode 100644
index 0000000000000000000000000000000000000000..8eb56754a59271317f6ea68ba6dfb7e96828d12d
Binary files /dev/null and b/public/images/logo-liris.png differ
diff --git a/public/images/logo-univlyon2.png b/public/images/logo-univlyon2.png
new file mode 100644
index 0000000000000000000000000000000000000000..ccbecf4ee8b044eb0c1aec9ae150f300a5ce73b4
Binary files /dev/null and b/public/images/logo-univlyon2.png differ
diff --git a/src/Header/Header.css b/src/Header/Header.css
index 2b0f371438e65b7ef60af326dbd52a374e220c1d..6085593da83916cb205aee57a70f8f17fbe3d4f3 100644
--- a/src/Header/Header.css
+++ b/src/Header/Header.css
@@ -27,7 +27,7 @@
 /* Name of the algorithm being run */
 
 #header .algo-name {
-  width: 30%;
+  width: 26%;
   color: #383838;
   font-size: 25px;
   font-weight: bold;
@@ -58,6 +58,33 @@
   font-weight: bold;
   color: #383838;
 }
+/* About us button */
+.lavizu_btn {
+    font-family: sans-serif;
+    width:auto;
+    display: inline-block;
+    background: #edc71b;
+    color:#fff;
+    font-size: 25px;
+    padding:10px 20px 10px 20px;
+    border-radius: 10px;
+    border:none;
+    border-bottom:5px solid #ba9d1a;
+    transition: all 0.2s;
+    margin-left: 5%;
+    text-decoration: none;
+    margin-top: 30px;
+}
+.lavizu_btn:hover {
+    border-bottom:7px solid #ba9d1a;
+    transform: translateY(-2px);
+    cursor: pointer;
+}
+.lavizu_btn:active {
+    transition: all 0s;
+    border-bottom:2px solid #ba9d1a;
+    transform: translateY(2px);
+}
 
 /* Buttons to control the algorithm's lifecycle : play/pause, restart, next step, etc. */
 
diff --git a/src/Header/index.js b/src/Header/index.js
index 571bceb04a04f52b8e15111681adca188e36cbbd..15f9defb1ce686ee30fcaf8a15259fff9c8e7b57 100644
--- a/src/Header/index.js
+++ b/src/Header/index.js
@@ -32,6 +32,7 @@ export function Header(props) {
     <div className="block sleep">
       <SleepDuration ros={props.ros}/>
     </div>
+    <a class="lavizu_btn" href="adresse" targer="_blank">?</a>
   </div>);
 }
 
@@ -40,4 +41,4 @@ function ImageButton(icon_name) {
     return <img src={`${window.location.origin}/images/icons/${icon_name}.svg`} alt={icon_name}
                 className="normal"/>
   }
-}
\ No newline at end of file
+}
diff --git a/src/LearnMore.css b/src/LearnMore.css
new file mode 100644
index 0000000000000000000000000000000000000000..2a4e1a5dbfdd47b7ed86fb52bb720453b917fb7d
--- /dev/null
+++ b/src/LearnMore.css
@@ -0,0 +1,149 @@
+body {
+  background-color: #f5f5f6;
+  font-family: "Lato"
+}
+
+h1 {
+  color: #edc61b;
+  text-align:center;
+  font-weight: bold;
+  margin-top: 2%;
+  margin-left: 40%;
+  display: inline-block;
+  width: 20%
+}
+
+h2 {
+  color:#383838;
+  font-weight: bold;
+  text-align: center;
+  margin-top: 40px;
+  margin-bottom: 40px
+}
+
+p {
+  color:#383838;
+  font-size: 20px
+}
+
+.single-service-line1 {
+  width:100%;
+}
+
+.single-service-line2 {
+  float: left;
+  width: 50%;
+  margin-top: -50px
+}
+
+.single-service-line3 {
+  float: left;
+  width: 20%;
+  margin-top: -40px
+}
+
+.team-description {
+  float:left;
+  width: 65%;
+  margin-left: 3%;
+  margin-bottom: 10px;
+  margin-top: -10px;
+  text-align: justify;
+}
+
+.visu-description {
+  margin-right: 200px;
+  margin-left: 200px
+}
+
+#logo-liris {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  height: 200px;
+}
+
+#logo-hoomano {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  height: 200px;
+}
+
+#logo-ANR {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  height: 120px;
+  margin-bottom: -50px
+}
+
+#logo-Lyon-1 {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  height: 150px
+}
+
+#logo-cnrs {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  height: 150px
+}
+
+#logo-insa {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  height: 150px
+}
+
+#logo-ecole-centrale {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  height: 150px
+}
+
+#logo-univlyon2 {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  height: 150px;
+  margin-top: -20px
+}
+
+#team-photo {
+  display:block;
+  width: 500px;
+  margin-left: 2%;
+  border-radius: 10px;
+  float:left;
+}
+
+.lavizu_btn {
+    font-family: sans-serif;
+    width:auto;
+    display: inline-block;
+    background: #edc71b;
+    color:#fff;
+    font-size: 25px;
+    padding:10px 20px 10px 20px;
+    border-radius: 10px;
+    border:none;
+    border-bottom:5px solid #ba9d1a;
+    transition: all 0.2s;
+    margin-left: 30%;
+    text-decoration: none;
+}
+.lavizu_btn:hover {
+    border-bottom:7px solid #ba9d1a;
+    transform: translateY(-2px);
+    cursor: pointer;
+}
+.lavizu_btn:active {
+    transition: all 0s;
+    border-bottom:2px solid #ba9d1a;
+    transform: translateY(2px);
+}
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..86186c223c5994787cd82cd5b41db1ff586c72d8
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Learn more about us</title>
+    <meta charset="UTF-8" >
+    <link rel="stylesheet" href="LearnMore.css" >
+    <link rel="shortcut icon" href="%PUBLIC_URL%/behaviors.favicon-430x430.jpg" />
+  </head>
+  <body>
+
+    <div>
+      <h1>About Behaviors.ai</h1>
+      <a class="lavizu_btn" href="adresse" targer="_blank">Lavizu</a>
+      <div>
+      <img src="../public/images/behaviors-work.jpg"
+          alt="team-photo"
+          key="team-photo"
+          id="team-photo"/>
+      </div>
+      <div class="team-description">
+        <p>Behaviors.ai (Behaviors.ai is an Engine enHancing verbAl and nonĀ­Verbal InteractiOns of RobotS, based on Artificial Intelligence) is a Common Laboratory funded by the ANR (French Research Agency) and gathers skills from LIRIS researchers in Artificial Intelligence and from Hoomano, a specialized firm in software development for social robots. It has started in February 2017 and will last three years.
+          Behaviors.ai targets to transfer fundamental research results, especially in developmental learning, to mass-market applications in robots. The team research focuses on the understanding of the interactional context and on providing an appropriate and accurate response.</p>
+        <p>The objectives of Behaviors.ai are to improve the context perception and the accuracy of the given response to provide more empathic human-robots interactions. This research project targets to develop an interactional engine that will include some of the state of the art methods and new innovative solutions, especially based on promising results in developmental learning and in cognitive robotics. It is part of the innovative development of Hoomano consisting in providing generic tools that can be deployed on any robotic platform to become a standard engine on the market. In addition to technical issues related to the diversity of robotic platforms, this objective raises a key research challenge: the engine has to be able to adapt dynamically to the interaction capabilities of the robot and to mature continuously depending on the effective and interesting interactions with its environment.</p>
+      </div>
+    </div>
+    <div class="visu-description">
+      <h1>About Lavizu</h1>
+      <p>Lavizu aims to explain what is happening in the head of the agent when it is learning. Showing the mental states, the memory and the evolution of knowledge of the agent may lead to a better comprehension of the developmental learning algorithms for our team, researchers or the general public. Being able to debug our algorithms to improve their efficiency is also a goal of this visualisation, and could finally lead to more natural interactions with robots.</p>
+    </div>
+
+
+
+    <div>
+      <div class="single-service-line1">
+        <h2>Supported by</h2>
+        <img src="../public/images/logo-ANR.png"
+            alt="logo-ANR"
+            key="logo-ANR"
+            id="logo-ANR"/>
+      </div>
+
+      <div class="single-service-line2">
+        <img src="../public/images/logo-liris.png"
+            alt="logo-liris"
+            key="logo-liris"
+            id="logo-liris"/>
+      </div>
+      <div class="single-service-line2">
+        <img src="../public/images/logo-hoomano.png"
+            alt="logo-hoomano"
+            key="logo-hoomano"
+            id="logo-hoomano"/>
+      </div>
+      <div class="single-service-line3">
+        <img src="../public/images/logo-cnrs.png"
+            alt="logo-cnrs"
+            key="logo-cnrs"
+            id="logo-cnrs"/>
+      </div>
+
+      <div class="single-service-line3">
+        <img src="../public/images/logo-Lyon-1.png"
+            alt="logo-Lyon-1"
+            key="logo-Lyon-1"
+            id="logo-Lyon-1"/>
+      </div>
+      <div class="single-service-line3">
+        <img src="../public/images/logo-insa.png"
+            alt="logo-insa"
+            key="logo-insa"
+            id="logo-insa"/>
+      </div>
+      <div class="single-service-line3">
+        <img src="../public/images/logo-ecole-centrale.png"
+            alt="logo-ecole-centrale"
+            key="logo-ecole-centrale"
+            id="logo-ecole-centrale"/>
+      </div>
+      <div class="single-service-line3">
+        <img src="../public/images/logo-univlyon2.png"
+            alt="logo-univlyon2"
+            key="logo-univlyon2"
+            id="logo-univlyon2"/>
+      </div>
+    </div>
+  </body>