SIMPLE LOGIN FROM USING HTML,CSS,BOOTSTRAP:
Turn on desktop site to get proper view
<!doctype html>
<html lang="en">
<head>
<title>Login</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css
/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/
iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<style>
.backimg{
background-image: url("backwedding.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.login{
height: 425px;
width: 700px;
background-color: whitesmoke;
border: 2px solid blue;
text-align: center;
margin: auto;
margin-top: 80px;
border-radius: 10px;
}
.couple{
width: 350px;
height:400px;
margin-top: 0px;
}
.loginmargin{
margin-top: 30px;
}
input{
margin-right: 5em;
}
</style>
<body class="backimg">
<div class="login">
<img src="couple.png" alt="couple image" class="couple" align="left">
<div class="form-group row col-xs-2 loginmargin">
<label for="">E-mail:</label>
<input type="text" name="email" id="" class="form-control"
placeholder="E-mail"required>
</div>
<div class="form-group row col-xs-2">
<label for="">Password:</label>
<input type="text" name="password" id="" class="form-control"
placeholder="Password" required>
</div>
<input type="submit" name="submit" value="Login" class="btn-success "><br><br>
New User <a href="register.html">Register here</a>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
</body>
</html>
Comments
Post a Comment