<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="item-listing small-padding-bg">
<div class="container">
<div class="row">
<div class="col-md-3"> <img src="http://rn53themes.net/themes/demo/directory/images/services/s1.jpeg" alt="">
</div>
<div class="col-md-9 home-list-pop-desc inn-list-pop-desc"> <a href="listing-details.html"><h3>Packers and Movers</h3></a>
<h4>Express Avenue Mall, Los Angeles</h4>
<p><b>Address:</b> 28800 Orchard Lake Road, Suite 180 Farmington Hills, U.S.A.</p>
<div class="list-number ">
<ul>
<li><img src="images/icon/phone.png" alt=""> +01 1245 2541, +62 6541 6528</li>
<li><img src="images/icon/mail.png" alt=""> localdir@webdir.com</li>
</ul>
</div>
<div class="list-enquiry">
<ul>
<li class="btn btn-md btn-warning"><a href="#!"><i class="fa fa-star-o" aria-hidden="true"></i> Write Review</a> </li>
<li class="btn btn-md btn-warning"><a href="#!"><i class="fa fa-commenting-o" aria-hidden="true"></i> Send SMS</a> </li>
<li class="btn btn-md btn-warning"><a href="#!"><i class="fa fa-phone" aria-hidden="true"></i> Call Now</a> </li>
<li class="btn btn-md btn-warning"><a href="#!" data-dismiss="modal" data-toggle="modal" data-target="#list-quo"><i class="fa fa-usd" aria-hidden="true"></i> Get Quotes</a> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
.list-number li {
margin-right: 5px;
margin-left: 0px;
top: 5px;
display:inline-block;
}
.list-enquiry li {
margin-right: 5px;
margin-left: 0px;
margin-bottom:5px;
top: 15px;
display:inline-block;
}
img{width:80%;}
.small-padding-bg {
box-shadow: 3px 3px 5px #c2c2c2, -3px -3px 5px #c2c2c2;
}
.btn {
border-radius: 2px;
border: 0;
transition: .2s ease-out;
color: #fff;
margin: 6px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.btn:hover {
color: #fff;
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn:active, .btn:focus, .btn.active {
outline: 0;
color: #fff;
}
/*Warning*/
.btn-warning {
background: #FF8800;
}
.btn-warning:hover, .btn-warning:focus {
background-color: #ff961f !important;
}
.btn-warning.active {
background-color: #cc8800 !important;
}
