"sign up 2"
Bootstrap 4.1.1 Snippet by WaleedHamdan

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
29
30
31
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<html>
<head><title>ADD</title>
<link href="CSS/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="page-container">
<form action="#" method="POST">
<h1>Sign Up</h1>
<input type="text" name="name" class="Name" placeholder="Name">
<input type="text" name="tele" class="Tele" placeholder="Number Phone">
<input type="text" name="email" class="Email" placeholder="Email">
<input type="password" name="password" class="Address" placeholder="password">
<button type="submit" value="Add" name="submit">Submit</button>
</form>
</div>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
29
30
31
32
33
34
35
36
37
body {
background:url(https://preview.ibb.co/g6MVS9/gg.png);
font-family:'PT Sans',Helvetica, Arial, sans-serif;
color:#fff;
background-repeat: no-repeat;
background-size:cover;
}
.page-container {
margin: 120px auto 0 auto;
}
h1 {
font-size: 30px;
font-weight: 700;
text-shadow:0 1px 4px rgba(0,0,0,.2);
text-align:center;
}
form {
position:relative;
width:305px;
margin:15px auto 0 auto;
text-align:center;
}
input {
width:270px;
height:42px;
margin-top:25px;
padding:0 15px;
background:#2d2d2d;
background:rgba(45,45,45,.15);
-moz-border-radius: 6px;
-webkit-border-radius:6px;
text-align:center;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: