index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width= device-width, initial-scale=1"/>
        <title>User Registartion Form</title>
        <link rel="stylesheet" href="./style/style.css">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    </head>
    <body>
    <header>
        <div class="background">
            <h1 class="header-h1">CodersWorld</h1>
            <a href="#" class="header-signup">Sign Up</a>
        </div>
    </header>
    <div class="main-class">
        <div class="sub-class">
        <div class="lhs">
            <h1>Welcome to CodersWorld!</h1>
            <h2>Login</h2>
            <br/>

            <div class="lhs-div">
            <form action= "#" method="GET">
            <label for="username">Username or Email </label><br/>
            <input type="text" id="username" class="input"/>
            <br/>
            <br/>
            <label for="email"> Password</label><br/>
            <input type="text" id="email" class="input"/>
            <br/>
            <br/>
            <br/>
            <a href="#"><button type="submit" class="button-login"> Login </button></a>
            <a href="#" class="fp"> Forgot Password? </a>
        </div>
        </div>
       
        <div class="rhs">
            <p class="p-class">If you've already linked your CodersWorld account to one of these services, you can use them to login:</p>
            <a href="#" class="sm-a" ><button type="submit" class="smg"><i class="fa fa-github-square fa-2x"></i> Login with GitHub</button></a>
            <a href="#" class="sm-a" ><button type="submit" class="smt"><i class="fa fa-twitter-square fa-2x"></i> Login with Twitter</button></a>
            <a href="#" class="sm-a" ><button type="submit" class="smf"><i class="fa fa-facebook-square fa-2x"></i> Login with Facebook</button></a>
            
            
        </div>
        </form>
    </div>
    </div>
    

    <div class="end">
        <button type="submit" class="sign-up">Need an account?  <a href="#" class="end-a">  Sign-up now</a></button>
        </a>
    </div>
  
    
</body>
</html>