diff --git a/css/header.css b/css/header.css index 78e5dc2..7b1a395 100644 --- a/css/header.css +++ b/css/header.css @@ -135,7 +135,7 @@ input { justify-content: space-around; align-items: center; } -.nav1 > img { +.nav1 img { height: 70px; } .nav-bar { @@ -188,6 +188,7 @@ input { } .icon-image { + height: 26px; width: 20px; } .menu-bar { @@ -421,6 +422,7 @@ input { width: 400px; } .payment-section div { + margin-top: 70px; display: flex; justify-content: space-around; align-items: center; diff --git a/html/checkout.html b/html/checkout.html index 3543583..67d92ef 100644 --- a/html/checkout.html +++ b/html/checkout.html @@ -1,490 +1,517 @@ - - - - + + + + Checkout - - - - - - - +
+
+
+
+

1. Log In

+
+
+

You Need To Log In First

+ +

You can Log In with Google Account Log In

+
+
+
+
+

2. Select Packaging and Add a Gift Message

+
+
+

Choose a Free Gift Wrap!

+
+
+ + +
+
+ + +
+
+ + +
+
+
+ + + + +
+
+
Add a Special Message!(Optional)
+

250 characters limit

+
+
+ +
+
+ + +
+
+
+
+
+

3. Delivery/Pickup Information

+
+
+
+

Delivery Mode

+
+
+ + +
+
+

Shipping Address

+
-

3. Delivery/Pickup Information

+ +
-
-
-

Delivery Mode

-
-
- - -
-
-

Shipping Address

-
-
- - -
-
- - -
-
- - -
-
-
- - - - -
-
-

Select Address Type

-
- - -
-
-
- - -
-
- -
-
- +
+ +
+
+ + +
+
+
+ + +
+
+

Select Address Type

+
+ + +
+
+
+ + +
+
+ +
-
-
-

4. Payment Method

-
-
-

Select Payment Method

-
-
-
-

UPI

-

Credit Card

-

Debit Card

-

NetBanking

-

Cash on Delivery

-

Offline Payment

-
-
-

UPI

-

Scan & OR to pay
- Scan QR code using Paytm or your preferred UPI app

- +
+
+
+
+

4. Payment Method

+
+
+

Select Payment Method

+
+
+
+

UPI

+

Credit Card

+

Debit Card

+

NetBanking

+

Cash on Delivery

+

Offline Payment

+
+
+

UPI

+

+ Scan & OR to pay
+ Scan QR code using Paytm or your preferred UPI app +

+ -
- Pay using UPI ID - - -
-
-
+
+ Pay using UPI ID + + +
+
- - - - + + - - - - - - diff --git a/html/congratualtion.html b/html/congratualtion.html index c578f32..01b68e8 100644 --- a/html/congratualtion.html +++ b/html/congratualtion.html @@ -5,6 +5,7 @@ Ordered +