diff --git a/CycloRoute/Style.css b/CycloRoute/Style.css
new file mode 100644
index 0000000..d464955
--- /dev/null
+++ b/CycloRoute/Style.css
@@ -0,0 +1,126 @@
+/* || General setup */
+
+html, body {
+    margin: 0;
+    padding: 0;
+  }
+  
+  html {
+    font-size: 10px;
+    background-color: #a9a9a9;
+  }
+  
+  body {
+    width: 70%;
+    margin: 0 auto;
+  }
+  
+  /* || typography */
+  
+  h1, h2, h3 {
+    font-family: 'Segoe UI', cursive;
+    color: #2a2a2a;
+  }
+  
+  p, input, li {
+    font-family: 'Segoe UI', sans-serif;
+    color: #2a2a2a;
+  }
+  
+  h1 {
+    font-size: 4rem;
+    text-align: center;
+    text-shadow: 2px 2px 10px ;
+  }
+  
+  h2 {
+    font-size: 3rem;
+    text-align: center;
+  }
+  
+  h3 {
+    font-size: 2.2rem;
+  }
+  
+  p, li {
+    font-size: 1.6rem;
+    line-height: 1.5;
+  }
+  
+  /* || header layout */
+  
+  nav, article, aside, footer {
+    padding: 1%;
+  }
+  
+  nav {
+    height: 50px;
+    display: flex;
+    margin-bottom: 10px;
+  }
+  
+  nav ul {
+    padding: 0;
+    list-style-type: none;
+    flex: 2;
+    display: flex;
+  }
+  
+  nav li {
+    display: inline;
+    text-align: center;
+    flex: 1;
+  }
+  
+  nav a {
+    display: inline-block;
+    font-size: 2rem;
+    text-transform: uppercase;
+    text-decoration: none;
+  }
+  
+  nav form {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    height: 100%;
+    padding: 0 2em;
+  }
+  
+  input {
+    font-size: 1.6rem;
+    height: 32px;
+  }
+  
+  input[type="search"] {
+    flex: 3;
+  }
+  
+  input[type="submit"] {
+    flex: 1;
+    margin-left: 1rem;
+    border: 0;
+  }
+  
+  /* || main layout */
+  
+  main {
+    display: flex;
+  }
+  
+  article {
+    flex: 4;
+  }
+  
+  aside {
+    flex: 1;
+    margin-left: 10px;
+  }
+  
+  aside li {
+    padding-bottom: 10px;
+  }
+  
+  footer {
+    margin-top: 10px;
+  }
\ No newline at end of file
diff --git a/Enduro/Style.css b/Enduro/Style.css
new file mode 100644
index 0000000..d464955
--- /dev/null
+++ b/Enduro/Style.css
@@ -0,0 +1,126 @@
+/* || General setup */
+
+html, body {
+    margin: 0;
+    padding: 0;
+  }
+  
+  html {
+    font-size: 10px;
+    background-color: #a9a9a9;
+  }
+  
+  body {
+    width: 70%;
+    margin: 0 auto;
+  }
+  
+  /* || typography */
+  
+  h1, h2, h3 {
+    font-family: 'Segoe UI', cursive;
+    color: #2a2a2a;
+  }
+  
+  p, input, li {
+    font-family: 'Segoe UI', sans-serif;
+    color: #2a2a2a;
+  }
+  
+  h1 {
+    font-size: 4rem;
+    text-align: center;
+    text-shadow: 2px 2px 10px ;
+  }
+  
+  h2 {
+    font-size: 3rem;
+    text-align: center;
+  }
+  
+  h3 {
+    font-size: 2.2rem;
+  }
+  
+  p, li {
+    font-size: 1.6rem;
+    line-height: 1.5;
+  }
+  
+  /* || header layout */
+  
+  nav, article, aside, footer {
+    padding: 1%;
+  }
+  
+  nav {
+    height: 50px;
+    display: flex;
+    margin-bottom: 10px;
+  }
+  
+  nav ul {
+    padding: 0;
+    list-style-type: none;
+    flex: 2;
+    display: flex;
+  }
+  
+  nav li {
+    display: inline;
+    text-align: center;
+    flex: 1;
+  }
+  
+  nav a {
+    display: inline-block;
+    font-size: 2rem;
+    text-transform: uppercase;
+    text-decoration: none;
+  }
+  
+  nav form {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    height: 100%;
+    padding: 0 2em;
+  }
+  
+  input {
+    font-size: 1.6rem;
+    height: 32px;
+  }
+  
+  input[type="search"] {
+    flex: 3;
+  }
+  
+  input[type="submit"] {
+    flex: 1;
+    margin-left: 1rem;
+    border: 0;
+  }
+  
+  /* || main layout */
+  
+  main {
+    display: flex;
+  }
+  
+  article {
+    flex: 4;
+  }
+  
+  aside {
+    flex: 1;
+    margin-left: 10px;
+  }
+  
+  aside li {
+    padding-bottom: 10px;
+  }
+  
+  footer {
+    margin-top: 10px;
+  }
\ No newline at end of file
diff --git a/Hiking/Style.css b/Hiking/Style.css
new file mode 100644
index 0000000..d464955
--- /dev/null
+++ b/Hiking/Style.css
@@ -0,0 +1,126 @@
+/* || General setup */
+
+html, body {
+    margin: 0;
+    padding: 0;
+  }
+  
+  html {
+    font-size: 10px;
+    background-color: #a9a9a9;
+  }
+  
+  body {
+    width: 70%;
+    margin: 0 auto;
+  }
+  
+  /* || typography */
+  
+  h1, h2, h3 {
+    font-family: 'Segoe UI', cursive;
+    color: #2a2a2a;
+  }
+  
+  p, input, li {
+    font-family: 'Segoe UI', sans-serif;
+    color: #2a2a2a;
+  }
+  
+  h1 {
+    font-size: 4rem;
+    text-align: center;
+    text-shadow: 2px 2px 10px ;
+  }
+  
+  h2 {
+    font-size: 3rem;
+    text-align: center;
+  }
+  
+  h3 {
+    font-size: 2.2rem;
+  }
+  
+  p, li {
+    font-size: 1.6rem;
+    line-height: 1.5;
+  }
+  
+  /* || header layout */
+  
+  nav, article, aside, footer {
+    padding: 1%;
+  }
+  
+  nav {
+    height: 50px;
+    display: flex;
+    margin-bottom: 10px;
+  }
+  
+  nav ul {
+    padding: 0;
+    list-style-type: none;
+    flex: 2;
+    display: flex;
+  }
+  
+  nav li {
+    display: inline;
+    text-align: center;
+    flex: 1;
+  }
+  
+  nav a {
+    display: inline-block;
+    font-size: 2rem;
+    text-transform: uppercase;
+    text-decoration: none;
+  }
+  
+  nav form {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    height: 100%;
+    padding: 0 2em;
+  }
+  
+  input {
+    font-size: 1.6rem;
+    height: 32px;
+  }
+  
+  input[type="search"] {
+    flex: 3;
+  }
+  
+  input[type="submit"] {
+    flex: 1;
+    margin-left: 1rem;
+    border: 0;
+  }
+  
+  /* || main layout */
+  
+  main {
+    display: flex;
+  }
+  
+  article {
+    flex: 4;
+  }
+  
+  aside {
+    flex: 1;
+    margin-left: 10px;
+  }
+  
+  aside li {
+    padding-bottom: 10px;
+  }
+  
+  footer {
+    margin-top: 10px;
+  }
\ No newline at end of file
diff --git a/Hiking/index.html b/Hiking/index.html
index 62593ca..6423481 100644
--- a/Hiking/index.html
+++ b/Hiking/index.html
@@ -1,27 +1,27 @@
 <!DOCTYPE html>
 <html lang="fr">
     <head>
-        <title>OsmAnd Rendering FR</title>
-        <link data-rh="true" rel="icon" href="icon/logo_OsmAnd-Rendering.svg">
+        <title>Hiking FR</title>
+        <link data-rh="true" rel="icon" href="/icon/hiking.svg">
     </head>
-    <span style="float:left;"><img src="icon/logo_github.svg" width="25" /> </span>
+    <span style="float:left;"><img src="/icon/logo_github.svg" width="25" /> </span>
     <span style="float:left;"><a href="https://github.com/OsmAnd-Rendering">OsmAnd Rendering Github</a>&emsp;</span>
     <span style="float:left;"><a href="https://github.com/osmandapp/">OsmAnd GitHub</a>&emsp;</span>
     
     <span style="float:right;"><a href="index_EN.html">English</a>&emsp;</span>
     <span style="float:right;"><a href="index_ES.html">Español</a>&emsp;</span>
     <span style="float:right;"><code>Français</code>&emsp;</span>
-    <span style="float:right;"> <img src="icon/translate.svg" width="20" /> </span> 
+    <span style="float:right;"> <img src="/icon/translate.svg" width="20" /> </span> 
     <br>
 
-    <p style="text-align:center;"> <img src="icon/logo_OsmAnd-Rendering.svg" width="200" class="center"> </p>
+    <p style="text-align:center;"> <img src="/icon/logo_OsmAnd-Rendering.svg" width="200" class="center"> </p>
     
 
     <h1 id="bienvenue-sur-osmand-rendering-">Bienvenue sur OsmAnd Rendering !</h1>
     
     <div>
         <p style="float: left; width: 15%; text-align: left;"></p>
-        <p style="float: left; width: 70%; text-align: left;">Nous sommes des utilisateurs d’<a href="https://osmand.net/">OsmAnd</a><a href="https://osmand.net/"><img src="icon/logo_osmand.svg" width="25" /></a> et contributeurs d&#39;<a href="https://www.openstreetmap.org/">OpenStreetMap</a><a href="https://www.openstreetmap.org/"><img src="icon/logo_openstreetmap.svg" width="20" /></a>. Nous aimons beaucoup le coté multi-activités ainsi que la flexibilité qu&#39;offre cette application.<br><br>
+        <p style="float: left; width: 70%; text-align: left;">Nous sommes des utilisateurs d’<a href="https://osmand.net/">OsmAnd</a><a href="https://osmand.net/"><img src="/icon/logo_osmand.svg" width="25" /></a> et contributeurs d&#39;<a href="https://www.openstreetmap.org/">OpenStreetMap</a><a href="https://www.openstreetmap.org/"><img src="/icon/logo_openstreetmap.svg" width="20" /></a>. Nous aimons beaucoup le coté multi-activités ainsi que la flexibilité qu&#39;offre cette application.<br><br>
         
         Notre envie d’améliorer notre expérience avec OsmAnd nous a poussé à créer divers styles d’affichage, certains de manières individuelle, d’autres de manière collaborative, avec très peu voir aucune connaissance et nous avons fini par les réunir sur ce Github pour pouvoir les partager avec le plus grand nombre.<br><br>
         
@@ -49,12 +49,12 @@ <h2 id="repositories-">Repositories:</h2>
     <table style="width:100%">
         <thead>
             <tr>
-                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Motorcycle"><img src="icon/enduro.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Motorcycle">Motorcycle</a></th>
-                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Cycling"><img src="icon/bicycle.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Cycling">Cycling</a></th>
-                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Hiking"><img src="icon/hiking.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Hiking">Hiking</a></th>
-                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Online-Maps"><img src="icon/online_map.svg" width="50" ></a><br> <strong><a href="https://github.com/OsmAnd-Rendering/Online-Maps">Online-Maps</a></strong></th>
-                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/How-to-create-a-rendering"><img src="icon/draw.svg" width="40" ></a><br> <strong><a href="https://github.com/OsmAnd-Rendering/How-to-create-a-rendering">Create a rendering</a></strong></th>
-                <th style="text-align:center"><a href="https://giphy.com/gifs/MwOuiiTfWfWgM"><img src="icon/ic_navbar_overflow_menu_stroke@3x.png" width="40" ></a><br> <strong><a href="https://giphy.com/gifs/MwOuiiTfWfWgM">...</a></strong></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Motorcycle"><img src="/icon/enduro.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Motorcycle">Motorcycle</a></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Cycling"><img src="/icon/bicycle.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Cycling">Cycling</a></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Hiking"><img src="/icon/hiking.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Hiking">Hiking</a></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Online-Maps"><img src="/icon/online_map.svg" width="50" ></a><br> <strong><a href="https://github.com/OsmAnd-Rendering/Online-Maps">Online-Maps</a></strong></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/How-to-create-a-rendering"><img src="/icon/draw.svg" width="40" ></a><br> <strong><a href="https://github.com/OsmAnd-Rendering/How-to-create-a-rendering">Create a rendering</a></strong></th>
+                <th style="text-align:center"><a href="https://giphy.com/gifs/MwOuiiTfWfWgM"><img src="/icon/ic_navbar_overflow_menu_stroke@3x.png" width="40" ></a><br> <strong><a href="https://giphy.com/gifs/MwOuiiTfWfWgM">...</a></strong></th>
             </tr>
         </thead>
         <tbody>
diff --git a/Online_maps/Style.css b/Online_maps/Style.css
new file mode 100644
index 0000000..d464955
--- /dev/null
+++ b/Online_maps/Style.css
@@ -0,0 +1,126 @@
+/* || General setup */
+
+html, body {
+    margin: 0;
+    padding: 0;
+  }
+  
+  html {
+    font-size: 10px;
+    background-color: #a9a9a9;
+  }
+  
+  body {
+    width: 70%;
+    margin: 0 auto;
+  }
+  
+  /* || typography */
+  
+  h1, h2, h3 {
+    font-family: 'Segoe UI', cursive;
+    color: #2a2a2a;
+  }
+  
+  p, input, li {
+    font-family: 'Segoe UI', sans-serif;
+    color: #2a2a2a;
+  }
+  
+  h1 {
+    font-size: 4rem;
+    text-align: center;
+    text-shadow: 2px 2px 10px ;
+  }
+  
+  h2 {
+    font-size: 3rem;
+    text-align: center;
+  }
+  
+  h3 {
+    font-size: 2.2rem;
+  }
+  
+  p, li {
+    font-size: 1.6rem;
+    line-height: 1.5;
+  }
+  
+  /* || header layout */
+  
+  nav, article, aside, footer {
+    padding: 1%;
+  }
+  
+  nav {
+    height: 50px;
+    display: flex;
+    margin-bottom: 10px;
+  }
+  
+  nav ul {
+    padding: 0;
+    list-style-type: none;
+    flex: 2;
+    display: flex;
+  }
+  
+  nav li {
+    display: inline;
+    text-align: center;
+    flex: 1;
+  }
+  
+  nav a {
+    display: inline-block;
+    font-size: 2rem;
+    text-transform: uppercase;
+    text-decoration: none;
+  }
+  
+  nav form {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    height: 100%;
+    padding: 0 2em;
+  }
+  
+  input {
+    font-size: 1.6rem;
+    height: 32px;
+  }
+  
+  input[type="search"] {
+    flex: 3;
+  }
+  
+  input[type="submit"] {
+    flex: 1;
+    margin-left: 1rem;
+    border: 0;
+  }
+  
+  /* || main layout */
+  
+  main {
+    display: flex;
+  }
+  
+  article {
+    flex: 4;
+  }
+  
+  aside {
+    flex: 1;
+    margin-left: 10px;
+  }
+  
+  aside li {
+    padding-bottom: 10px;
+  }
+  
+  footer {
+    margin-top: 10px;
+  }
\ No newline at end of file
diff --git a/Online_maps/index.html b/Online_maps/index.html
new file mode 100644
index 0000000..4b7dc4b
--- /dev/null
+++ b/Online_maps/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <title>OsmAnd Rendering FR</title>
+        <link data-rh="true" rel="icon" href="icon/logo_OsmAnd-Rendering.svg">
+    </head>
+    <span style="float:left;"><img src="icon/logo_github.svg" width="25" /> </span>
+    <span style="float:left;"><a href="https://github.com/OsmAnd-Rendering">OsmAnd Rendering Github</a>&emsp;</span>
+    <span style="float:left;"><a href="https://github.com/osmandapp/">OsmAnd GitHub</a>&emsp;</span>
+    
+    <span style="float:right;"><a href="index_EN.html">English</a>&emsp;</span>
+    <span style="float:right;"><a href="index_ES.html">Español</a>&emsp;</span>
+    <span style="float:right;"><code>Français</code>&emsp;</span>
+    <span style="float:right;"> <img src="icon/translate.svg" width="20" /> </span> 
+    <br>
+
+    <p style="text-align:center;"> <img src="icon/logo_OsmAnd-Rendering.svg" width="200" class="center"> </p>
+    
+
+    <h1 id="bienvenue-sur-osmand-rendering-">Bienvenue sur OsmAnd Rendering !</h1>
+    
+
+    <p>Nous sommes des utilisateurs d’<a href="https://osmand.net/">OsmAnd</a><a href="https://osmand.net/"><img src="icon/logo_osmand.svg" width="25" /></a> et contributeurs d&#39;<a href="https://www.openstreetmap.org/">OpenStreetMap</a><a href="https://www.openstreetmap.org/"><img src="icon/logo_openstreetmap.svg" width="20" /></a>. Nous aimons beaucoup le coté multi-activités ainsi que la flexibilité qu&#39;offre cette application.</p>
+    
+    <p>Notre envie d’améliorer notre expérience avec OsmAnd nous a poussé à créer divers styles d’affichage, certains de manières individuelle, d’autres de manière collaborative, avec très peu voir aucune connaissance et nous avons fini par les réunir sur ce Github pour pouvoir les partager avec le plus grand nombre.</p>
+    
+    <p>Notre équipe de joyeux curieux, créatifs passionnés et bidouilleurs de tous horizons, totalement indépendante du projet OsmAnd, a déjà créé les styles ci-dessous. Essayez-les et venez en discuter!</p>
+    
+    <ul>
+        <li><a href="https://matrix.to/#/#render-osmand:tedomum.net">Matrix</a> — <code>#render-osmand:tedomum.net</code></li>
+        <li><a href="https://t.me/OsmandRendering">Telegram</a> — <code>@OsmandRendering</code></li>
+    </ul>
+    
+    <h2 id="remerciements">Remerciements</h2>
+    
+    <ul>
+        <li>Aux membres de <a href="https://www.randonner-leger.org/">Randonner Léger (RL)</a> pour leur soutien et leurs conseils, la première pierre de l&#39;édifice ! <code>Randonnée</code></li>
+        <li>Aux membres d&#39; <a href="https://www.openstreetmap.org/">OSM FR &amp; ES</a> très actifs ! <code>Enduro</code> <code>Randonnée</code> <code>CycloRoute</code> <code>Online Map</code></li>
+        <li>Aux membres de <a href="https://www.terre-bitume.org/">terre bitume</a> pour leur soutien et leurs conseils ! <code>Enduro</code></li>
+        <li>À l&#39;équipe d&#39;OsmAnd, pour leur application remplie de potentiel et pour leur disponibilité à nous répondre !
+    <br><br></li>
+    </ul>
+
+    <h2 id="repositories-">Repositories:</h2>
+
+    <table style="width:100%">
+        <thead>
+            <tr>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Motorcycle"><img src="icon/enduro.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Motorcycle">Motorcycle</a></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Cycling"><img src="icon/bicycle.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Cycling">Cycling</a></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Hiking"><img src="icon/hiking.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Hiking">Hiking</a></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Online-Maps"><img src="icon/online_map.svg" width="50" ></a><br> <strong><a href="https://github.com/OsmAnd-Rendering/Online-Maps">Online-Maps</a></strong></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/How-to-create-a-rendering"><img src="icon/draw.svg" width="40" ></a><br> <strong><a href="https://github.com/OsmAnd-Rendering/How-to-create-a-rendering">Create a rendering</a></strong></th>
+                <th style="text-align:center"><a href="https://giphy.com/gifs/MwOuiiTfWfWgM"><img src="icon/ic_navbar_overflow_menu_stroke@3x.png" width="40" ></a><br> <strong><a href="https://giphy.com/gifs/MwOuiiTfWfWgM">...</a></strong></th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td style="text-align:center"></td>
+            </tr>
+        </tbody>
+    </table>
+
+</html>
diff --git a/Online_maps/index_EN.html b/Online_maps/index_EN.html
new file mode 100644
index 0000000..711eb6e
--- /dev/null
+++ b/Online_maps/index_EN.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <title>OsmAnd Rendering FR</title>
+        <link data-rh="true" rel="icon" href="icon/logo_OsmAnd-Rendering.svg">
+    </head>
+    <span style="float:left;"><img src="icon/logo_github.svg" width="25" /> </span>
+    <span style="float:left;"><a href="https://github.com/OsmAnd-Rendering">OsmAnd Rendering Github</a>&emsp;</span>
+    <span style="float:left;"><a href="https://github.com/osmandapp/">OsmAnd GitHub</a>&emsp;</span>
+    
+    <span style="float:right;"><code>English</code>&emsp;</span>
+    <span style="float:right;"><a href="index_ES.html">Español</a>&emsp;</span>
+    <span style="float:right;"><a href="index.html">Français</a>&emsp;</span>
+    <span style="float:right;"><img src="icon/translate.svg" width="20" /> </span> 
+    <br>
+
+    <p style="text-align:center;"> <img src="icon/logo_OsmAnd-Rendering.svg" width="200" class="center"> </p>
+    
+    <h1 id="welcome-to-osmand-rendering">Welcome to OsmAnd Rendering!</h1>
+    
+    <p>We are users of <a href="https://osmand.net/">OsmAnd</a><a href="https://osmand.net/"><img src="icon/logo_osmand.svg" width="25" /></a> &amp; contributors to <a href="https://www.openstreetmap.org/">OpenStreetMap</a><a href="https://www.openstreetmap.org/"><img src="icon/ic_custom_osm_edits%403x.png" width="20" /></a>. We really like the multi-activity aspect and the flexibility of this application!</p>
+    <p>Our desire to improve our experience with OsmAnd pushed us to create various display styles, some individually, some collaboratively, with little or no knowledge &amp; we ended up putting them together on this Github to share them with as many people as possible.</p>
+    <p>Our team (independent of the OsmAnd project) of joyful, curious, creative, passionate, tinkerers, &amp; from all walks of life has already created these styles below - try them out and come discuss them!</p>
+    <ul>
+        <li><a href="https://matrix.to/#/#render-osmand:tedomum.net">Matrix</a> - <code>#render-osmand:tedomum.net</code></li>
+        <li><a href="https://t.me/OsmandRendering">Telegram</a> - <code>@OsmandRendering</code></li>
+    </ul>
+    
+    <h2 id="acknowledgements">Acknowledgements</h2>
+
+    <ul>
+        <li>To the members of <a href="https://www.randonner-leger.org/">Randonner Léger (RL)</a> for their support &amp; advice, the first stone of the edifice! <code>Randonnée</code></li>
+        <li>To the members of <a href="https://www.openstreetmap.org/">OSM FR &amp; ES</a> very active! <code>Enduro</code> <code>Hike</code> <code>CycloRoute</code> <code>Online Map</code></li>
+        <li>To the members of <a href="https://www.terre-bitume.org/">terre bitume</a> for their support and advice! <code>Enduro</code></li>
+        <li>To the OsmAnd team, for their application full of potential and for their availability to answer us!
+            <br><br></li>
+        </ul>
+
+    <h2 id="repositories-">Repositories:</h2>
+
+    <table style="width:100%">
+        <thead>
+            <tr>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Motorcycle"><img src="icon/enduro.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Motorcycle">Motorcycle</a></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Cycling"><img src="icon/bicycle.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Cycling">Cycling</a></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Hiking"><img src="icon/hiking.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Hiking">Hiking</a></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Online-Maps"><img src="icon/online_map.svg" width="50" ></a><br> <strong><a href="https://github.com/OsmAnd-Rendering/Online-Maps">Online-Maps</a></strong></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/How-to-create-a-rendering"><img src="icon/draw.svg" width="40" ></a><br> <strong><a href="https://github.com/OsmAnd-Rendering/How-to-create-a-rendering">Create a rendering</a></strong></th>
+                <th style="text-align:center"><a href="https://giphy.com/gifs/MwOuiiTfWfWgM"><img src="icon/ic_navbar_overflow_menu_stroke@3x.png" width="40" ></a><br> <strong><a href="https://giphy.com/gifs/MwOuiiTfWfWgM">...</a></strong></th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td style="text-align:center"></td>
+            </tr>
+        </tbody>
+    </table>
+
+</html>
\ No newline at end of file
diff --git a/Online_maps/index_ES.html b/Online_maps/index_ES.html
new file mode 100644
index 0000000..2bae069
--- /dev/null
+++ b/Online_maps/index_ES.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <title>OsmAnd Rendering FR</title>
+        <link data-rh="true" rel="icon" href="icon/logo_OsmAnd-Rendering.svg">
+    </head>
+    <span style="float:left;"><img src="icon/logo_github.svg" width="25" /> </span>
+    <span style="float:left;"><a href="https://github.com/OsmAnd-Rendering">OsmAnd Rendering Github</a>&emsp;</span>
+    <span style="float:left;"><a href="https://github.com/osmandapp/">OsmAnd GitHub</a>&emsp;</span>
+    
+    <span style="float:right;"><a href="index_EN.html">English</a>&emsp;</span>
+    <span style="float:right;"><code>Español</code>&emsp;</span>
+    <span style="float:right;"><a href="index.html">Français</a>&emsp;</span>
+    <span style="float:right;"><img src="icon/translate.svg" width="20" /> </span> 
+    <br>
+
+    <p style="text-align:center;"> <img src="icon/logo_OsmAnd-Rendering.svg" width="200" class="center"> </p>
+    
+    <h1 id="¡bienvenido-a-osmand-rendering">¡Bienvenido a OsmAnd Rendering!</h1>
+    
+    <p>Somos usuarios de <a href="https://osmand.net/">OsmAnd</a><a href="https://osmand.net/"><img src="icon/logo_osmand.svg" width="25" /></a> y colaboradores de <a href="https://www.openstreetmap.org/">OpenStreetMap</a><a href="https://www.openstreetmap.org/"><img src="icon/logo_openstreetmap.svg" width="20" /></a> y nos gustan mucho la flexibilidad y las posibilidades que ofrece esta aplicación para múltiples actividades.</p>
+    
+    <p>Nuestras ganas de mejorar nuestra experiencia con OsmAnd nos llevó a crear varios estilos de visualización, algunos individualmente y otros en colaboración, con muy poco o ningún conocimiento al principio. Y ahora hemos conseguido reunirlos en este Github para poder compartirlos con la máxima cantidad de usuarios.</p>
+    
+    <p>Nuestro equipo de felices curiosos, creativos apasionados, provenientes de diversos horizontes, ya ha creado algunos de los estilos que encontrarás a continuación. ¡Pruébalos y cuéntanos tus experiencias y opiniones!</p>
+    
+    <ul>
+        <li><a href="https://matrix.to/#/#render-osmand:tedomum.net">Matriz</a> — <code>#render-osmand:tedomum.net</code></li>
+        <li><a href="https://t.me/OsmandRendering">Telegrama</a> — <code>@OsmandRendering</code></li>
+    </ul>
+
+    <h2 id="gracias">Gracias</h2>
+
+    <ul>
+        <li>A los miembros de <a href="https://www.randonner-leger.org/">Randonner Léger (RL)</a> por su apoyo y sus consejos, ¡la primera piedra de este pryecto! <code>Senderismo</code></li>
+        <li>A los miembros de <a href="https://www.openstreetmap.org/">OSM FR &amp; ES</a> muy activos! <code>Enduro</code> <code>Senderismo</code> <code>CicloRuta</code> <code>Mapa online</code></li>
+        <li>A los miembros de <a href="https://www.terre-bitume.org/">terre bitume</a> por su apoyo y consejos! <code>Enduro</code></li>
+        <li>Al equipo de OsmAnd, por su aplicación de gran potencial y su disponibilidad para respondernos.
+            <br><br></li>
+        </ul>
+
+
+    <h2 id="repositories-">Repositories:</h2>
+
+    <table style="width:100%">
+        <thead>
+            <tr>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Motorcycle"><img src="icon/enduro.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Motorcycle">Motorcycle</a></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Cycling"><img src="icon/bicycle.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Cycling">Cycling</a></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Hiking"><img src="icon/hiking.svg" width="50" ></a><br> <a href="https://github.com/OsmAnd-Rendering/Hiking">Hiking</a></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/Online-Maps"><img src="icon/online_map.svg" width="50" ></a><br> <strong><a href="https://github.com/OsmAnd-Rendering/Online-Maps">Online-Maps</a></strong></th>
+                <th style="text-align:center"><a href="https://github.com/OsmAnd-Rendering/How-to-create-a-rendering"><img src="icon/draw.svg" width="40" ></a><br> <strong><a href="https://github.com/OsmAnd-Rendering/How-to-create-a-rendering">Create a rendering</a></strong></th>
+                <th style="text-align:center"><a href="https://giphy.com/gifs/MwOuiiTfWfWgM"><img src="icon/ic_navbar_overflow_menu_stroke@3x.png" width="40" ></a><br> <strong><a href="https://giphy.com/gifs/MwOuiiTfWfWgM">...</a></strong></th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td style="text-align:center"></td>
+            </tr>
+        </tbody>
+    </table>
+
+</html>
\ No newline at end of file
diff --git a/Style.css b/Style.css
new file mode 100644
index 0000000..d464955
--- /dev/null
+++ b/Style.css
@@ -0,0 +1,126 @@
+/* || General setup */
+
+html, body {
+    margin: 0;
+    padding: 0;
+  }
+  
+  html {
+    font-size: 10px;
+    background-color: #a9a9a9;
+  }
+  
+  body {
+    width: 70%;
+    margin: 0 auto;
+  }
+  
+  /* || typography */
+  
+  h1, h2, h3 {
+    font-family: 'Segoe UI', cursive;
+    color: #2a2a2a;
+  }
+  
+  p, input, li {
+    font-family: 'Segoe UI', sans-serif;
+    color: #2a2a2a;
+  }
+  
+  h1 {
+    font-size: 4rem;
+    text-align: center;
+    text-shadow: 2px 2px 10px ;
+  }
+  
+  h2 {
+    font-size: 3rem;
+    text-align: center;
+  }
+  
+  h3 {
+    font-size: 2.2rem;
+  }
+  
+  p, li {
+    font-size: 1.6rem;
+    line-height: 1.5;
+  }
+  
+  /* || header layout */
+  
+  nav, article, aside, footer {
+    padding: 1%;
+  }
+  
+  nav {
+    height: 50px;
+    display: flex;
+    margin-bottom: 10px;
+  }
+  
+  nav ul {
+    padding: 0;
+    list-style-type: none;
+    flex: 2;
+    display: flex;
+  }
+  
+  nav li {
+    display: inline;
+    text-align: center;
+    flex: 1;
+  }
+  
+  nav a {
+    display: inline-block;
+    font-size: 2rem;
+    text-transform: uppercase;
+    text-decoration: none;
+  }
+  
+  nav form {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    height: 100%;
+    padding: 0 2em;
+  }
+  
+  input {
+    font-size: 1.6rem;
+    height: 32px;
+  }
+  
+  input[type="search"] {
+    flex: 3;
+  }
+  
+  input[type="submit"] {
+    flex: 1;
+    margin-left: 1rem;
+    border: 0;
+  }
+  
+  /* || main layout */
+  
+  main {
+    display: flex;
+  }
+  
+  article {
+    flex: 4;
+  }
+  
+  aside {
+    flex: 1;
+    margin-left: 10px;
+  }
+  
+  aside li {
+    padding-bottom: 10px;
+  }
+  
+  footer {
+    margin-top: 10px;
+  }
\ No newline at end of file