<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-5 col-md-offset-4" style="margin-top: 10%;">
<div class="col-md-12" style="background-color: white; padding:30px;">
<img src="https://secure.aadcdn.microsoftonline-p.com/ests/2.1.8233.17/content/images/microsoft_logo.svg?x=ee5c8d9fb6248c938fd0dc19370e90bd">
<form class="form">
<h3 class="col_g">Sign in</h3>
<br/>
<div class="form-group">
<input type="text" class="form-control" name="" placeholder="Email, Phone Enter Here">
</div>
<div class="form-group">
<input type="text" class="form-control" name="" placeholder="Enter Password Here">
</div>
<div class="form-group">
<button class="btn col-xs-4 submit_h"> Login</button>
</div>
<br/><br/><br/>
<a href="#">Can't Access your Account?</a>
<br/><br/>
No Account ? <a href="#">Create One!</a>
</form>