<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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">
<div class="offer_list">
<div class="col-md-6 card_box">
<div class="col-sm-4 col-xs-12 ">
<img src="https://cache-graphicslib.viator.com/graphicslib/thumbs360x240/2455/SITours/de-palm-island-passport-zum-paradies-aruba-in-oranjestad-245940.jpg" class="offer_img" />
</div>
<div class="col-sm-8 col-xs-12">
<h4>Lorem Impus</h4>
<p>
<b>Description :</b>
default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
</p>
</div>
<div class="clearfix"></div>
<div class="col-sm-4 col-xs-12 btn-div ">
<button class="btn btn-primary">Send Nofication...</button>
</div>
<div class="col-sm-8 col-xs-12 btn-div">
<button class="btn btn-primary">Edit</button>
<button class="btn btn-primary">Delete</button>
<button class="btn btn-primary">Dectivate</button>
</div>
</div>
</div>
</div>
</div>
