From c3eb3a3b798ef98f32ca4b3c7660e865cb79793e Mon Sep 17 00:00:00 2001
From: jarrel <jarrel.folly-adjon@edu.devinci.fr>
Date: Sun, 25 Jun 2023 21:38:05 +0200
Subject: [PATCH] readme ajout du featur pour le menu

---
 .../index.html"                               | 10 +++---
 .../input.scss"                               | 32 ++++++++++++++++---
 .../output.css"                               | 29 ++++++++++++++---
 .../output.css.map"                           |  2 +-
 Rattrapages-jarrel-folly-adjon/README         |  4 +++
 5 files changed, 63 insertions(+), 14 deletions(-)
 create mode 100644 Rattrapages-jarrel-folly-adjon/README

diff --git "a/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/index.html" "b/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/index.html"
index 15f745b..f274f01 100644
--- "a/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/index.html"	
+++ "b/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/index.html"	
@@ -31,26 +31,26 @@
         </nav>
       
     <ul>
-      <p>
+      <p class="effect">
         accueil
       </p>
     </ul>
     <ul>
-      <p>
+      <p class="effect">
         qui somme nous
       </p>
     </ul>
     <ul>
-      <p>
+      <p class="effect">
         menu
       </p>
     </ul>
     <ul>
-      <p>
+      <p class="effect">
         contact
       </p>
     </ul>
-    <ul>
+    <ul class="effect">
       <button>
         commander
       </button>
diff --git "a/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/input.scss" "b/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/input.scss"
index cb2fa8f..a93e514 100644
--- "a/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/input.scss"	
+++ "b/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/input.scss"	
@@ -13,12 +13,33 @@
   background-repeat: no-repeat;
 }
 
+.h{
+  display: inline-block;
+}
+
+.effect:after{
+  content: "";
+ display: block;
+ height: 0.25em;
+ width: 0%;
+ margin-top: 9px;
+ background-color: #fff;
+ transition: width 0.4s;
+}
+
+.effect:hover:after{
+  width: 100%;
+}
+
+
+
+
 .social{
   img{
 
     position: relative;
     bottom: 18vh;
-    left: 88vw;
+    left: 83vw;
   }
 }
 
@@ -33,7 +54,9 @@
   margin-right: 3.6vw;
 
   img {
-    margin-right: 23vw;
+    position: absolute;
+    left: 10vw;
+    object-fit: contain;
   }
 
   button {
@@ -118,7 +141,7 @@
     }
     .header{
       img{
-        margin-right: 4vh;
+        display: none;
       }
     }
   } 
@@ -130,6 +153,7 @@
     }
     img{
       width: 150px;
+      display: block;
     }
     button{
       display: none;
@@ -882,7 +906,7 @@ footer{
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 10vw;
+  gap: 6vw;
   background: #b2d234;
   p{
     font-size: 18px;
diff --git "a/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/output.css" "b/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/output.css"
index 012a2ba..4451593 100644
--- "a/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/output.css"	
+++ "b/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/output.css"	
@@ -12,10 +12,28 @@
   background-repeat: no-repeat;
 }
 
+.h {
+  display: inline-block;
+}
+
+.effect:after {
+  content: "";
+  display: block;
+  height: 0.25em;
+  width: 0%;
+  margin-top: 9px;
+  background-color: #fff;
+  transition: width 0.4s;
+}
+
+.effect:hover:after {
+  width: 100%;
+}
+
 .social img {
   position: relative;
   bottom: 18vh;
-  left: 88vw;
+  left: 83vw;
 }
 
 .header {
@@ -31,7 +49,9 @@
   bottom: 100vh;
 }
 .header img {
-  margin-right: 23vw;
+  position: absolute;
+  left: 10vw;
+  object-fit: contain;
 }
 .header button {
   width: 12vw;
@@ -96,7 +116,7 @@
     left: 75vw;
   }
   .header img {
-    margin-right: 4vh;
+    display: none;
   }
 }
 @media screen and (max-width: 400px) {
@@ -108,6 +128,7 @@
   }
   .header img {
     width: 150px;
+    display: block;
   }
   .header button {
     display: none;
@@ -724,7 +745,7 @@ footer {
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 10vw;
+  gap: 6vw;
   background: #b2d234;
 }
 footer p {
diff --git "a/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/output.css.map" "b/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/output.css.map"
index 1f9162c..e135f67 100644
--- "a/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/output.css.map"	
+++ "b/Rattrapages-jarrel-folly-adjon/03-Int\303\251gration d\342\200\231une maquette web/output.css.map"	
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["input.scss"],"names":[],"mappings":"AAMQ;AANR;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAIA;EAEE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAcA;EACA;;AAbA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAWF;AACA;EACE;;AAEA;EACE;;AACA;EACE;;AAEA;EACE;;AAEF;EACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAIJ;EACE;;;AAQN;EAEI;IAGE;;EAIF;IACE;;;AAIR;EACE;IACE;;EACA;IACE;;EAEF;IACE;;EAEF;IACE;;EAIF;IAGE;;EAGJ;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAON;AAKA;;AACA;EACE;;AAEA;EACE;;AACA;EACE;;AAEA;EACE;;AAEF;EACE;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAIJ;EACE;;;AAYN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EAEE;IACE;;EAGA;IACE;IACA;;EAIF;IAEE;;;AAON;EAEI;IACE;;EAGA;IACE;IACA;;EAIF;IAEE;;;AASR;EACE;EACA;EACA;EACA;;AAEA;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIN;EACE;IACE;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACD;IACA;IACA;;;AAMP;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;;;AAKF;EACE;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAUR;EAGI;IACC;;EACA;IACC;;EAED;IACC;;EAED;IACC;IACA;;;AAWN;EACE;EACA;EAEA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;IACE;;;AAKN;EACE;;AAGF;EAGE;IACE;;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EAEA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKJ;EACE;EACA;;AAGF;EACE;IACE;;;AAON;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIN;EACE;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;;EAIJ;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;;;AAIJ;EACE;IACE;;EAEE;IACE;;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;EAEF;IACE;IACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAKF;EACE;;AAIA;EACE;;AAKF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;;AAKN;EACE;IACE;IACA;IACA;IACA;;EACA;IACE;;;AAIN;EAGM;IACE;IACA;IACA;;EAGA;IACE;IACA;IACA;IACA;;;AAOV;EAEE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EAOA;EACA;EACA;EACA;;AATA;EACE;;AAEF;EACE;;AAOJ;EACE;EACA;EAOA;EACA;EACA;EACA;;AATA;EACE;;AAEF;EACE;;AAOJ;EACE;EACA;EAOA;EACA;EACA;EACA;;AATA;EACE;;AAEF;EACE;;;AAUN;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;;;AAON;EACE;IACE;;EACA;IACE;;EAEF;IACE","file":"output.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["input.scss"],"names":[],"mappings":"AAMQ;AANR;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACD;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACE;;;AAOA;EAEE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAgBA;EACA;;AAfA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAWF;AACA;EACE;;AAEA;EACE;;AACA;EACE;;AAEA;EACE;;AAEF;EACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAIJ;EACE;;;AAQN;EAEI;IAGE;;EAIF;IACE;;;AAIR;EACE;IACE;;EACA;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAIF;IAGE;;EAGJ;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAON;AAKA;;AACA;EACE;;AAEA;EACE;;AACA;EACE;;AAEA;EACE;;AAEF;EACE;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAIJ;EACE;;;AAYN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EAEE;IACE;;EAGA;IACE;IACA;;EAIF;IAEE;;;AAON;EAEI;IACE;;EAGA;IACE;IACA;;EAIF;IAEE;;;AASR;EACE;EACA;EACA;EACA;;AAEA;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIN;EACE;IACE;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACD;IACA;IACA;;;AAMP;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;;;AAKF;EACE;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAUR;EAGI;IACC;;EACA;IACC;;EAED;IACC;;EAED;IACC;IACA;;;AAWN;EACE;EACA;EAEA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;IACE;;;AAKN;EACE;;AAGF;EAGE;IACE;;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EAEA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKJ;EACE;EACA;;AAGF;EACE;IACE;;;AAON;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIN;EACE;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;;EAIJ;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;;;AAIJ;EACE;IACE;;EAEE;IACE;;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;EAEF;IACE;IACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAKF;EACE;;AAIA;EACE;;AAKF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;;AAKN;EACE;IACE;IACA;IACA;IACA;;EACA;IACE;;;AAIN;EAGM;IACE;IACA;IACA;;EAGA;IACE;IACA;IACA;IACA;;;AAOV;EAEE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EAOA;EACA;EACA;EACA;;AATA;EACE;;AAEF;EACE;;AAOJ;EACE;EACA;EAOA;EACA;EACA;EACA;;AATA;EACE;;AAEF;EACE;;AAOJ;EACE;EACA;EAOA;EACA;EACA;EACA;;AATA;EACE;;AAEF;EACE;;;AAUN;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;;;AAON;EACE;IACE;;EACA;IACE;;EAEF;IACE","file":"output.css"}
\ No newline at end of file
diff --git a/Rattrapages-jarrel-folly-adjon/README b/Rattrapages-jarrel-folly-adjon/README
new file mode 100644
index 0000000..d438830
--- /dev/null
+++ b/Rattrapages-jarrel-folly-adjon/README
@@ -0,0 +1,4 @@
+"Bonjour, voici mon rattrapage d'intégration. 
+Il a été réalisé sur la base d'une maquette "Mongoo Salade"
+ et est réalisé en HTML et SCSS. 
+ Voici le lien de la vidéo de présentation : 
\ No newline at end of file