"other tour list"
Bootstrap 3.0.0 Snippet by jeevan123456

<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="white_bg"> <div class="container margin_60"> <div class="main_title"> <h2>Other <span>Popular</span> tours</h2> <p> Quisque at tortor a libero posuere laoreet vitae sed arcu. Curabitur consequat. </p> </div> <div class="row add_bottom_45"> <div class="col-md-4 other_tours text-center"> <ul> <li><a href="#">Tour Eiffel<span class="other_tours_price">$42</span></a> </li> <li><a href="#">Shopping tour<span class="other_tours_price">$35</span></a> </li> <li><a href="#">Versailles tour<span class="other_tours_price">$20</span></a> </li> <li><a href="#">Montparnasse skyline<span class="other_tours_price">$26</span></a> </li> <li><a href="#">Pompidue<span class="other_tours_price">$26</span></a> </li> <li><a href="#">Senna River tour<span class="other_tours_price">$32</span></a> </li> </ul> </div> <div class="col-md-4 other_tours text-center"> <ul> <li><a href="#">Notredame<span class="other_tours_price">$48</span></a> </li> <li><a href="#">Lafaiette<span class="other_tours_price">$55</span></a> </li> <li><a href="#">Trocadero<span class="other_tours_price">$76</span></a> </li> <li><a href="#">Open Bus tour<span class="other_tours_price">$55</span></a> </li> <li><a href="#">Louvre museum<span class="other_tours_price">$24</span></a> </li> <li><a href="#">Madlene Cathedral<span class="other_tours_price">$24</span></a> </li> </ul> </div> <div class="col-md-4 other_tours text-center"> <ul> <li><a href="#">Montparnasse<span class="other_tours_price">$36</span></a> </li> <li><a href="#">D'Orsey museum<span class="other_tours_price">$28</span></a> </li> <li><a href="#">Gioconda Louvre musuem<span class="other_tours_price">$44</span></a> </li> <li><a href="#">Tour Eiffel<span class="other_tours_price">$56</span></a> </li> <li><a href="#">Ladefanse<span class="other_tours_price">$16</span></a> </li> <li><a href="#">Notredame<span class="other_tours_price">$26</span></a> </li> </ul> </div> </div> <!-- End row --> <div class="row"> <div class="col-md-3 col-sm-6 text-center"> <p> <a href="#"><img src="http://www.ansonika.com/citytours/color_4/img/bus.jpg" alt="Pic" class="img-responsive"></a> </p> <h4><span>Sightseen tour</span> booking</h4> <p> Lorem ipsum dolor sit amet, vix erat audiam ei. Cum doctus civibus efficiantur in. Nec id tempor imperdiet deterruisset, doctus volumus explicari qui ex. </p> </div> <div class="col-md-3 col-sm-6 text-center"> <p> <a href="#"><img src="http://www.ansonika.com/citytours/color_4/img/bus.jpg" alt="Pic" class="img-responsive"></a> </p> <h4><span>Transfer</span> booking</h4> <p> Lorem ipsum dolor sit amet, vix erat audiam ei. Cum doctus civibus efficiantur in. Nec id tempor imperdiet deterruisset, doctus volumus explicari qui ex. </p> </div> <div class="col-md-3 col-sm-6 text-center"> <p> <a href="#"><img src="http://www.ansonika.com/citytours/color_4/img/bus.jpg" alt="Pic" class="img-responsive"></a> </p> <h4><span>Tour guide</span> booking</h4> <p> Lorem ipsum dolor sit amet, vix erat audiam ei. Cum doctus civibus efficiantur in. Nec id tempor imperdiet deterruisset, doctus volumus explicari qui ex. </p> </div> <div class="col-md-3 col-sm-6 text-center"> <p> <a href="#"><img src="http://www.ansonika.com/citytours/color_4/img/bus.jpg" alt="Pic" class="img-responsive"></a> </p> <h4><span>Hotel</span> booking</h4> <p> Lorem ipsum dolor sit amet, vix erat audiam ei. Cum doctus civibus efficiantur in. Nec id tempor imperdiet deterruisset, doctus volumus explicari qui ex. </p> </div> </div> <!-- End row --> </div> <!-- End container --> </div>
.white_bg { background-color: #fff; } .margin_60 { padding-top: 60px; padding-bottom: 60px; } .main_title { text-align: center; font-size: 16px; margin-bottom: 30px; } .main_title h2 { text-transform: uppercase; font-weight: 700; letter-spacing: -1px; font-size: 30px; margin-bottom: 0; margin-top: 0; } h2 span, h3 span, h4 span, h5 span, h6 span { color: #f7941d; } .other_tours ul li a:hover { color: #f7941d; } .other_tours ul li a { border-bottom: 1px solid #ededed; padding: 5px 0 10px; display: block; color: #333; } .add_bottom_45 { margin-bottom: 45px; } .other_tours ul { padding: 0; margin: 0; } .other_tours ul li a i { font-size: 22px; margin-right: 5px; margin-left: 2px; top: 5px; color: #555; } .other_tours ul { list-style: none; }
background: url(../img/shadow_tour.png) left bottom repeat-x;

Related: See More


Questions / Comments: