diff --git a/Soorjyakanta/README.md b/Soorjyakanta/README.md new file mode 100644 index 0000000..014e7e3 --- /dev/null +++ b/Soorjyakanta/README.md @@ -0,0 +1 @@ +## Issue #1 solved diff --git a/Soorjyakanta/background.jpg b/Soorjyakanta/background.jpg new file mode 100644 index 0000000..8176a26 Binary files /dev/null and b/Soorjyakanta/background.jpg differ diff --git a/Soorjyakanta/index.css b/Soorjyakanta/index.css new file mode 100644 index 0000000..1d0b7d6 --- /dev/null +++ b/Soorjyakanta/index.css @@ -0,0 +1,123 @@ +@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800'); +*{ +margin: 0; +padding: 0; +font-family: 'poppins',sans-serif; +} +section{ +display: flex; +justify-content: center; +align-items: center; +min-height: 100vh; +width: 100%; + + background: url('background.jpg')no-repeat; + background-position: center; + background-size: cover; +} +.form-box{ + position: relative; + width: 400px; + height: 450px; + background: transparent; + border-radius: 20px; + border: 2px solid rgba(255,255,255,0.5); + backdrop-filter: blur(15px); + display: flex; + justify-content: center; + align-items: center; +} +.h2{ + font-size: 2em; + color: #fff; + text-align: center; +} +.inputbox{ +position: relative; +top: 50%; +margin: 30px 0; +width: 310px; +border-bottom: 2px solid #fff; +} +.inputbox label{ +position: absolute; +top: 50%; +left: 5px; +transform: translateY(-s50%); +color: #fff; +font-size: 1em; +pointer-events: none; +transition: .5s; +} + +.inputbox input:focus ~ label, +.inputbox input:valid ~ label{ + top: -15px; +} +.inputbox input{ +width: 100%; +height: 50px; +background: transparent; +border: none; +outline: none; +font-size: 1em; +padding: 0 35px 0 5px; +color: #fff; +} + +.inputbox ion-icon{ + position: absolute; + right: 8px; + color: #fff; + font-size: 1.2em; + top: 20px; +} + +.forget{ + margin: -15px 0 15px; + font-size: .9em; + color: #fff; + display: flex; + justify-content: center; +} + +.forget label input{ + margin-right: 3px; +} + +.forget label a{ + color: #fff; + text-decoration: none; +} +.forget label a:hover{ + text-decoration: underline; +} + +button{ + width: 100%; + height: 40px; + border-radius: 40px; + background: #fff; + border: none; + outline: none; + cursor: pointer; + font-size: 1em; + font-weight: 600; +} + +.register{ + font-size: .9em; + color: #fff; + text-align: center; + margin: 25px 0 10px; +} + +.register p a{ + text-decoration: none; + color: #fff; + font-weight: 600; +} + +.register p a:hover{ + text-decoration: underline; +} \ No newline at end of file diff --git a/Soorjyakanta/index.html b/Soorjyakanta/index.html new file mode 100644 index 0000000..3319322 --- /dev/null +++ b/Soorjyakanta/index.html @@ -0,0 +1,38 @@ + + + + + TECH OFFICIAL LOGIN PAGE + + +
+
+
+
+

Login

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

Don't have a accouont Register

+
+
+
+
+
+ + + +