<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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Raleway:500' rel='stylesheet' type='text/css'>
<body>
<div class="middlePage">
<div class="page-header">
<h1 class="logo">Techulus <small>Welcome to our place!</small></h1>
</div>
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">Please Sign In</h3>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-5" >
<a href="#"><img src="http://techulus.com/buttons/fb.png" /></a><br/>
<a href="#"><img src="http://techulus.com/buttons/tw.png" /></a><br/>
<a href="#"><img src="http://techulus.com/buttons/gplus.png" /></a>
</div>
<div class="col-md-7" style="border-left:1px solid #ccc;height:160px">
<form class="form-horizontal">
<fieldset>
<input id="textinput" name="textinput" type="text" placeholder="Enter User Name" class="form-control input-md">
<div class="spacing"><input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"><small> Remember me</small></div>
<input id="textinput" name="textinput" type="text" placeholder="Enter Password" class="form-control input-md">
<div class="spacing"><a href="#"><small> Forgot Password?</small></a><br/></div>
<button id="singlebutton" name="singlebutton" class="btn btn-info btn-sm pull-right">Sign In</button>