diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..106f856 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "files.autoSave": "onFocusChange" +} \ No newline at end of file diff --git a/Easy/Rudrani issue1/Index.html b/Easy/Rudrani issue1/Index.html new file mode 100644 index 0000000..f3ab6b7 --- /dev/null +++ b/Easy/Rudrani issue1/Index.html @@ -0,0 +1,26 @@ + + + + + + Login & Signup + + + +
+
+

Login

+
+
+ +
+
+ +
+ +

Don't have an account? Sign up

+
+
+
+ + \ No newline at end of file diff --git a/Easy/Rudrani issue1/index2.html b/Easy/Rudrani issue1/index2.html new file mode 100644 index 0000000..8f40b6c --- /dev/null +++ b/Easy/Rudrani issue1/index2.html @@ -0,0 +1,29 @@ + + + + + + Login & Signup + + + +
+
+

Signup

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

Already have an account? Login

+
+
+
+ + \ No newline at end of file diff --git a/Easy/Rudrani issue1/login bg.jpg b/Easy/Rudrani issue1/login bg.jpg new file mode 100644 index 0000000..14f1dfc Binary files /dev/null and b/Easy/Rudrani issue1/login bg.jpg differ diff --git a/Easy/Rudrani issue1/style.css b/Easy/Rudrani issue1/style.css new file mode 100644 index 0000000..4cc5b21 --- /dev/null +++ b/Easy/Rudrani issue1/style.css @@ -0,0 +1,70 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Arial, sans-serif; +} + +body { + display: flex; + justify-content: center; + align-items: center; + background: url('login bg.jpg'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + height: 100vh; +} + +.container { + background: white; + border: 1px solid rgba(255, 255, 255, 0.678); + padding: 20px; + border-radius: 10px; +} + +.form-box h2 { + margin-bottom: 20px; + text-align: center; +} + +.input-box { + text-align: left; + margin-bottom: 15px; +} + + +.input-box input { + width: 100%; + padding: 8px; + border: 1px solid #ccc; + border-radius: 5px; +} + +button { + width: 100%; + padding: 10px; + background-color: #007BFF; + color: white; + border-radius: 5px; + border: none; + cursor: pointer; +} + +button:hover { + background-color: #0056b3; +} + +p { + margin-top: 10px; +} + +p a { + color: #007BFF; + text-decoration: none; + font-weight: bold; +} + +p a:hover { + text-decoration: underline; +}