Merge branch 'main' into enhance_navbar

khushi-joshi-05 · Jul 30, 2024 · fdad902 · fdad902
2 parents 1badc10 + 87b9928
commit fdad902
Show file tree

Hide file tree

Showing 41 changed files with 2,814 additions and 362 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/Css-files/add-address.css b/Css-files/add-address.css
@@ -1,20 +1,33 @@
+body {
+  background-color: #f0f0f0; /* Change background color of the page */
+  font-family: "Baloo Bhai", cursive;
+}
+
 .main-container {
-	padding: 2vw;
-	background-color: rgb(224, 224, 252);
+  padding: 2vw;
+  background-color: rgb(221, 160, 138);
 }
 
 .form-container {
   max-width: 800px;
   margin: auto;
-  background: #f9f9f9;
+  background: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ8U0rDtyI121wfvf1T10w87IJzGU8zbCxA5Q&s")
+    no-repeat center center; /* Add form background image */
+  background-size: cover;
   padding: 20px;
   border-radius: 8px;
-  box-shadow: 0 0 10px rgba(0,0,0,0.1);
+  border: 2px solid black;
+  transition: transform 0.3s ease-in-out; /* Add transition */
+}
+
+.form-container:hover {
+  transform: scale(1.02); /* Add a scaling effect on hover */
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
 }
 
 .form-container form {
   margin: 0 auto;
-  width: 30vw;     
+  width: 30vw;
 }
 
 input::-webkit-outer-spin-button,
@@ -23,8 +36,11 @@ input::-webkit-inner-spin-button {
   margin: 0;
 }
 
+.form-floating input {
+  transition: background-color 0.3s ease-in-out;
+  border: 2px solid black;
+}
 
-
-
-
-
+.form-floating input:focus {
+  background-color: rgba(255, 255, 255, 0.8);
+}
diff --git a/Css-files/cart.css b/Css-files/cart.css
@@ -148,6 +148,10 @@
 .btn:hover {
     background-color: rgb(196, 74, 74);
     color: white;
+    cursor: pointer;
+    margin: 0 5px;
+    position: relative;
+    top:-1px;
 }
 
 .decrease-quantity.disable {
@@ -227,7 +231,29 @@ textarea {
     margin: 0;
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     color: rgb(22, 22, 18);
+
+
+.donate-button {
+    text-align: center;
+    margin-top: 20px;
 }
+
+#donateBtn {
+    background-color: #007bff;
+    color: #fff;
+    border: 3px solid black;
+    padding: 10px 20px;
+    font-size: 16px;
+    cursor: pointer;
+    border-radius: 5px;
+}
+
+#donateBtn:hover {
+    transform: scale(1.2);
+    background-color: #0056b3
+}
+
+=======
 .checkout-btn:hover {
     background-color: rgb(0, 68, 169);
     transform: translateY(2px);