Merge branch 'main' into share

Anjaliavv51 · Oct 15, 2024 · 4e72168 · 4e72168
2 parents 45dd192 + 75c9ac2
commit 4e72168
Show file tree

Hide file tree

Showing 16 changed files with 701 additions and 257 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,4 +1,4 @@
 {
 
-    "liveServer.settings.port": 5502
+    "liveServer.settings.port": 5503
 }
diff --git a/Css-files/about.css b/Css-files/about.css
@@ -105,7 +105,7 @@
   }
   .mainhead h1 {
     font-family: Georgia;
-    font-size: 3.8rem;
+    font-size: 3rem;
     color: white;
     padding-bottom: 20px;
   }

diff --git a/Css-files/content.css b/Css-files/content.css
@@ -123,7 +123,7 @@ body {
 }
 .mainhead h1 {
   font-family: Georgia;
-  font-size: 3.8rem;
+  font-size: 3rem;
   color: white;
   padding-bottom: 20px;
 }
@@ -240,6 +240,7 @@ input[type="submit"]:hover {
 
 .first_cont {
   display: flex;
+  flex-wrap: wrap;
   justify-content: center;
 }
 
@@ -288,6 +289,7 @@ input[type="submit"]:hover {
 }
 .second_cont{
   display: flex;
+  flex-wrap: wrap;
   padding: 40px;
   justify-content: center;
 }
@@ -389,7 +391,7 @@ div.deals:hover{
 /* footer */
 .foot-panel2{
     background-color: transparent;
-    color:white;
+    /* color:white; */
     display: flex;
     justify-content: space-evenly;
 }
@@ -562,7 +564,6 @@ td{
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  width: 20rem;
   height: max-content;
 }
 

diff --git a/Css-files/login1.css b/Css-files/login1.css
@@ -129,7 +129,7 @@ body {
 }
 
 .textfield > input {
-  width: 100%;
+  width: 95%;
   height: 45px;
   border-radius: 15px;
   border: 1px solid #b38484;

diff --git a/Css-files/signup1.css b/Css-files/signup1.css
@@ -24,7 +24,6 @@ body {
   align-items: center;
   height: 100vh; /* Full viewport height */
   padding: 20px; /* Padding to avoid overflow */
-  overflow: hidden; /* Prevents overflow */
   position:relative;
 }
 
@@ -154,14 +153,13 @@ body {
 }
 
 /* Responsive design for smaller screens */
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 980px) {
   .main-login {
     flex-direction: column;
     padding: 0 20px; /* Added padding to avoid edge overflow */
   }
 
   .card-login {
-    width: 100%; /* Full width for mobile */
     padding: 20px; /* Adjust padding */
   }
 }
diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html
@@ -526,6 +526,41 @@
       .card[for="c10"] {
         background-image: url(https://i.pinimg.com/474x/42/69/19/426919f03cc846b881903e3dd40a0bc6.jpg);
       }
+
+      .foot-panel2 .footer-colums  a { 
+      /* /* color: black!important; */
+      text-decoration: none !important;
+      transition:transform 0.2s ease, text-decoration-color 0.2s ease; 
+      /* display: inline-block; */
+
+
+      text-decoration: none;
+      /* color: #000; */
+      position: relative;
+      padding-bottom: 2px;
+
+    }
+
+    .foot-panel2 .footer-colums a::after{
+      content: '';
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      width: 0;
+      height: 2px;
+      background-color: black;
+      transition: width  0.3s ease;
+      width:0;
+
+    }
+
+    .foot-panel2 .footer-colums a:hover{
+      transform: scale(1.05);
+    }
+
+    .foot-panel2 .footer-colums a:hover::after{
+      width:100%;
+    } 
     </style>
     <title>Retro</title>
   </head>

diff --git a/Html-files/booknow.html b/Html-files/booknow.html
@@ -66,16 +66,14 @@
             padding: 0.5em 0;
         }
         .gallery {
-            display: flex;
-            flex-wrap: wrap;
-            justify-content: space-around;
-            gap: 1em;
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* 3 columns with a minimum size of 300px */
+            gap: 3rem;
         }
         .gallery .item {
             border: 1px solid #ddd;
             border-radius: 5px;
             overflow: hidden;
-            width: 23%;
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
             transition: transform 0.2s;
             text-align: center;

diff --git a/Html-files/cart.html b/Html-files/cart.html
@@ -219,25 +219,35 @@
     }
 
     .decrease-quantity {
-      padding-inline: 10px;
-      background: #1454f7;
+      padding-inline: 12px;
+      background: #a52a2a;
       border: none;
       border-radius: 2px;
       font-size: 20px;
       font-weight: 500;
-      color: #cbf7e3;
+      color: white;
+      margin: 5px;
+    }
+    .decrease-quantity:hover{
+      background-color: white;
+      color: #a52a2a;
     }
 
     .increase-quantity {
-      padding-inline: 10px;
-      background: #1454f7;
+      padding-inline: 12px;
+      background: #a52a2a;
       border: none;
       border-radius: 2px;
       font-size: 20px;
       font-weight: 500;
-      color: #cbf7e3;
+      color: white;
+      margin: 5px;
     }
 
+    .increase-quantity:hover{
+      background-color: white;
+      color:#a52a2a;
+    }
     #cart-total {
       background: #a52a2a;
       padding: 3px 5px;
@@ -255,39 +265,77 @@
       border: 3px solid whitesmoke;
     }
 
-.social-icons a {
-  font-size: 1.2rem;
-  padding: 8px;
-  margin: 15px;
-  text-decoration: none;
-  color: brown !important;
-}
+    .social-icons a {
+      font-size: 1.2rem;
+      padding: 8px;
+      margin: 15px;
+      text-decoration: none;
+      color: brown !important;
+    }
+
+    .social-icons a:hover {
+      color: brown;
+      background-color: hsl(22, 76%, 85%);
+      border-radius: 10px;
+      transform: scale(1.5); /* Increase size */
+      transition: transform 0.3s ease; /* Smooth transition effect */
+    }
+    .fa-brands.fa-facebook:hover {
+      color: #3B5998 !important;
+    }
+
+    .fa-brands.fa-instagram:hover {
+      color: #D62976 !important;
+    }
+
+    .fa-brands.fa-x-twitter:hover {
+      color: #181e20 !important;
+    }
+    @media (max-width: 768px) {
+      .foot-panel2{
+        display: flex;
+        flex-direction: column;
+
+      }
+    }
+
+    .foot-panel2 .footer-colums  a { 
+      /* /* color: black!important; */
+      text-decoration: none !important;
+      transition:transform 0.2s ease, text-decoration-color 0.2s ease; 
+      /* display: inline-block; */
+
+
+      text-decoration: none;
+      color: #000;
+      position: relative;
+      padding-bottom: 2px;
+
+    }
+
+    .foot-panel2 .footer-colums a::after{
+      content: '';
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      width: 0;
+      height: 2px;
+      background-color: brown;
+      transition: width  0.3s ease;
+      width:0;
+
+    }
+
+    .foot-panel2 .footer-colums a:hover{
+      transform: scale(1.05);
+    }
+
+    .foot-panel2 .footer-colums a:hover::after{
+      width:100%;
+    } 
 
-.social-icons a:hover {
-  color: brown;
-  background-color: hsl(22, 76%, 85%);
-  border-radius: 10px;
-  transform: scale(1.5); /* Increase size */
-  transition: transform 0.3s ease; /* Smooth transition effect */
-}
-.fa-brands.fa-facebook:hover {
-  color: #3B5998 !important;
-}
 
-.fa-brands.fa-instagram:hover {
-  color: #D62976 !important;
-}
 
-.fa-brands.fa-x-twitter:hover {
-  color: #181e20 !important;
-}
-@media (max-width: 768px) {
-  .foot-panel2{
-    display: flex;
-    flex-direction: column;
-
-  }
-}
 
   </style>
 </head>
@@ -412,36 +460,36 @@ <h1 style="color: black;font-family: var(--ff-philosopher);">C A R T</h1>
     <div class="foot-panel2">
       <ul class="footer-colums">
         <p style="font-family: var(--ff-philosopher);">Our Pages</p>
-        <a href="../index.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Home</a>
-        <a href="menu.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">About</a>
-        <a href="services.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Services</a>
-        <a href="contact.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Contact us</a>
-        <a href="cart.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Cart</a>
-        <a href="contributor.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Contributor</a>
+        <a href="../index.html" style="font-family: var(--ff-poppins);">Home</a>
+        <a href="menu.html" style="font-family: var(--ff-poppins);">About</a>
+        <a href="services.html" style="font-family: var(--ff-poppins);">Services</a>
+        <a href="contact.html" style="font-family: var(--ff-poppins);">Contact us</a>
+        <a href="cart.html" style="font-family: var(--ff-poppins);">Cart</a>
+        <a href="contributor.html" style="font-family: var(--ff-poppins);">Contributor</a>
       </ul>
 
 
       <ul class="footer-colums">
         <p style="font-family: var(--ff-philosopher);">Exclusive Offers</p>
-        <a style="color: black;font-family: var(--ff-poppins);">Retro Discounts</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Limited-Time Promotions</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Special Event Packages</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Membership Benefits</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Early Access to New Collections</a>
-        <a style="color: black;font-family: var(--ff-poppins);">VIP Retro Events</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Personalized Culinary Experiences</a>
+        <a style="font-family: var(--ff-poppins);">Retro Discounts</a>
+        <a style="font-family: var(--ff-poppins);">Limited-Time Promotions</a>
+        <a style="font-family: var(--ff-poppins);">Special Event Packages</a>
+        <a style="font-family: var(--ff-poppins);">Membership Benefits</a>
+        <a style="font-family: var(--ff-poppins);">Early Access to New Collections</a>
+        <a style="font-family: var(--ff-poppins);">VIP Retro Events</a>
+        <a style="font-family: var(--ff-poppins);">Personalized Culinary Experiences</a>
 
 
       </ul>
 
 
       <ul class="footer-colums">
         <p style="font-family: var(--ff-philosopher);">Payment Products</p>
-        <a style="color: black;font-family: var(--ff-poppins);">Secure Checkout</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Credit/Debit Cards</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Online Payment</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Mobile Wallets</a>
-        <a style="color: black;font-family: var(--ff-poppins);">Contactless Payments</a>
+        <a style="font-family: var(--ff-poppins);">Secure Checkout</a>
+        <a style="font-family: var(--ff-poppins);">Credit/Debit Cards</a>
+        <a style="font-family: var(--ff-poppins);">Online Payment</a>
+        <a style="font-family: var(--ff-poppins);">Mobile Wallets</a>
+        <a style="font-family: var(--ff-poppins);">Contactless Payments</a>
       </ul>