"http://preview.themeforest.net/item/arent-real-estate-agency-html-template/full_screen_preview/19285597 Listing product Page"
Bootstrap 3.3.0 Snippet by jeevan123456

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="col-md-9"> <div class="row"> <div class="col-md-12"> <div class="listing-title"> <h4>Lorem Ipsum gipusum modern and beautiful crensonut </h4> </div> <div class="listing-image"> <img class="img-responsive" src="http://previews.aspirity.com/arent/pic/properties_img_4.jpg"> </div> <div class="listing-descri"> <div class="row"> <div class="col-md-4"> <h4>Product Features</h4> </div> <div class="col-md-8"> <p>Tempor porttitor ornare posuere ante porta feugiat euismod ut nullam etiam consectetur aenean nostra vehicula curabitur ut imperdiet curabitur primis diam condimentum, accumsan sapien euismod pulvinar bibendum consequat at ornare faucibus, porta venenatis augue habitasse curabitur.</p> </div> </div> </div> <hr> <div class="listing-timings"> <div class="row"> <div class="col-md-4"> <h4>Timings</h4> </div> <div class="col-md-3"> <ul class="list-unstyled"> <li><strong>Monday :</strong><span class="pull-right">Class Open</span></li> <li><strong>Tuesday :</strong><span class="pull-right">Class Open</span></li> <li><strong>Wednesday :</strong><span class="pull-right">Class Open</span></li> <li><strong>Thursday :</strong><span class="pull-right">Class Open</span></li> <li><strong>Friday :</strong><span class="pull-right">Class Open</span></li> <li><strong>Saturday :</strong><span class="pull-right">Class Open</span></li> </ul> </div> </div> </div> <hr> <div class="listing-category"> <div class="row"> <div class="col-md-4"> <h4>Category</h4> </div> <div class="col-md-8"> <ul class="list-inline list-unstyled"> <li><a href="#">Lorem</a></li> <li><a href="#">Lorem Ipsum</a></li> <li><a href="#">Lorem IPsum cardova</a></li> <li><a href="#">Lorem ipsum nextorsa cardooslva</a></li> </ul> </div> </div> </div> <hr> <div class="listing-action-btns"> <div class="row"> <div class="col-md-4"> <h4>.</h4> </div> <div class="col-md-8"> <button type="button" class="btn btn-default ">Call Now</button> <button type="button" class="btn btn-default ">Write Review</button> </div> </div> </div> </div> </div> </div> </div>
.listing-image img {height:200px; width:100%;}

Related: See More


Questions / Comments: