diff --git a/Easy/Sahil desai/forgot.html b/Easy/Sahil desai/forgot.html new file mode 100644 index 0000000..ca456cd --- /dev/null +++ b/Easy/Sahil desai/forgot.html @@ -0,0 +1,23 @@ + + + + + + Forgot Password + + + +
+

Forgot Password

+

Please enter your email address to receive a password reset link.

+
+
+ + +
+ +

Remember your password? Login here

+
+
+ + \ No newline at end of file diff --git a/Easy/Sahil desai/index.html b/Easy/Sahil desai/index.html new file mode 100644 index 0000000..c97bbd3 --- /dev/null +++ b/Easy/Sahil desai/index.html @@ -0,0 +1,37 @@ + + + + + + LOGIN/SIGN UP FORM + + + +
+
+

LOGIN

+
+
+ + +
+
+
+ + +
+
+
+ Forgot Password? +
+
+ +
+
+
+

Don't have an account?create account

+
+
+
+ + \ No newline at end of file diff --git a/Easy/Sahil desai/signup.html b/Easy/Sahil desai/signup.html new file mode 100644 index 0000000..f8cb299 --- /dev/null +++ b/Easy/Sahil desai/signup.html @@ -0,0 +1,34 @@ + + + + + + Sign Up Page + + + +
+

Create an Account

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

Already have an account? Login here

+
+
+ + \ No newline at end of file diff --git a/Easy/Sahil desai/style2.css b/Easy/Sahil desai/style2.css new file mode 100644 index 0000000..cec9f29 --- /dev/null +++ b/Easy/Sahil desai/style2.css @@ -0,0 +1,130 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Arial', sans-serif; + background: linear-gradient(135deg, #6a11cb, #2575fc); /* Gradient background */ + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +/* Main Login Box */ +.login-box { + background-color: rgba(255, 255, 255, 0.9); /* Semi-transparent background */ + padding: 40px; + border-radius: 15px; + width: 320px; + text-align: center; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); +} + +/* Heading Styling */ +h2 { + font-size: 28px; + margin-bottom: 20px; + font-weight: 600; + color: #333; +} + +/* Input Fields Styling */ +.input-box { + position: relative; + margin-bottom: 20px; +} + +.input-box input { + width: 100%; + padding: 10px; + padding-left: 40px; + border-radius: 25px; + border: 1px solid #ccc; + outline: none; + font-size: 16px; + background-color: #f4f4f4; + transition: all 0.3s ease; +} + +.input-box input:focus { + border: 2px solid #2575fc; + background-color: #fff; +} + +.input-box label { + position: absolute; + left: 40px; + top: 12px; + font-size: 14px; + color: #888; + pointer-events: none; + transition: all 0.3s ease; +} + +.input-box input:focus + label, +.input-box input:not(:placeholder-shown) + label { + top: -10px; + font-size: 12px; + color: #2575fc; +} + +/* Icons inside input fields */ +.input-box i { + position: absolute; + left: 12px; + top: 50%; + transform: translateY(-50%); + color: #888; + font-size: 18px; +} + +/* Forgot Password Link */ +.forgot { + text-align: right; + font-size: 12px; + margin-bottom: 20px; +} + +.forgot a { + color: #2575fc; + text-decoration: none; +} + +.forgot a:hover { + text-decoration: underline; +} + +/* Submit Button */ +button { + width: 100%; + padding: 12px; + background-color: #2575fc; + color: white; + border: none; + border-radius: 25px; + font-size: 16px; + cursor: pointer; + transition: background-color 0.3s ease; +} + +button:hover { + background-color: #1d63d0; +} + +/* New Account Link */ +.newlog { + margin-top: 20px; + font-size: 14px; +} + +.newlog a { + color: #2575fc; + text-decoration: none; +} + +.newlog a:hover { + text-decoration: underline; +} \ No newline at end of file diff --git a/Easy/Sahil desai/style3.css b/Easy/Sahil desai/style3.css new file mode 100644 index 0000000..33baa69 --- /dev/null +++ b/Easy/Sahil desai/style3.css @@ -0,0 +1,81 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: Arial, sans-serif; + background-color: #f4f4f4; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background-color: white; + padding: 30px; + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + width: 300px; +} + +h2 { + text-align: center; + margin-bottom: 20px; + color: #333; +} + +.input-group { + margin-bottom: 15px; +} + +.input-group label { + display: block; + margin-bottom: 5px; + color: #333; +} + +.input-group input { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 14px; +} + +.input-group input:focus { + border-color: #4CAF50; + outline: none; +} + +.btn { + width: 100%; + padding: 10px; + background-color: #4CAF50; + color: white; + border: none; + border-radius: 4px; + font-size: 16px; + cursor: pointer; +} + +.btn:hover { + background-color: #45a049; +} + +p { + text-align: center; + margin-top: 10px; + font-size: 14px; +} + +a { + text-decoration: none; + color: #4CAF50; +} + +a:hover { + text-decoration: underline; +} \ No newline at end of file diff --git a/Easy/Sahil desai/style4.css b/Easy/Sahil desai/style4.css new file mode 100644 index 0000000..97b6f48 --- /dev/null +++ b/Easy/Sahil desai/style4.css @@ -0,0 +1,71 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: Arial, sans-serif; + background-color: #f4f4f4; + display: flex; + border-color: #333; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + background-color: white; + border-color: #333; + border-width: medium; + border-block-style: ; + padding: 30px; + border-radius: 8px; + width: 300px; + text-align: center; +} + +h2 { + margin-bottom: 20px; + color: #333; +} + +p { + margin-bottom: 20px; + font-size: 14px; + color: #555; +} + +.input-group { + margin-bottom: 15px; +} + +.input-group label { + display: block; + margin-bottom: 5px; + color: #333; +} + +.input-group input { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 14px; +} + +.input-group input:focus { + border-color: #4CAF50; + outline: none; +} + +.btn { + width: 100%; + padding: 10px; + background-color: #4CAF50; + color: white; + border: none; + border-radius: 4px; + font-size: 16px; +} + diff --git a/Easy/task 1-Sahil b/Easy/task 1-Sahil new file mode 100644 index 0000000..e69de29