readme ajout du featur pour le menu

IIM-Coding-Digital-Innovation · Jun 25, 2023 · c3eb3a3 · c3eb3a3
1 parent 0c1a25d
commit c3eb3a3
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 14 deletions.
diff --git a/Rattrapages-jarrel-folly-adjon/03-Intégration d’une maquette web/index.html b/Rattrapages-jarrel-folly-adjon/03-Intégration d’une 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égration d’une maquette web/input.scss b/Rattrapages-jarrel-folly-adjon/03-Intégration d’une 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égration d’une maquette web/output.css b/Rattrapages-jarrel-folly-adjon/03-Intégration d’une maquette web/output.css
diff --git a/Rattrapages-jarrel-folly-adjon/03-Intégration d’une maquette web/output.css.map b/Rattrapages-jarrel-folly-adjon/03-Intégration d’une maquette web/output.css.map
diff --git a/Rattrapages-jarrel-folly-adjon/README 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 :