341

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Dental Login</title>
        <link rel="stylesheet" href="css/login.css">
    </head>
    <body>
        <div class = "container" id="c">
            <img src="images/logo.png" alt="dental logo">
            <form id="loginForm" method="post" name="form1">
                <span>Username:</span>
                <input type="text" id="username" name="username">
                <div></div>
                <span>Password:</span>
                <input type="password" id="pass" name="pass">
                <div></div>
                <input type="button" value="Login" id="submit" onclick="login()">
            </form>
        </div>
        <footer id="footer">
            <span>&copy;Dentistry</span>
        </footer>
    </body>
</html>

body{
    background-color:rgb(131, 185, 255);
}
.container{
    text-align:center;
    padding:10px;
}
#submit {
    width: 60px;
    height: 30px;
    font-size:16px;
}
div{
    padding:10px;
}
#footer{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    width:100%;
}