Merge branch 'main' of https://github.com/Tejashri-Taral/Retro

Anjaliavv51 · Oct 15, 2024 · 21cfe04 · 21cfe04
2 parents 89432c7 + 1c0716d
commit 21cfe04
Show file tree

Hide file tree

Showing 48 changed files with 4,658 additions and 381 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,4 +1,3 @@
 {
-
-    "liveServer.settings.port": 5502
+  "liveServer.settings.port": 5504
 }
diff --git a/Coverpage.html b/Coverpage.html
@@ -183,6 +183,8 @@
         domain="www.chatbase.co"
         defer>
         </script>
-
+    <div class="gtranslate_wrapper"></div>
+    <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+    <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 </html>
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/popup.css b/Css-files/popup.css
@@ -0,0 +1,128 @@
+
+  /* Styling for the pop-up */
+  .popup {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.7);
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+  }
+
+  .popup-content {
+    display: flex;
+    background-color: #feaea5;
+    border-radius: 10px;
+    max-width: 800px;
+    height: 450px;
+    overflow: hidden;
+    position: relative;
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
+  }
+
+  .popuplogo{
+    position: absolute;
+    top: 0;
+    right: 12px;
+    height: 50px;
+  }
+
+  .popup-left img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .popup-right {
+    padding: 20px;
+    width: 50%;
+    display: flex;
+    flex-direction: column; 
+    align-items: center;
+    justify-content: center;
+  }
+
+  .popup h1 {
+    font-size: 31px;
+    color: #8B4513;
+    margin-bottom: 10px;
+    margin-top: 45px;
+    padding-top: 10px;
+  }
+
+  #h2{
+    font-size: 18px;
+    margin-bottom: 16px;
+    font-weight: bold;
+  }
+
+  /* h2 {
+    font-size: 24px;
+    margin-bottom: 10px;
+    color: #4B3B2A;
+  } */
+
+  .popup-right p{
+    margin-bottom: 26px;
+    color: #4B3B2A;
+    margin-bottom: 30px;
+  }
+
+  input[type="email"] {
+    width: 100%;
+    padding: 18px;
+    padding-bottom: 20px;
+    margin-bottom: 10px;
+    border: 1px solid #8B4513;
+    border-radius: 5px;
+    font-size: 14px;
+  }
+
+  #emailForm{
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .signup-btn {
+    width: 100%;
+    padding: 10px 0;
+    background-color: #8B4513;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 13px;
+  }
+
+  .signup-btn:hover {
+    background-color: #6f3920;
+    font-size: 13.2px;
+  }
+
+  .no-thanks {
+    display: block;
+    margin-top: 14px;
+    color: #4B3B2A;
+    text-decoration: none;
+    margin-bottom: 40px;
+  }
+
+  .no-thanks:hover {
+    text-decoration: underline;
+    color: #381d0a;
+  }
+
+  .terms {
+    margin-top: 15px;
+    font-size: 10px;
+    color: #4B3B2A;
+  }
+
+  .terms a {
+    color: #8B4513;
+  }
+
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
@@ -563,6 +563,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>
@@ -1261,5 +1296,8 @@ <h2 style="font-family: var(--ff-philosopher); color: black">
       domain="www.chatbase.co"
       defer
     ></script>
+    <div class="gtranslate_wrapper"></div>
+<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
   </body>
 </html>
diff --git a/Html-files/about.html b/Html-files/about.html
@@ -492,15 +492,23 @@
     height: 266px;
 }
 
+/* Background Animations */
+.new_footer_top .footer_bg {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 266px;
+    overflow: hidden; /* Ensure animations don't cause scrollbars */
+}
+
 .new_footer_top .footer_bg .footer_bg_one {
-    /* background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PYPxwT5ifToyP3SNZeQWfJEWrUENYA5IXM6sN5vLwAKvaJS1pQVu8mOFFUa_ET4JuHNTFAxKURFerJYHDUWXLXl1vDofYXuij45JZelYOjEFoCOn7E6Vxu0fwV7ACPzArcno1rYuVxGB7JY6G7__e4_KZW4lTYIaHSLVaVLzklZBLZnQw047oq5-Q/s16000/volks.gif") no-repeat center center; */
     width: 330px;
     height: 105px;
     background-size: 100%;
     position: absolute;
     bottom: 0;
-    left: 30%;
-    animation: myfirst 22s linear infinite;
+    right: -330px; /* Start off-screen to the right */
+    animation: moveRightToLeft 22s linear infinite;
 }
 
 .new_footer_top .footer_bg .footer_bg_two {
@@ -509,22 +517,21 @@
     height: 105px;
     background-size: 100%;
     bottom: 0;
-    left: 38%;
+    right: -330px; /* Start off-screen to the right */
     position: absolute;
-    animation: myfirst 30s linear infinite;
+    animation: moveRightToLeft 30s linear infinite;
 }
 
 /* Animation Keyframes */
-@keyframes myfirst {
-  0% {
-    left: -25%;
-  }
-  100% {
-    left: 100%;
-  }
+@keyframes moveRightToLeft {
+    0% {
+        right: -330px; /* Start from right, off-screen */
+    }
+    100% {
+        right: 100%; /* End at left side of the container */
+    }
 }
 
-
 .social-icons a {
   font-size: 1.2rem;
   padding: 8px;
@@ -959,7 +966,9 @@ <h3 class="f-title f_600 t_color f_size_18">Follow Us</h3>
   domain="www.chatbase.co"
   defer>
   </script>
-
+<div class="gtranslate_wrapper"></div>
+<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 
 </html>
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;
@@ -228,6 +226,8 @@ <h2 style="color: black;">Our Services</h2>
         domain="www.chatbase.co"
         defer>
         </script>
-
+    <div class="gtranslate_wrapper"></div>
+    <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+    <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
 </html>