Merge pull request #59 from Sneha123-zudo/page

Improved the cart page
Anushkabh · May 13, 2024 · 4d1eb94 · 4d1eb94
2 parents dbeed74 + 0161838
commit 4d1eb94
Show file tree

Hide file tree

Showing 2 changed files with 77 additions and 10 deletions.
diff --git a/cart(1).html b/cart(1).html
@@ -64,16 +64,36 @@ <h1 class="pt-5">
                 </div>
             </div>
         </div>
-    <div class="cart" style="background-color: rgba(218, 223, 226, 0.811);">
-        <h1 class="carttext" style="color: black;">Enter Your Details</h1>
-        <div class="cartfield carttext">
-
-            <input type="text" placeholder="Your Name" id="buyer-name" required>
-        </div>
-        <div class="cartfield carttext">
-
-            <input type="email" placeholder="Email" id="buyer-email" required>
-        </div>
+        <div class="cart" style="background-color: rgb(30, 29, 29);">
+            <h1 class="carttext" style="color: white;">Enter Your Details</h1>
+            <div class="cart-form">
+                <div class="cartfield carttext">
+                    <input type="text" placeholder="Enter your name" id="buyer-name" required>
+                </div>
+                <div class="cartfield carttext">
+                    <input type="email" placeholder="Email" id="buyer-email" required>
+                    <input type="text" placeholder="Phone Number">
+                </div>
+                <div class="adress">
+                    <input type="text" placeholder="Address">
+                </div>
+                <div class="add">
+                    <input type="text" placeholder="Postal Code">
+                    <input type="text" placeholder="City">
+                </div>
+                <div class="add2">
+                    <input type="text" placeholder="State">
+                    <input type="text" placeholder="Country">
+                </div>
+            </div>
+            <!-- <div class="cartfield carttext">
+                
+                <input type="text" placeholder="Your Name" id="buyer-name" required>
+            </div>
+            <div class="cartfield carttext">
+                
+                <input type="email" placeholder="Email" id="buyer-email" required>
+            </div> -->
         <div id="cart-items" style="width: 50%; padding: 30px;" class="carttext"></div>
         <div id="subtotal" class="carttext"></div>
         <div class="cartfield"><button class="cartbtn" onclick="emptyCart()" style="border-radius: 3px; color: aliceblue;">Empty Cart</button>

diff --git a/stylesheet.css b/stylesheet.css
@@ -333,4 +333,51 @@ input{
 }
 #subtotal{
     color: black;
+}
+.cartfield #buyer-name{
+    width: 460px;
+  height: 40px;
+  border-radius: 5px;
+  border: none;
+  padding: 10px;
+  margin-right: 20px;
+  margin-top: 30px;
+}
+.cartfield input{
+    margin-right:20px ;
+    margin-top: 20px;
+    width: 220px;
+    height: 40px;
+    border-radius: 5px;
+    border: none;
+    padding: 10px;
+}
+.adress input{
+    width: 460px;
+    height: 50px;
+    border-radius: 5px;
+    border: none;
+    padding: 10px;
+    margin-top: 20px;
+    margin-left: 10px;
+}
+.add input{
+    margin-left: 10px;
+    margin-right:10px ;
+    margin-top: 20px;
+    width: 220px;
+    height: 40px;
+    border-radius: 5px;
+    border: none;
+    padding: 10px;
+}
+.add2 input{
+    margin-left: 10px;
+    margin-right:10px ;
+    margin-top: 20px;
+    width: 220px;
+    height: 40px;
+    border-radius: 5px;
+    border: none;
+    padding: 10px;
 }