test

Hiking/Style.css

@@ -35,7 +35,6 @@ html, body {
 
   h2 {
     font-size: 3rem;
-    text-align: center;
   }
 
   h3 {

Hiking/accueil.html

@@ -25,31 +25,48 @@
     <header>
       <h1>Header</h1>
     </header>
-
-    <nav>
+    <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>
+
+
+    <!--<nav>
       <ul>
         <li><a href="#">Home</a></li>
         <li><a href="#">Our team</a></li>
         <li><a href="#">Projects</a></li>
         <li><a href="#">Contact</a></li>
-      </ul>
+      </ul>-->
 
       <!-- A Search form is another common non-linear way to navigate through a website. -->
 
-      <form>
+      <!--<form>
         <input type="search" name="q" placeholder="Search query">
         <input type="submit" value="Go!">
       </form>
-    </nav>
+    </nav>-->
 
     <!-- Here is our page's main content -->
     <main>
 
       <!-- It contains an article -->
       <article>
-        <h2>Article heading</h2>
+        <h3>Bienvenue sur OsmAnd Rendering !</h3>
+
+        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>
+
+        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!<br><br></p>
 
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Donec a diam lectus. Set sit amet ipsum mauris. Maecenas congue ligula as quam viverra nec consectetur ant hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur.</p>
 
         <h3>subsection</h3>
 
@@ -62,18 +79,22 @@ <h3>Another subsection</h3>
         <p>Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum soclis natoque penatibus et manis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.</p>
 
         <p>Vivamus fermentum semper porta. Nunc diam velit, adipscing ut tristique vitae sagittis vel odio. Maecenas convallis ullamcorper ultricied. Curabitur ornare, ligula semper consectetur sagittis, nisi diam iaculis velit, is fringille sem nunc vet mi.</p>
-      </article>
+
+        <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>
+
+
+    </article>
 
       <!-- the aside content can also be nested within the main content -->
       <aside>
         <h2>Related</h2>
 
         <ul>
-          <li><a href="#">Oh I do like to be beside the seaside</a></li>
-          <li><a href="#">Oh I do like to be beside the sea</a></li>
-          <li><a href="#">Although in the North of England</a></li>
-          <li><a href="#">It never stops raining</a></li>
-          <li><a href="#">Oh well...</a></li>
+          <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>
       </aside>