Merge branch 'main' into main

Anjaliavv51 · Oct 13, 2024 · 7ffd179 · 7ffd179
2 parents 38c7b2d + 2488d3d
commit 7ffd179
Show file tree

Hide file tree

Showing 29 changed files with 1,014 additions and 432 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/Coverpage.html b/Coverpage.html
@@ -139,5 +139,18 @@
             window.location.href = "index.html";
         }
     </script>
+    <script>
+        window.embeddedChatbotConfig = {
+        chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+        domain: "www.chatbase.co"
+        }
+        </script>
+        <script
+        src="https://www.chatbase.co/embed.min.js"
+        chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+        domain="www.chatbase.co"
+        defer>
+        </script>
+
 </body>
 </html>
diff --git a/Css-files/content.css b/Css-files/content.css
@@ -372,10 +372,11 @@ div.deals:hover{
   box-shadow: 2px 2px 20px black;
 }
 .testimonal__image{
-  width:100px;
-  height:100px;
-  border-radius:50%;
-  margin:0 auto 1.5rem;
+    width: 100px;
+    height: 100px;
+    border-radius: 50%;
+    object-fit: cover;
+    margin: 0 auto 1.5rem;
 }
 .testimonal__title{
   margin-bottom: .75rem;
@@ -384,7 +385,6 @@ div.deals:hover{
   margin-bottom: 1.25rem;
 }
 
-
 .section__title{
   text-align: center;
   font-size: 2rem;
@@ -395,7 +395,6 @@ div.deals:hover{
 .foot-panel2{
     background-color: transparent;
     color:white;
-    height: 300px;
     display: flex;
     justify-content: space-evenly;
 }
@@ -418,7 +417,7 @@ div.deals:hover{
 .foot_panel4{
     background-color: transparent;
     color: white;
-    height: 160px;
+    height: auto;
     font-size: 0.9rem;
     text-align: center;
 }
@@ -510,7 +509,7 @@ input
 
 .cart table,th,td{
   text-align: center;
-  border: 2px solid black;
+  border: 2px solid whitesmoke;
   width: 75%;
 }
 td{
@@ -636,6 +635,7 @@ td{
   font-size: 12px;
 }
 
+
 .container{
   display: flex;
   /* justify-content: center; */
@@ -652,4 +652,5 @@ td{
 
 iframe{
   margin: 0px 75px;
-}
+}
+
diff --git a/Css-files/forgotpass1.css b/Css-files/forgotpass1.css
@@ -0,0 +1,145 @@
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+
+body {
+  margin: 0;
+  font-family: 'Noto Sans', sans-serif;
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb9b0' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffc1b7' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffc8bf' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffcfc6' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c198.8 51.8 403.4 40.8 597.3-14.8V0H0z'/%3E%3Cpath fill='%23FFD6CE' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffdcd4' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe1d9' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffe6df' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23ffebe4' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFF0EA' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
+  background-size: cover;
+}
+.circle {
+  z-index: 998;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  pointer-events: none;
+  animation: colors 5s infinite;
+  position: fixed;
+  transform: translate(-50%, -50%);
+}
+.card-forgot {
+  width: 60%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  padding: 30px 35px;
+  border-radius: 20px;
+  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15);
+  background: rgba(236, 236, 236, 0.8);
+  backdrop-filter: blur(10px); /* Soft background blur effect */
+  animation: fadeIn 2s ease-in-out;
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+    transform: translateY(30px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.card-forgot h1 {
+  color: hsl(203, 30%,26%);
+  font-family: "Philosopher", sans-serif;
+  text-transform: uppercase;
+  text-align: center;
+}
+
+.home-btn {
+  position: absolute;
+  top: 32px;
+  font-family: "Philosopher", sans-serif;
+  left: 30px;
+}
+
+.home-btn a {
+  font-size: 30px;
+  text-decoration: none;
+  color: rgb(134, 78, 112);
+  position: relative;
+  transition: color 0.3s ease; /* Smooth color transition */
+}
+
+.home-btn a:hover {
+  color: rgb(141, 108, 108); /* Darken color on hover */
+}
+
+.home-btn a::after {
+  content: '';
+  position: absolute;
+  width: 100%;
+  height: 1.5px;
+  bottom: -5px;
+  left: 0;
+  background-color: transparent;
+  transition: background-color 0.3s ease; /* Smooth transition */
+}
+
+.home-btn a:hover::after {
+  background-color: rgb(141, 108, 108);
+}
+.textfield {
+  width: 100%;
+  margin-bottom: 15px;
+}
+
+.textfield > input {
+  width: 100%;
+  height: 45px;
+  border-radius: 15px;
+  border: 1px solid #b38484;
+  padding-left: 10px;
+  outline: none;
+  transition: border 0.3s ease; /* Smooth border transition */
+}
+
+.textfield > input:focus {
+  border: 2px solid #a76666; /* Highlight border on focus */
+}
+.btn-reset {
+  width: 100%;
+  padding: 10px 0;
+  border: none;
+  background-color: #e55d5d;
+  color: #fff;
+  font-size: 18px;
+  font-weight: bold;
+  border-radius: 10px;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+.btn-reset:hover {
+  background-color: #ff4a4a;
+}
+
+.error-message {
+  color: red;
+  font-family: "Poppins", sans-serif;
+  margin-top: 10px;
+}
+.switch-link {
+  text-align: center;
+  margin-top: 20px;
+  font-family: "Poppins", sans-serif;
+}
+
+.switch-link a {
+  color: hsl(0, 100%, 50%);
+  text-decoration: none;
+  font-weight: bold;
+  transition: color 0.3s ease;
+}
+
+.switch-link a:hover {
+  color: hsl(203, 30%, 26%);
+}
diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html
@@ -354,21 +354,21 @@
   color: #181e20 !important;
 }
 
-          #sr {
-              display: none;
-              position: fixed;
-              bottom: 20px;
-              right: 30px;
-              z-index: 99;
-              font-size: 18px;
-              border: none;
-              outline: none;
-              background-color: transparent;
-              color: white;
-              cursor: pointer;
-              padding: 15px;
-              border-radius: 4px;
-          }
+#sr {
+display: none; 
+position: fixed; 
+bottom: 70px; 
+right: 15px; 
+z-index: 99; 
+font-size: 18px;
+border: none;
+outline: none;
+background-color: transparent; 
+color: rgb(17, 17, 17); 
+cursor: pointer; 
+padding: 15px; 
+border-radius: 4px; 
+}
 
           #sr:hover {
               color: #000;
@@ -870,5 +870,18 @@ <h2 style="font-family: var(--ff-philosopher);color: black;">Follow Us</h2>
 })
     </script>
     <script src="cart.js"></script>
+    <script>
+        window.embeddedChatbotConfig = {
+        chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+        domain: "www.chatbase.co"
+        }
+        </script>
+        <script
+        src="https://www.chatbase.co/embed.min.js"
+        chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+        domain="www.chatbase.co"
+        defer>
+        </script>
+
 </body>
 </html>
diff --git a/Html-files/about.html b/Html-files/about.html
@@ -29,22 +29,23 @@
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');  
         @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');  
-#sr {
+        #sr {
 display: none; 
 position: fixed; 
-bottom: 20px; 
-right: 30px; 
+bottom: 70px; 
+right: 15px; 
 z-index: 99; 
 font-size: 18px;
 border: none;
 outline: none;
 background-color: transparent; 
-color: #C4D7FF; 
+
+color: rgb(17, 17, 17); 
+
 cursor: pointer; 
 padding: 15px; 
 border-radius: 4px; 
 }
-
 #sr:hover {
 background-color: transparent; 
 color: #C4D7FF;
@@ -646,24 +647,28 @@ <h1 class="animated-header" style="color: #dc3545;">
   </div>
 </div>
 
+<p style="margin: 0px 50px;font-size: medium;" class="about1" >At Retro, we celebrate the essence of timeless moments, where the charm of vintage design meets the warmth of nostalgia. Our love for the past inspires us to create an experience that connects the beauty of bygone eras with today’s world. Whether it's 60s-style floral patterns or classic tech from yesteryear, Retro brings back the simplicity, elegance, and innovation of those unforgettable days.
+</p>
 
 
-
-    <section class="about_container">
+    <section class="about_container" style="width:80vw;margin-top: 80px;">
 
-        <p class="about1" >At Retro, we celebrate the essence of timeless moments, where the charm of vintage design meets the warmth of nostalgia. Our love for the past inspires us to create an experience that connects the beauty of bygone eras with today’s world. Whether it's 60s-style floral patterns or classic tech from yesteryear, Retro brings back the simplicity, elegance, and innovation of those unforgettable days.
-        </p>
+
         <div class="about2">
             <h2 class=section__titlestyle style="font-family: var(--ff-philosopher);color: hsl(357, 82%,35%);">Our Story</h2>
             <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Retro was born from a desire to relive and share the joy of the past. We believe that every era has something special to offer, whether it’s the bold designs of the 60s, the innovative spirit of the 70s, or the tech revolutions of the 80s and 90s. Our journey began with a passion for collecting vintage items and a dream to create a space where people could immerse themselves in a world that captures the essence of different generations.</p>
         </div>
-        <div class="about3">
-            <h2 class=section__title>Why Choose Retro?</h2>
-            <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">We’re not just about products – we’re about creating a lifestyle that honors the beauty and inspiration of the past. Each item we offer is carefully selected to bring nostalgia to life, allowing you to embrace the timeless designs, flavors, and stories that have shaped history. Whether you're a vintage enthusiast or simply love the look and feel of classic designs, Retro is your gateway to a world that values tradition as much as it does innovation.</p>
-        </div>
+
 
     </section>
 
+    <section class="about_container" style="width:80vw;margin-top: 80px;margin-bottom: 30px;">
+      <div class="about3">
+        <h2 class=section__title>Why Choose Retro?</h2>
+        <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">We’re not just about products – we’re about creating a lifestyle that honors the beauty and inspiration of the past. Each item we offer is carefully selected to bring nostalgia to life, allowing you to embrace the timeless designs, flavors, and stories that have shaped history. Whether you're a vintage enthusiast or simply love the look and feel of classic designs, Retro is your gateway to a world that values tradition as much as it does innovation.</p>
+      </div>
+    </section>
+
 
     <footer class="new_footer_area bg_color">
       <div class="new_footer_top">
@@ -772,7 +777,7 @@ <h3 class="f-title f_600 t_color f_size_18">Follow Us</h3>
               <p class="mb-0 f_400">&copy; 2024 Retro. All Rights Reserved.</p>
             </div>
             <div class="col-lg-6 col-sm-5 text-right">
-              <p>Made with <i class="icon_heart"></i> by <a href="https://www.linkedin.com" target="_blank">Retro Team</a></p>
+              <p>Made with ❤️ by <a href="https://www.linkedin.com" target="_blank">Retro Team</a></p>
             </div>
           </div>
         </div>
@@ -910,6 +915,19 @@ <h3 class="f-title f_600 t_color f_size_18">Follow Us</h3>
 });
 
 </script>
+<script>
+  window.embeddedChatbotConfig = {
+  chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+  domain: "www.chatbase.co"
+  }
+  </script>
+  <script
+  src="https://www.chatbase.co/embed.min.js"
+  chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+  domain="www.chatbase.co"
+  defer>
+  </script>
+
 </body>
 
 </html>