index.html

<html>

        <head>

        <title>Admin login</title>
            <style>

            h1 {
                margin: 0 auto;
                color: white;
                font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            }

            p {
                font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                font-size: 20px;
                color: white;

            }

            .unos {
                font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                font-size: 20px;
                width: 25%;
                height: 50px;
                color: white;
                background-color: transparent;
                border-radius: 10px;
                border-bottom-color: lightgreen;
                border-top-color: transparent;
                border-left-color: transparent;
                border-right-color: transparent;
                border-bottom-style: groove;
                border-top-style: none;
                border-right-style: none;
                border-left-style: none;
                border-width: 6px;
                text-align: center;

            }
            button {
                width: 95px;
                height: 45px;
                border-radius: 10px;
                font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                background-color: transparent;
                border-style: groove;
                border-color: lightgreen;
                color: white;
                border-width: 3px;


            }

            button:hover{
                background-color: lightgreen;
                color: black;
                border-style: none;
                border-color:transparent;

            }


            #Login{
            margin-top: 15%;

            }

            body{
                background-image: url("images/navy.png");
                background-position: center;


            }


            </style>
        </head>

    <body>
        <center>
    <div id="Login">

        <h1>Admin Login</h1>
        <form action="\login" method="POST">
        <p><b>Username :</b> <input class="unos" placeholder="Unesite Username"></input></p>
        <p><b>Password :</b> <input class="unos" placeholder="Unesite Password" type="password"></input></p>
        <button type="submit" name="submit"><b>Submit</b></button>
        <form>

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