Login page (HTML + CSS + Bootstrap)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Forms Example</title>
        <meta name="viewport" contant="width=device-width, initial-scale=1">
        <link <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <style>
             body
             {
                background-image: url(bkg2.jpg);
                background-size: 1920px 1080px;
             }
             .midBox
             {
                position: absolute;
                top: 25%;
                left: 40%;
                width: 20%;
                height: 50%;
                background-color: #64296f;
                border-radius: 10px;
                opacity: 0.7;
             }
        </style>
    </head>


    <body>

        <div class="midBox">
            <div style="margin-top:20px; text-align:center;"><img width="120" height="120" src="icon1.png"></img></div>
            <br />
            <form>
                <div style="position:absolute; left:5%; width:90%;" class="form-group">
                    <label style="color: #080949;" for="email">Username:</label>
                    <input type="email" class="form-control" id="email">
                    <label style="color: #080949;" for="Password">Password:</label>
                    <input type="Password" class="form-control" id="Password">
                    <h6 style="text-align:center; color:black;">Forgot your password?</h6>
                </div>
            </form>
        </div>

    </body>
</html>