JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div class="row well">
<div class="col-sx-4 col-sm-4 col-md-4 col-lg-4">
<div class="row ">
<div class="col-sx-3 col-sm-3 col-md-3 col-lg-3">
<img src="https://i.imgur.com/REI71mX.png" />
</div>
<div class="col-sx-9 col-sm-9 col-md-9 col-lg-9">
<div class="textx">Free Delivery & Installation</div>
<p><span class="text2">Cover All Over Malaysia<span class="text2"></p>
</div>
</div>
</div> <div class="col-sx-4 col-sm-4 col-md-4 col-lg-4">
<div class="row ">
<div class="col-sx-3 col-sm-3 col-md-3 col-lg-3">
<img src="https://i.imgur.com/hy5YtMX.png" />
</div>
<div class="col-sx-9 col-sm-9 col-md-9 col-lg-9">
<div class="textx">10 Years Quality Guarantee</div>
<p><span class="text2">Every Item Is Built To Last</span></p>
</div>
</div>
</div>
<div class="col-sx-4 col-sm-4 col-md-4 col-lg-4">
<div class="row ">
<div class="col-sx-3 col-sm-3 col-md-3 col-lg-3">
<img src="https://i.imgur.com/oHea3XO.png" />
</div>
<div class="col-sx-9 col-sm-9 col-md-9 col-lg-9">
<div class="textx">0% Interest Instalment</div>
<p><span class="text2">Up to 12 Months</span></p>
</div>
</div>
</div>
</div>
CSS
h3 {
margin: 0;
}
.textx {
font-size: 14px;
font-weight: bold;
text-transform:uppercase;
}
.text2 {
font-size: 13px;
}