index.html

<html>
<head>
<title>Login Form Design</title>

    <link rel="stylesheet" type="text/css" href="styling2.css">
<body>
    <div class="loginbox">
    
        
        <form>
            <div class="split left">
                <div class="centered">
                    <h1>Login</h1>
            <!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!-- Add font awesome icons -->
<a href="https://www.facebook.com/" class="fa fa-facebook"></a>
<a href="https://accounts.google.com/signin/v2/identifier?service=mail&passive=true&rm=false&continue=https%3A%2F%2Fmail.google.com%2Fmail%2F&ss=1&scc=1&ltmpl=default&ltmplcache=2&emr=1&osid=1&flowName=GlifWebSignIn&flowEntry=ServiceLogin" class="fa fa-google"></a>
            <p></p>
           <br><br> <input type="email" placeholder="  Email">
            <p></p>
            <input type="password" name="" placeholder="  Password">
            <br>
            <a href="#">Forget your password? <username>
            <password></password></a><br>
            <br><br><input type="submit" name="" value="Login">
        </div>
    </div>
    <div class="split right">
        <div class="centered">
            
            <h1><br><br><br><br>HTML CSS Login <br>FORM </h1>
            <p>Don't Like this form?<br><br><br> Click to go back to your daily schedule! </p>
            <br><br><br><button><a href="https://www.google.com/">Exit!</a></button>
        </div>
    </div>
            
        </form>
        
    </div>


</body>
</head>
</html>