<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 rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="product-page-single">
<div class="single-product-item">
<div class="product-image-wrap">
<a href="product-page.html"><img src="http://www.kevinrobinson.co.uk/images/large/Fashion%20Online/Superdry%20Shirts%20Sale%20Superdry%20Double%20Cloth%20Checked%20Shirt%20Womens%20Malvern%20Check%20Red%20No%20402893%20Superdry%20Women%20Clothing%202404_3_LRG.jpg" alt="Product image"></a>
<div class="product-detail-inner">
<div class="item-details-overly-info">
<ul class="list-inline list-unstyled">
<li class="item-add-to-cart"><a href="#" title="Add To Cart"><i class="fa fa-shopping-cart"></i></a></li>
<li class="item-wishlist"><a href="#" title="Wish list"><i class="fa fa-heart-o"></i></a></li>
<li class="item-like"><a href="#" title="Like"><i class="fa fa-thumbs-o-up"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="product-item-details">
<h2><a href="#">Defyant Reversible Dot Shorts</a></h2>
<div class="price-like-box">
<div class="pull-left item-price">
<span class="old-price"><del>$50.00</del></span>
<span class="current-price">$50.00</span>
</div>
<div class="pull-right item-rating">
<ul class="list-inline">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa-fa-star"></i></li>
<li><i class="fa fa-star-o"></i></li>
<li><i class="fa fa-star-o"></i></li>
