diff --git a/auth/index.html b/auth/index.html new file mode 100644 index 00000000..51b828f5 --- /dev/null +++ b/auth/index.html @@ -0,0 +1,37 @@ + + + + + + Flipkart Registration Form + + + +
+
+

Create an account

+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+ + diff --git a/auth/styles.css b/auth/styles.css new file mode 100644 index 00000000..5190c94f --- /dev/null +++ b/auth/styles.css @@ -0,0 +1,65 @@ +body { + font-family: Arial, sans-serif; + background-color: #f5f5f5; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; +} + +.container { + background-color: #fff; + padding: 20px; + border-radius: 8px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + width: 100%; + max-width: 400px; +} + +.registration-form h2 { + margin-bottom: 20px; + font-size: 24px; + color: #333; + text-align: center; +} + +.form-group { + margin-bottom: 15px; +} + +.form-group label { + display: block; + margin-bottom: 5px; + color: #333; +} + +.form-group input { + width: 100%; + padding: 10px; + border: 1px solid #ddd; + border-radius: 4px; + box-sizing: border-box; +} + +.form-group input:focus { + border-color: #2874f0; + outline: none; +} + +.btn { + display: inline-block; + width: 100%; + padding: 10px; + background-color: #2874f0; + color: #fff; + border: none; + border-radius: 4px; + font-size: 16px; + cursor: pointer; + text-align: center; +} + +.btn:hover { + background-color: #0056b3; +} diff --git a/index.html b/index.html index b8e6e1f3..f34b240f 100644 --- a/index.html +++ b/index.html @@ -121,7 +121,7 @@

Login

- New to Flipkart? Create an account + New to Flipkart? Create an account