"Featured items v1"
Bootstrap 3.3.0 Snippet by tax2003

<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>

Related: See More


Questions / Comments: