<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container">
<br> <p class="text-center">More bootstrap 4 components on <a href="http://bootstrap-ecommerce.com/"> Bootstrap-ecommerce.com</a></p>
<hr>
<div class="row">
<div class="col-md-3">
<figure class="card card-product">
<div class="img-wrap">
<img src="https://s9.postimg.org/tupxkvfj3/image.jpg">
<a class="btn-overlay" href="#"><i class="fa fa-search-plus"></i> Quick view</a>
</div>
<figcaption class="info-wrap">
<h6 class="title text-dots"><a href="#">Good item name</a></h6>
<div class="action-wrap">
<a href="#" class="btn btn-primary btn-sm float-right"> Order </a>
<div class="price-wrap h5">
<span class="price-new">$1280</span>
<del class="price-old">$1980</del>
</div>
</div>
</figcaption>
</figure>
</div>
<div class="col-md-3">
<figure class="card card-product">
<div class="img-wrap"> <img src="https://s9.postimg.org/4ooze1tof/image.jpg"
<a class="btn-overlay" href="#"><i class="fa fa-search-plus"></i> Quick view</a>
</div>
<figcaption class="info-wrap">
<h6 class="title text-dots"><a href="#">The name of product</a></h6>
<div class="action-wrap">