<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>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<!-- start item -->
<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;">
<!-- <br style="font-family:'Open Sans','Arial';"> -->
<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>
<!-- End item -->
<!-- start item -->
<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;">
<!-- <br style="font-family:'Open Sans','Arial';"> -->
<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 2 </span>
</p>
<div class="clearfix"></div>
</div>
</div>
<!-- End item -->
<!-- start item -->
<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 3" alt="item 3" src="http://placehold.it/320x200?text=img 3"></a>
</div>
<p style="margin: 0em 0em 0em 7px;text-align:Center;line-height:0.10845070422535;">
<!-- <br style="font-family:'Open Sans','Arial';"> -->
<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 3 </span>
</p>
<div class="clearfix"></div>
</div>
</div>
<!-- End item -->
<!-- start item -->
<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 4" alt="item 4" src="http://placehold.it/320x200?text=img 4"></a>
</div>
<p style="margin: 0em 0em 0em 7px;text-align:Center;line-height:0.10845070422535;">
<!-- <br style="font-family:'Open Sans','Arial';"> -->
<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 4 </span>
</p>
<div class="clearfix"></div>
</div>
</div>
<!-- End item -->
<!-- start item -->
<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 5" alt="item 5" src="http://placehold.it/320x200?text=img 5"></a>
</div>
<p style="margin: 0em 0em 0em 7px;text-align:Center;line-height:0.10845070422535;">
<!-- <br style="font-family:'Open Sans','Arial';"> -->
<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 5 </span>
</p>
<div class="clearfix"></div>
</div>
</div>
<!-- End item -->
<!-- start item -->
<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 6" alt="item 6" src="http://placehold.it/320x200?text=img 6"></a>
</div>
<p style="margin: 0em 0em 0em 7px;text-align:Center;line-height:0.10845070422535;">
<!-- <br style="font-family:'Open Sans','Arial';"> -->
<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 6 </span>
</p>
<div class="clearfix"></div>
</div>
</div>
<!-- End item -->
<!-- start item -->
<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 7" alt="item 7" src="http://placehold.it/320x200?text=img 7"></a>
</div>
<p style="margin: 0em 0em 0em 7px;text-align:Center;line-height:0.10845070422535;">
<!-- <br style="font-family:'Open Sans','Arial';"> -->
<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 7 </span>
</p>
<div class="clearfix"></div>
</div>
</div>
<!-- End item -->
<!-- start item -->
<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 8" alt="item 8" src="http://placehold.it/320x200?text=img 8"></a>
</div>
<p style="margin: 0em 0em 0em 7px;text-align:Center;line-height:0.10845070422535;">
<!-- <br style="font-family:'Open Sans','Arial';"> -->
<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 8 </span>
</p>
<div class="clearfix"></div>
</div>
</div>
<!-- End item -->
<!-- start item -->
<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 9" alt="item 9" src="http://placehold.it/320x200?text=img 9"></a>
</div>
<p style="margin: 0em 0em 0em 7px;text-align:Center;line-height:0.10845070422535;">
<!-- <br style="font-family:'Open Sans','Arial';"> -->
<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 9 </span>
</p>
<div class="clearfix"></div>
</div>
</div>
<!-- End item -->
<!-- start item -->
<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 10" alt="item 10" src="http://placehold.it/320x200?text=img 10"></a>
</div>
<p style="margin: 0em 0em 0em 7px;text-align:Center;line-height:0.10845070422535;">
<!-- <br style="font-family:'Open Sans','Arial';"> -->
<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 10 </span>
</p>
<div class="clearfix"></div>
</div>
</div>
<!-- End item -->
<!-- start item -->
<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 11" alt="item 11" src="http://placehold.it/320x200?text=img 11"></a>
</div>
<p style="margin: 0em 0em 0em 7px;text-align:Center;line-height:0.10845070422535;">
<!-- <br style="font-family:'Open Sans','Arial';"> -->
<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 11 </span>
</p>
<div class="clearfix"></div>
</div>
</div>
<!-- End item -->
<!-- start item -->
<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 12" alt="item 12" src="http://placehold.it/320x200?text=img 12"></a>
</div>
<p style="margin: 0em 0em 0em 7px;text-align:Center;line-height:0.10845070422535;">
<!-- <br style="font-family:'Open Sans','Arial';"> -->
<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 12 </span>
</p>
<div class="clearfix"></div>
</div>
</div>
<!-- End item -->
</div>
</div>