From 8365180e14ec67906c2a99a9118dfa96621101de Mon Sep 17 00:00:00 2001
From: Alexandre AGOSTINHO <tuksiranium@gmail.com>
Date: Thu, 27 Oct 2022 11:07:00 +0200
Subject: [PATCH] add drpDown menu 1

---
 index.html      | 16 ++++++++++++++--
 styles/main.css | 30 ++++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 864c8e4..444ff40 100644
--- a/index.html
+++ b/index.html
@@ -18,13 +18,25 @@
     </div>
 
     <nav class="nav-bar">
+
       <span class="nav-left">
         <a href="./index.html">Menu Principal</a>
-      </span>
-      <span class="nav-right">
         <a href="pages/galerie.html">Galerie</a>
         <a href="pages/donnees.html">Données</a>
       </span>
+
+      <span class="nav-right">
+        <div class="dropdown-menu">
+
+          <span><b>+</b></span>
+          <div class="dropdown-menu-content">
+            <a href="pages/contact.php">Contact</a>
+            <a href="pages/apropos.html">A propos</a>
+          </div>
+
+        </div>
+      </span>
+
     </nav>
 
     <div class="main-content">
diff --git a/styles/main.css b/styles/main.css
index 76a12f0..3a8e31c 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -63,6 +63,36 @@ body {
     align-items: baseline;
 }
 
+.dropdown-menu {
+    display: inline-block;
+}
+
+.dropdown-menu-content {
+    display: none;
+    position: absolute;
+    right: 0;
+    background-color: #f9f9f9;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 1;
+}
+
+.dropdown-menu-content a {
+    color: black;
+    padding: 12px 16;
+    text-decoration: none;
+    display: block;
+    text-align: left;
+}
+
+.dropdown-menu-content a:hover {
+    background-color: #f1f1f1;
+}
+
+.dropdown-menu:hover .dropdown-menu-content {
+    display: block;
+}
+
 /* MAIN CONTENT --------------------------------------------*/
 
 .main-content {