<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<center><h2>InstaFlix</h2></center>
<div class="col-lg-12">
<input type="search" class="form-control" id="input-search" placeholder="Search For Movie..." >
</div>
<br>
<br>
<br>
<div class="searchable-container">
<div class="items col-xs-12 col-sm-6 col-md-6 col-lg-6 clearfix">
<div class="info-block block-info clearfix">
<div class="square-box pull-left">
<a href="#" class="thumbnail">
<img src="http://imdb.katzddl.ws/images/tt0313542.jpg" >
</a>
</div>
<h5>Runaway Jury</h5>
<h6>A juror on the inside and a woman on the outside manipulate a court trial involving a major gun manufacturer.</h6>
<span class="hidden">Mystery</span>
<span class="hidden">Thriller</span>
</div>
</div>
<div class="items col-xs-12 col-sm-6 col-md-6 col-lg-6 clearfix">
<div class="info-block block-info clearfix">
<div class="square-box pull-left">
<a href="#" class="thumbnail">
<img src="http://imdb.katzddl.ws/images/tt2369135.jpg" >
</a>
</div>
<h5>Need for Speed</h5>
<h6> Fresh from prison, a street racer who was framed by a wealthy business associate joins a cross country race with revenge in mind. His ex-partner, learning of the plan, places a massive bounty on his head as the race begins.</h4>
<span class="hidden">Mystery</span>
<span class="hidden">Thriller</span>
</div>
</div>
</div>
</div>
