File: /home/bishwesh/internstolearn.com/resources/views/login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700|Roboto:400,500,700,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./sass/main.css">
<title>Login Page</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark navbar-color">
<div class="container">
<a class="navbar-brand" href="#">
<img src="./img/logo.png" width="300" height="60" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbarNavDropdown" class="navbar-collapse collapse" >
<ul class="navbar-nav ml-auto ">
<li class="nav-item nav-items-link">
<h6><a class="nav-link nav-items-color" href="#">Enternship</a></h6>
</li>
<li class="nav-item nav-items-link">
<h6><a class="nav-link nav-items-color" href="#">Events</a></h6>
</li>
<li class="nav-item nav-items-link">
<h6><a class="nav-link nav-items-color" href="#">Blog</a></h6>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<button type="button" class="btn btn-warning nav-button"><h6>Login/Register</button></h6>
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid greybg">
<div class="container">
<div class="row login-info">
<div class="col-12 col-md-6 col-sm-12">Login Page</div>
<div class="col-12 col-md-6 col-sm-12 d-flex justify-content-md-end justify-content-md-start "><span class="info-breadcrumb">Home > Login/Register</span></div>
</div>
</div>
</div>
<div class="container login-section">
<div class="row align-items-start">
<div class="col-sm-12 col-12 col-md-6 ">
<div class="card mt-5 register-card">
<div class="top-info-section">
<h5 class="text-center info-header">Quick Login</h5>
<h5 class="text-center info-sub-header">Login to Your Account</h5>
</div>
<div class="info-login ">
<form>
<div class="form-group">
<input type="email" class="form-control" id="exampleInputEmail11" aria-describedby="emailHelp" placeholder="Enter email">
<span></span>
</div>
<div class="form-group">
<input type="password" class="form-control" id="exampleInputPassword11" placeholder="Password">
</div>
<div class="row">
<div class="col-6">
<div class="form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck11">
<label class="form-check-label" for="exampleCheck1">Keep me signed in</label>
</div>
</div>
<div class="col-6">
<a href="/lostpassword">Lost Your Password?</a>
</div>
</div>
<button type="submit" class="btn btn-warning btn-lg btn-block mt-3">Login</button>
</form>
</div>
</div>
</div>
<div class="col-sm-12 col-12 col-md-6">
<div class="card mt-5 register-card">
<div class="top-info-section">
<h5 class="text-center info-header">Create Your Account</h5>
<h5 class="text-center info-sub-header">Choose your account type</h5>
</div>
<div class="register-type-buttons">
<div class="row">
<div class="col-6">
<button type="button" class="btn btn-lg btn-block btn-outline-warning">Candidate</button>
</div>
<div class="col-6">
<button type="button" class="btn btn-lg btn-block btn-warning">Employer</button>
</div>
</div>
</div>
<div class="info-login mt-3">
<form>
<div class="form-group">
<input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Username">
<span></span>
</div>
<div class="form-group">
<input type="email" class="form-control" id="exampleInputEmail2" aria-describedby="emailHelp" placeholder="Email">
<span></span>
</div>
<div class="form-group">
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<input type="password" class="form-control" id="exampleInputPassword2" placeholder="Confirm Password">
</div>
<div class="row">
<div class="col-12">
<div class="form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">You accept our <span class="terms-link">Terms and Conditions and Privacy Policy</span></label>
</div>
</div>
</div>
<button type="submit" class="btn btn-warning btn-lg btn-block mt-3">Sign Up</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>