<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>
<div class="container">
<div class="row">
<div style="height: 250px;padding-right: 7px; padding-left: 7px;margin-bottom: 15px;" class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
<div class="clearfix">
<div class="pull-center">
<a href="/products/video.html"><img width="200" height="100" class="img-responsive" title="item 1" alt="item 1" src="http://placehold.it/320x200?text=img 1"></a>
</div>
<p style="margin: 0em 0em 0em 7px;text-align:Center;line-height:0.10845070422535;">
<span style="float:none;display:block;text-align:center;overflow:hidden;margin:0em 0em 0em 0em;" class="">
<span> <img src="/media/zoo/applications/jbuniversal/assets/img/red_line.png" style="max-width:50px;max-height:2px;">
</span>
</span>
</p>
<p style="margin:5px 0px 0.36em 0em;text-align:Center;line-height:1.69014084507042;">
<span style="font-family:'Open Sans','Arial';font-size:1.071em;color:rgba(105,105,105,1);"> Name item 1 </span>
</p>
<div class="clearfix"></div>
</div>
</div>
<div style="height: 250px;padding-right: 7px; padding-left: 7px;margin-bottom: 15px;" class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
<div class="clearfix">
<div class="pull-center">
<a href="/products/video.html"><img width="200" height="100" class="img-responsive" title="item 2" alt="item 2" src="http://placehold.it/320x200?text=img 2"></a>
</div>
<p style="margin: 0em 0em 0em 7px;text-align:Center;line-height:0.10845070422535;">
<span style="float:none;display:block;text-align:center;overflow:hidden;margin:0em 0em 0em 0em;" class="">
