diff --git a/account/home_account.html b/account/home_account.html index 5328f00d..bff8e3f8 100644 --- a/account/home_account.html +++ b/account/home_account.html @@ -19,27 +19,28 @@
-
-

Flipkart Logolipkart Profile

+

+ Flipkart LogoFlipkart Profile +

- +
- +
- +
- +
@@ -58,16 +59,32 @@

- +

+
+

FAQ

+

What happens when I update my email address (or mobile number)?

+

Your login email id (or mobile number) changes, likewise. You'll receive all your account related communication on your updated email address (or mobile number).

+

When will my Flipkart account be updated with the new email address (or mobile number)?

+

It happens as soon as you confirm the verification code sent to your email (or mobile) and save the changes.

+

What happens to my existing Flipkart account when I update my email address (or mobile number)?

+

Updating your email address (or mobile number) doesn't invalidate your account. Your account remains fully functional. You'll continue seeing your Order history, saved information and personal details.

+

Does my Seller account get affected when I update my email address?

+

Flipkart has a 'single sign-on' policy. Any changes will reflect in your Seller account also.

+

+ +
+
+ +
+
- diff --git a/css/account.css b/css/account.css index 2b79f347..e42193c2 100644 --- a/css/account.css +++ b/css/account.css @@ -1,77 +1,100 @@ -section .container { - background-color: #ffffff25; - border: 1px solid #ddd; - border-radius: 8px; - padding: 30px; - box-shadow: 0 4px 8px rgba(91, 77, 77, 0.1); - max-width: 100%; - transition: box-shadow 0.3s ease; -} - - -section .container:hover { - box-shadow: 0 8px 16px rgba(91, 77, 77, 0.2); -} -section h1 { - color: #1149ff; +.container { + max-width: 960px; + margin: 0 auto; + padding: 20px; + } + + .flipkardLoader { + width: 100%; + max-width: 180px; + margin: 0 auto; + } + + h1 { + font-size: 30px; + font-weight: bold; text-align: center; - margin-bottom: 20px; -} - -section .form-group label { - color: #343a40; - font-weight: 600; - margin-bottom: 5px; - margin-top: 5px ; -} - -section .form-group label:hover { - color: #007bff; -} + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif + } + + form { + width: 100%; + max-width: 600px; + margin: 0 auto; + } + + .form-group { + margin-bottom: 15px; + } + + label { + font-weight: bold; + } -section .form-control { - border: 1px solid #ced4da; - border-radius: 4px; - padding: 10px; - transition: border-color 0.3s ease; + p { + font-family: Arial, sans-serif; + font-size: 16px; + line-height: 1.5em } + + input[type="text"], + input[type="email"], + textarea { + width: 100%; + padding: 5px; + border: 1px solid #ccc; + border-radius: 3px; + } + + textarea { + height: 100px; + } + + /* Radio buttons */ + .form-check { + display: inline-block; + margin-right: 10px; + } -section .form-control:focus { - border-color: #0755ff; - box-shadow: 0 0 0 0.2rem rgba(12, 82, 163, 0.25); - outline: none; -} + #para1{ + + font-size: 14px; -section .btn-primary { - background-color: #007bff; - border-color: #007bff; - border-radius: 4px; - padding: 10px 20px; + } + #heading{ + + font-size: 20px; font-weight: bold; - transition: background-color 0.3s ease; -} - -section .btn-primary:hover { - background-color: #0056b3; - border-color: #0056b3; -} -section .btn-primary:focus { - background-color: #0056b3; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); + } + /* Submit button */ + .btn-primary { + background-color: #2874f0; + color: #fff; + border: none; + padding: 10px 20px; + border-radius: 3px; + cursor: pointer; + } + .btn-primary2 { + display: flex; + justify-content:center; + align-items: center; + background-color: #2874f0; + color: #fff; + border: none; + padding: 10px 20px; + border-radius: 15px; cursor: pointer; -} - -section .btn-primary:focus { - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); -} - -section .form-check-input { - margin-right: 5px; -} -section #orderHistory { - resize: vertical; - margin-bottom: 15px; -} + } + @media (max-width: 768px) { + h1 { + font-size: 1.8rem; + } + + form { + max-width: 100%; + } + } \ No newline at end of file