"Untitled"
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="//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 ----------> <div class="container"> <div class="row"> <div class="col-xs-12 "> <nav> <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist"> <a class="nav-item nav-link active" id="nav-family-tab" data-toggle="tab" href="#nav-family" role="tab" aria-controls="nav-family" aria-selected="true">Family Promise</a> <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Company Profile</a> <a class="nav-item nav-link" id="nav-why-tab" data-toggle="tab" href="#nav-why" role="tab" aria-controls="nav-why" aria-selected="false">Why Indior Tours</a> <a class="nav-item nav-link" id="nav-guest-tab" data-toggle="tab" href="#nav-guest" role="tab" aria-controls="nav-guest" aria-selected="false">Guest Corner</a> </div> </nav> <div class="tab-content py-3 px-3 px-sm-0" id="nav-tabContent"> <div class="tab-pane fade show active" id="nav-family" role="tabpanel" aria-labelledby="nav-family-tab"> <h2 class="font-weight-bold mb-3 black-text">From Family To Famliy.</h2> <p class=""><strong>Dear Guest,</strong></p><p class="mb-0">Thank you for your continued support and the confidence that you have placed in us. As we build the foundation of success, we completely recognize the trust you place in us and with your continuous support, we assure to maintain our best-in-class service.</p><p class="mb-0">We are greatly humbled and honoured to be receiving the recognation for Destination Management Company for Indian Subcontinent and for Outstanding Performance in Tourism Sector and Domestic Tour Operator.</p><p class="mb-0">For Indior Tours Family, you are the centre of everything we do. Thus with every tour, we ensure working tirelessly to meet and outstrip your expectation in an enjoyable and responsible way.</p> <h4 class="col-md-auto">Innovations are what Indior Tours loves Creating!!!</h4><p class="col-md-auto">Indior Tours provides more than 50 group tour products for Europe, almost 50 products for South East Asia, exclusive special tours for ladies, students, senior citizens, and trips to exotic destinations for newlyweds. Besides, we follow a continuous research for new products, themes and a range of travel upgradations that helps us serve the best to our guests.</p><p class="col-md-auto">Whether it's a corporate tour, romantic delight, adventurous junkies or just a <a rel="dofollow" href="https://www.indior.tours/Speciality-Tours/Weekend-Break-Tours" target="_blank"><strong>Weekend Getaways </strong></a>, we have ample of tour choices to suit the most of your taste, requirement and budget. So Hurry up and book a Holiday with Indior Tours!</p> </div> <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab"> <div class="well text-center ng-scope"><h3>Vision</h3><p>"Indior Tours-The World Class Travel Company, Spreading Smiles and Happiness..."</p><h3>Mission</h3><p>"Indior Tours is passionately committed to Total Quality Travel, with continual delivery of value added services. We uphold the highest ethical standards and believe in creating new benchmarks in the industry."</p></div><p class="ng-scope">Indior Tours strongly believes and follows the concept of Kaizen i.e."change for the better”. It refers to the philosophy of continuous improvement of working practices to provide prompt and quality services with complete guest satisfaction. Being aware of travelers' ever-evolving needs, we always ensure to cater unique destination concepts, which have been acknowledged as innovations in the Indian Tourism Industry. So, if you are planning a trip- just let us know the details of your travel period, budget and desired destinations & we'll plan and organize for you the Most Memorable Holiday!</p><p class="ng-scope"><strong class="text-primary">Popular Family Tours:</strong> Indior Tours started its journey by conducting family tours to Indian destinations and then to destinations worldwide. Today Indior Tours offers the largest number of <a href="https://www.indiori.tours/Group-Tours" target="_blank"><strong>Family Tour </strong></a>options in the Indian tourism industry with more than 60 options for Europe, more than 80 options for <a href="https://www.indiori.tours/World-Tours/South-East-Asia-Tours" target="_blank"><strong>South East Asia</strong></a>, 115 in India, and more than 70 in the rest of the world, not to forget 224 types of <strong>Unique Speciality Tours</strong> like <a href="https://www.indiori.tours/Speciality-Tours/My-Fair-Lady-Tours" target="_blank"><strong>My Fair Lady</strong></a> for Ladies, <a href="https://www.indiori.tours/Speciality-Tours/Honeymoon-Special-Tours" target=" _blank"><strong>Honeymoon Tours</strong></a> for the newly weds, <a href="https://www.indiori.tours/Speciality-Tours/Marigold-Tours" target="_blank"><strong>Pilgrimage Tours</strong></a> Pilgrimage Tours by Marigold, Exclusive Tours for Seniors known as <a href="https://www.indiori.tours/Speciality-Tours/Second-Innings-Tours" target="_blank"><strong>Second Innings</strong></a>, <a href="https://www.indiori.tours/Speciality-Tours/Student-Special-Tours" target=" _blank"><strong>Students' Special tours</strong></a>, Chota Break – the escorted short tours and Agro tours</p><p class="ng-scope"><strong class="text-primary">Tailormade Holidays:</strong> A division of Indior Tours, caters to the needs of the individual traveller. These are customized or tailor-made holiday packages created for you, 'As you like it', to destinations worldwide.</p><p class="ng-scope"><strong class="text-primary">Indior Tours MICE:</strong> A division of Indior Tours caters to the corporate travel needs of companies mainly for Meetings, Incentives, Conferences and Exhibitions.</p><p class="ng-scope"><strong class="text-primary">Economy Tours:</strong> This division of Indior Tours, created with the idea of giving an opportunity to every Indian, with a budget constraint but a passion to travel, within India and around the world. These cost-saver tours are becoming very popular since the past few years.</p><p class="ng-scope"><strong class="text-primary">Indior Tours Forex:</strong> An Authorised Dealer - Category II, awarded by Reserve Bank of India. Indior Tours Forex tries to fulfil all the currency & remittance needs of Indians travelling abroad for various purposes such as Private visit, Business visit, Higher Education, Medical treatment, Emigration , Employment & more.</p><p class="ng-scope"><strong class="text-primary">Indior Tours Inbound:</strong> India's favourite outbound tour operator now also offers Inbound operations. Indior Tours India, winner of many National and International Tourism awards, offers you a variety of packages - with reasonable prices, meals, no hidden costs and much more.</p> </div> <div class="tab-pane fade" id="nav-why" role="tabpanel" aria-labelledby="nav-why-tab"> <h2 class="ng-scope">Why Indior Tours... because Indior Tours means Lot More that too in Your Price</h2><ul class="bullet-list list-unstyled mb-0 ng-scope"><li>One Line Tour Price, Always All Inclusive. No Additions - No Confusion, No Hidden Costs.</li><li>No Advertising Gimmicks. No Optional Sightseeing. No Extra Expenses to be paid on tour.</li><li>Driver and Guide Tip Included in the tour price.</li><li>Guarantee of ‘Carry Zero Money On Tour’.</li><li>As per the tour category, Best Quality Hotels which are appreciated by traveled guests.</li><li>Comfortable AC Luxury Coaches, Maximum sightseeing included.</li><li>Delicious Indian Meals, Breakfast, Lunch, Dinner -all Meals Included.</li><li>Lots of Extra Toppings like Ice cream, soft drinks... etc. on tour, special Snack Hamper at the airport.</li><li>Complimentary Bag at the time of final payment.</li><li>Lots of Entertainment on tour, hassle-free travel.</li><li>Professional & Caring Tour Leader throughout the tour.</li><li>Thousands of Satisfied Tourists year after year, every year.</li><li>First Travel Company in India certified for ISO 9001:2015 & OHSAS18001:2007.</li><li>Brand Range of World Wide Tours.</li><li>Tours suitable for Every duration consisting of 3 to 40 days with many combinations.</li><li>Tours suitable for Every Budget, starting from 5 thousand to 10 lakh.</li><li>Tours for Every Lifestyle - luxury tours, upgraded tours, cost saver tours, Tailor made Holidays.</li><li>Tours suitable for Every Age Group, from 7 to 70 years of age.</li><li>Tours Designed for Special Groups like students, seniors, honeymooners, ladies, corporate and so on.</li><li>Pioneer of most popular Ladies Special tour ‘My Fair Lady'.</li><li>Largest Tour Operator for South East Asia, Europe, Himachal, Kashmir and Kerala.</li><li>A family of 1000 Dedicated Indior Tourians including 500 Exclusive Tour Leaders to serve you.</li><li>Recipient of many National and International Tourism Awards including the most recent ‘Best Out bound Tour Operator of India By Times. Lifetime Achievement Award - Delhi’, ‘Asia's Best Brand in Travel Segment Award - Singapore’ and ‘Friends of Thailand Award - Bangkok.'</li></ul> </div> <div class="tab-pane fade" id="nav-guest" role="tabpanel" aria-labelledby="nav-guest-tab"> <h3 class="box-title-with-border-bottom">Testimonials</h3></h6> <div class="media text-muted pt-3"> <img data-src="holder.js/32x32?theme=thumb&bg=007bff&fg=007bff&size=1" alt="32x32" class="mr-2 rounded" style="width: 32px; height: 32px;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_16a86d1852a%20text%20%7B%20fill%3A%23007bff%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A2pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_16a86d1852a%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23007bff%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2212.166666746139526%22%20y%3D%2216.9%22%3E32x32%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true"> <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray"> <strong class="d-block text-gray-dark">@username</strong> Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p> </div> <div class="media text-muted pt-3"> <img data-src="holder.js/32x32?theme=thumb&bg=e83e8c&fg=e83e8c&size=1" alt="32x32" class="mr-2 rounded" style="width: 32px; height: 32px;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_16a86d1852f%20text%20%7B%20fill%3A%23e83e8c%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A2pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_16a86d1852f%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23e83e8c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2212.166666746139526%22%20y%3D%2216.9%22%3E32x32%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true"> <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray"> <strong class="d-block text-gray-dark">@username</strong> Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p> </div> <div class="media text-muted pt-3"> <img data-src="holder.js/32x32?theme=thumb&bg=6f42c1&fg=6f42c1&size=1" alt="32x32" class="mr-2 rounded" style="width: 32px; height: 32px;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_16a86d18531%20text%20%7B%20fill%3A%236f42c1%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A2pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_16a86d18531%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%236f42c1%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2212.166666746139526%22%20y%3D%2216.9%22%3E32x32%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true"> <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray"> <strong class="d-block text-gray-dark">@username</strong> Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p> </div> </div> </div> </div> </div> </div> </div>
nav > .nav.nav-tabs{ border: none; color:#fff; background:#203989; border-radius:0; } nav > div a.nav-item.nav-link, nav > div a.nav-item.nav-link.active { border: none; padding: 18px 25px; color:#fff; background:#203989; border-radius:0; } nav > div a.nav-item.nav-link.active:after { content: ""; position: relative; bottom: -60px; left: -10%; border: 15px solid transparent; border-top-color: #e74c3c ; } .tab-content{ background: #fdfdfd; line-height: 25px; border: 1px solid #ddd; border-top:5px solid #fc6600; border-bottom:5px solid #fc6600; padding:30px 25px; } nav > div a.nav-item.nav-link:hover, nav > div a.nav-item.nav-link:focus { border: none; background: #fc6600; color:#fff; border-radius:0; transition:background 0.20s linear; }

Related: See More


Questions / Comments: