"Indior Tours"
Bootstrap 4.1.1 Snippet by divyalahad

<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//netdna.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.1/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-3.2.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="well"> <h1 class="text-center">Luxury Trains of India</h1> <div class="list-group"> <a href="#" class="list-group-item active"> <div class="media col-md-3"> <figure class="pull-left"> <img class="media-object img-rounded img-responsive" src="http://www.indiortours.in/images/royal-rajasthan-on-wheels-indior-tours.jpg?crc=5326296" alt="http://www.indiortours.in/the-royal-rajasthan-on-wheels.html" > </figure> </div> <div class="col-md-6"> <h4 class="list-group-item-heading"> <b>Royal Rajasthan on Wheels</b></h4> <b>INDIA</B> <p class="list-group-item-text"> <b>Visiting:</b> Delhi - Sawai Madhopur - Udaipur - Jaipur - Bharatpur- Fatehpur Sikri - Agra - Khajuraho - Varanasi - Delhi <p> The Royal Rajasthan on Wheels is designed and embroidered in a contemporary royal style to experience the existing regal luxury, taste a slice of royalty and enjoy a royal feast onboard, where every moment is woven together into an everlasting immemorial experience to be lived and cherished forever. <b>View itinerary.</b></p> </p> </div> <div class="col-md-3 text-center"> <p></p><p>7 Nights 8 Days</p> <h2><b>6055<small> <b>US$</b> </small></h2> <button type="button" class="btn btn-default btn-lg btn-block"> Book Now! </button> <div class="stars"> <p>7 Nights 8 Days</p></span> </div> <p> Average 4.5 <small> / </small> 5 </p> </div> </a> <a href="#" class="list-group-item"> <div class="media col-md-3"> <figure class="pull-left"> <img class="media-object img-rounded img-responsive" src="http://www.indiortours.in/images/palace-on-wheels-indior-tours.jpg?crc=4032788061" alt="placehold.it/350x250" > </figure> </div> <div class="col-md-6"> <h4 class="list-group-item-heading"> <b> Palace on Wheels </b></h4> <p class="list-group-item-text"> <b>Visiting:</b> Delhi - Jaipur - Jaisalmer- Jodhpur-Sawai Madhopur/Chittaurgarh-Bharatpur- Agra-Delhi <p> Surely there is no better way to experience the cultural heartland of India-Rajasthan and Agra in this luxurious train of Maharajas in 7 Nights / 8 Days...<b>View itinerary</b> </p> </div> <div class="col-md-3 text-center"> <h2> 6055 <small> US$ </small></h2> <button type="button" class="btn btn-primary btn-lg btn-block">Book Now!</button> <div class="stars"> <b>7 Nights/ 8 Days</b> </div> <p> Average 3.9 <small> / </small> 5 </p> </div> </a> <a href="#" class="list-group-item"> <div class="media col-md-3"> <figure class="pull-left"> <img class="media-object img-rounded img-responsive" src="http://www.indiortours.in/images/splendor-of-the-south-indior-tours.jpg?crc=3923629826" alt="placehold.it/350x250"> </figure> </div> <div class="col-md-6"> <h4 class="list-group-item-heading"> List group heading </h4> <p class="list-group-item-text"> Ut mea viris eripuit theophrastus, cu ponderum accusata consequuntur cum. Suas quaestio cotidieque pro ea. Nam nihil persecuti philosophia id, nam quot populo ea. Falli urbanitas ei pri, eu est enim volumus, mei no volutpat periculis. Est errem iudicabit cu. At usu vocibus officiis, ad ius eros tibique appellantur. </p> </div> <div class="col-md-3 text-center"> <h2> 13540 <small> votes </small></h2> <button type="button" class="btn btn-primary btn-lg btn-block">Vote Now!</button> <div class="stars"> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star-empty"></span> </div> <p> Average 4.1 <small> / </small> 5 </p> </div> </a> </div> </div> </div> </div>
a.list-group-item { height:auto; min-height:220px; } a.list-group-item.active small { color:#fff; } .stars { margin:20px auto 1px; }

Related: See More


Questions / Comments: