changement the code

IdR3n · Apr 11, 2024 · c60830c · c60830c
1 parent 02e90ad
commit c60830c
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 26 deletions.
diff --git a/projet-restorant/src/Compenents/Compenents.css b/projet-restorant/src/Compenents/Compenents.css
@@ -28,14 +28,33 @@
 /* Choraire css*/
 .footer-container {
     display: flex;
-    justify-content:space-around;
+    justify-content: space-around;
+    position: relative; /* Pozisyon ayarı */
     padding: 20px;
-    background-image: url('../image/FooterRestaurant.jpg'); /* Arka plan resminizin yolu */
-    background-size: 2200px 800px; /* Resmin tam genişlik ve yüksekliği kaplamasını sağlar */
-    color: rgb(0, 0, 0); /* Metin rengi */
+    color: rgb(0, 0, 0);
+}
+
+/* Yeni arka plan resmi div'i için stil */
+.background-image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-image: url('../image/FooterRestaurant.jpg');
+    opacity: 0.5;
+    background-size: cover; /* veya istediğin boyut */
     background-repeat: no-repeat;
-  }
-
-  .footer-contact, .footer-hours {
+    z-index: -1; /* İçeriklerin önünde olmaması için */
+}
+
+.footer-content {
+    z-index: 2; /* Arka planın önünde olmasını sağlar */
+    display: flex;
+    justify-content: space-around;
+    width: 100%;
+}
+
+.footer-contact, .footer-hours {
     width: 50%;
-  }
+}
diff --git a/projet-restorant/src/Compenents/ContactHoraire.jsx b/projet-restorant/src/Compenents/ContactHoraire.jsx
@@ -4,21 +4,24 @@ import "../Compenents/Compenents.css";
 const Choraire = () => {
     return(
         <div className="footer-container">
-        <div className="footer-contact">
-          <h2>Contact</h2>
-          <p> +41 22 000 00 00 </p>
-          <p>Chef's Restaurant</p>
-          <p>
-            Avenue du Projet 11, 1000 Genève
-          </p>
+            {/* Arka plan resmi için ayrı bir div */}
+            <div className="background-image"></div>
+            {/* İçerik */}
+            <div className="footer-content">
+                <div className="footer-contact">
+                    <h2>Contact</h2>
+                    <p> +41 22 000 00 00 </p>
+                    <p>Chef's Restaurant</p>
+                    <p>Avenue du Projet 11, 1000 Genève</p>
+                </div>
+                <div className="footer-hours">
+                    <h2>Horaire</h2>
+                    <p>Lundi-Vendredi: 8h30-23h30</p>
+                    <p>Samedi: 10h30-21h30</p>
+                    <p>Dimanche: Fermé</p>
+                </div>
+            </div>
         </div>
-        <div className="footer-hours">
-          <h2>Horaire</h2>
-          <p>Lundi-Vendredi: 8h30-23h30</p>
-          <p>Samedi: 10h30-21h30</p>
-          <p>Dimanche: Fermé</p>
-        </div>
-      </div>
     );
 }
 export default Choraire;
diff --git a/projet-restorant/src/Compenents/NavBars.jsx b/projet-restorant/src/Compenents/NavBars.jsx
@@ -30,10 +30,10 @@ function Navbars() {
       </Navbar>
       {/* Sidebar menü */}
       <div className={`sidebar ${isOpen ? 'open' : ''}`} style={{zIndex: 1}}><br />
-        <a href="#">Page D'acceuil</a>
-        <a href="#">Menu</a>
-        <a href="#">Reservation</a>
-        <a href="#">Contact</a>
+        <a href="/">Page D'acceuil</a>
+        <a href="/">Menu</a>
+        <a href="/">Reservation</a>
+        <a href="/">Contact</a>
       </div>
     </div>
   );