<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>
<!------ Include the above in your HEAD tag ---------->
<div class="main_div_full"> <!-- main div start -->
<div class="container">
<div class="row">
<div class="col-md-5 col-md-offset-3" 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/>
<a href="#">Can't Access your Account?</a>
<br/><br/>
No Account ? <a href="#">Create One!</a>
</form>
</div>
</div>
</div>
</div>
<div class="login_footer">
<ul class="">
<li><a href="#">Terms of use</a></li>
<li><a href="#">Privacy & cookies</a></li>
<li><a href="#">©2018 Hitech</a></li>
</ul>
</div>
</div>
body{
font-family: 'Roboto', sans-serif;
background-image:url("https://i.pinimg.com/originals/f1/f3/76/f1f376e17e8ec550cc5a770a1bd3fd2a.jpg");
background-size:cover;
}
a{
color: #1985e2;
}
.col_g{
color: #887c7c;
}
.form-control{
border-top: none;
border-left: none;
border-right: none;
border-radius: 1px;
box-shadow: none;
}
.submit_h{
color: #fff;
background-color:#0067b8;
}
.login_footer{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color:#353434d1;
color: white;
text-align: center;
padding: 10px;
}
.login_footer li{
float: right;
}
.login_footer ul{
list-style: none;
}
.login_footer li a{
padding: 0px 10px;
color: white;
}
.form-control:focus {
border-color: #0067b8;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
box-shadow: none;
}