You are on page 1of 2

<html>

<head>
<title>online book sales Admin</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
#header
{
font-size: 24px;
height: 200px;
background-color: white;
background-color: rgb(77,82,91);
}
#h1
{
color: wheat;
}
#h2{
color: wheat;
}
#panel{
width: 350px;
height: 250px;
background-color:rgb(241,242,244);
margin-top: 80px;
border-radius: 20px;
box-shadow: 0px 1px 30px 3px orange;
}
#body{
background-color: rgb(77,82,91);
height: 440px;
margin-top: -80px;
}
#btn{
height:35px;
width:100px;
background:grey;
color:white;
font-weight:bold;
font-size:14px;
outline:none;
cursor:pointer;
border-radius:5px;
}
</style>
</head>
<body>
<form name='name' method="post" action="logintrail.jsp">
<center><div id="header" >
<h1 id="h1" > Online Book Sales</h1>
<h2 id="h2">Welcome Admin</h2>
</div></center>
<div id="body">
<center><div id="panel">
<h1 align=center style="font-family: cursive;">LOGIN</h1>
<table align=center cellspacing="20px">
<tr><th>User Name</th><th><input type=text name=username id=uname></th></tr>
<tr><th>Password</th><th><input type=password name=password id=pwd></th></tr>
<tr ><th></th><th><input id="btn" type=submit value="submit"></th></tr>

</table></div>
</center></div>
</body>
</html>

You might also like