html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!-- Created by Nishant Tripathi-->
<!-- Created by Nishant Tripathi-->
<!doctype html>
<html>
<head>
<title>Form</title>
</head>
<body>
<div class="loginbox">
<h2>Log in Here</h2>
<form>
<p>Email</p>
<input type="text" name="" placeholder="Email or Phone">
<p>Password</p>
<input type="password" name="" placeholder="Password">
<input type="button" value="Sign in">
<br>
<a href='#'>Forget password</a>
</form>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/* Created by Nishant Tripathi */
/* Created by Nishant Tripathi */
body
{
margin:0;
padding:0;
background:url("https://goo.gl/D1V7Qn");
height:100%;
background-size:cover;
font-family:sans-serif;
}
.loginbox
{
position:absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
width:350px;
height:420px;
padding:80px 40px;
box-sizing: border-box;
background:rgba(0,0,0,0.5);
border:inset;
border-color:#fff;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
// Created by Nishant Tripathi
// Created by Nishant Tripathi
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run