You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

108 lines
2.3 KiB

<Style>
a {
text-decoration: none;
font-size: 17px;
color: black;
}
body
{
margin: 0;
padding: 0;
font-family: 'Arial';
}
.login{
width: 382px;
overflow: hidden;
margin: auto;
margin: 20 0 0 450px;
padding: 40px;
background: #6abadeba;
border-radius: 15px ;
}
h2{
color: #ff7200;
padding: 20px;
}
label{
color: black;
font-size: 17px;
}
#Uname{
width: 300px;
height: 30px;
border: none;
border-radius: 3px;
padding-left: 8px;
}
#Pass{
width: 300px;
height: 30px;
border: none;
border-radius: 3px;
padding-left: 8px;
}
#log{
width: 300px;
height: 30px;
border: none;
border-radius: 17px;
padding-left: 7px;
color: #ff7200;
}
span{
color: white;
font-size: 17px;
}
a{
float: right;
background-color: grey;
}
.banner {
/* The image used */
background-image:
url(1.jpg);
background-position: center;
background-size: cover;
}
</Style>
<!DOCTYPE html>
<html>
<head>
<title>Login Form</title>
</head>
<body>
<div class="banner">
<br><br><br><br><br><br>
<div class="login">
<form id="login" method="get" action="login.php" [formGroup]='loginForm' (submit)='OnLoginFormSubmit()'>
<h2 class="logo">Login to DailyCart</h2><br><br><br><br><br>
<label><b>Username <br>
</b>
</label>
<input type="text" id="Uname" formControlName="username">
<br><br>
<label><b>Password
</b>
</label>
<input type="password" id="Pass" formControlName="password">
<br><br><br>
<button [disabled]="!loginForm.valid" id="log"> LOGIN </button>
<br><br>
<p>New User?<a href="signup"><img border="0" src="https://previews.123rf.com/images/faysalfarhan/faysalfarhan1711/faysalfarhan171137973/89544623-sign-up-member-icon-isolated-on-elegant-yellow-round-button-abstract-illustration.jpg" width="70" height="70"></a></p>
</form>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</body>
</html>
<router-outlet></router-outlet>