<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container mb-5 mt-5">
<div class="pricing card-deck flex-column flex-md-row mb-3">
<div class="card card-pricing popular shadow text-center px-3 mb-4">
<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-warning text-white shadow-sm">Featured</span>
<div class="bg-transparent card-header pt-4 border-0">
<img src="http://iwantfishing.com/images/icons/game.png" height="32" width="32">
<img src="http://iwantfishing.com/images/icons/spinrods.jpg" height="32" width="32">
</div>
<div class="card-body pt-0">
<div class="list-group pb-5">
<a class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between">
<h7 class="mb-1"><strong>Title</strong></h7>
</div>
<p class="mb-1 text-capitalize-m offer-title">Hardy 12ft Fly Rod</p>
</a>
<a class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between">
<h7 class="mb-1"><strong>Condition</strong></h7>
</div>
<img src="http://iwantfishing.com/images/icons/icons8-used-product-40.png" height="32" width="32">
</a>
<a class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between">
<h7 class="mb-1"><strong>Offers Received</strong></h7>
</div>
<img src="http://iwantfishing.com/images/icons/icons8-price-tag-40.png" height="32" width="32">
</a>
</div>
<button type="button" class="btn btn-success mb-3">Make an Offer</button>
</div>
