%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Boniface</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicons -->
<link href="<?php echo base_url().'assets/';?>img/favicon.png" rel="icon">
<link href="<?php echo base_url().'assets/';?>img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="<?php echo base_url().'assets/';?>https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700" rel="stylesheet">
<!-- Bootstrap CSS File -->
<link href="<?php echo base_url().'assets/';?>lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="<?php echo base_url().'assets/';?>lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="<?php echo base_url().'assets/';?>lib/animate/animate.min.css" rel="stylesheet">
<link href="<?php echo base_url().'assets/';?>lib/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="<?php echo base_url().'assets/';?>lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="<?php echo base_url().'assets/';?>lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Main Stylesheet File -->
<link href="<?php echo base_url().'assets/';?>css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<!-- =======================================================
Theme Name: BizPage
Theme URL: https://bootstrapmade.com/bizpage-bootstrap-business-template/
Author: BootstrapMade.com
License: https://bootstrapmade.com/license/
======================================================= -->
<style>
* { box-sizing: border-box; }
.full{
width: 100%;
margin-right: auto;
margin-left: auto;
}
.owl-prev .owl-next{
display:none;
}
.wrapper {
max-width: 60rem;
width: 100%;
margin: 150px auto;
}
.tabs {
position: relative;
margin: 3rem 0;
background: #fff;
height: 9.75rem;;
opacity: 0.9;
}
.tabs::before,
.tabs::after {
content: "";
display: table;
}
.tabs::after { clear: both; }
.tab { float: left; }
.tab-switch { display: none; }
.tab-label {
position: relative;
display: block;
line-height: 2.75em;
height: 3em;
padding: 0 1.618em;
background: #fff;
border-right: 0.125rem solid #eaeeee;
color: #000;
cursor: pointer;
top: 0;
transition: all 0.25s;
}
.tab-label:hover {
top: -0.25rem;
transition: all 0.25s;
}
.tab-content {
padding: 1.618rem;
background: #fff;
color: #2c3e50;
height: 7rem;
position: absolute;
z-index: 1;
top: 2.75em;
left: 0;
opacity: 0;
transition: all 0.35s;
border-top: 1px solid #eaeeee;
}
.tab-switch:checked + .tab-label {
background: #ffc30f;
color: #2c3e50;
border-bottom: 0;
border-right: 0.0625rem solid #fff;
transition: all 0.35s;
z-index: 2;
top: -0.0625rem;
}
.tab-switch:checked + .tab-label:hover { top: -0.0625rem; }
.tab-switch:checked + .tab-label + .tab-content {
opacity: 1;
transition: all 0.35s;
z-index: 3;
}
.soverlay{
padding: 10px;
font-family: Arial;
z-index: 990;
margin: auto;
width: 80%;
height: 300px;
position: absolute;
top: 4%;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.form-inline label{
justify-content: left;
}
.input_wrapper {
padding-right: 20px;
}
.input_wrapper label{
color:#999;
font-weight: 400;
display: block;
font-size: 14px;
font-family: Rubik,sans-serif;
}
.form-inline button{
min-width: 110px;
height: 40px;
padding: 0 15px;
background:#ffc30f;;
white-space: nowrap;
border-radius: 3px;
font-size: 16px;
color:#000;
transition: all .2s ease-out, color .2s ease-out;
border: 0;
cursor: pointer;
font-weight: 400;
font-family: 'Poppins', sans-serif;
margin-left: 10px;
}
.input_wrapper input{
border:0;
outline: 0;
border-bottom: 1px solid #e0e0e1;
width: 157px;
}
.slantedDivA{
position: relative;
width: 100%;
height: auto;
background: rgba(40, 40, 40, 1);
box-sizing: border-box;
padding: 30px;
color: #fff;
margin-bottom: 200px;
}
.slantedDivA:after{
position: absolute;
width: 100%;
height: 100%;
content: '';
background: inherit;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform-origin: top left;
transform: skewY(4deg);
}
.carousel-indicators{
display:none;
}
.ui-widget.ui-widget-content {
border: 1px solid #d3d3d3;
z-index: 9999;
}
#owl-one h4{
font-size:15px;
font-weight: bold;
padding-top: 10px;
}
.vertical-menu {
width: 60px;
position: fixed;
z-index: 5;
right: 0;
margin-top: 15%;
}
.vertical-menu a {
display: block;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
text-align: center;
font-size: 12px;
}
.call{
background-color: #f9c11e;
color: #fff;
}
.scroll-top{
position: fixed;
bottom: 10px;
right: 10px;
z-index: 99;
background: red;
color: #fff;
border-radius: 30px;
padding: 15px;
font-weight: bold;
line-height: normal;
border: none;
}
.actived{
display:none;
}
.facebook {
background: #3B5998;
color: white;
}
.youtube {
background: #bb0000;
color: white;
}
.instagram{
background: linear-gradient(45deg,#405DE6,#5851DB,#833AB4,#C13584,#E1306C,#Fd1d1d);
color:#fff;
}
</style>
</head>
<body>
<!--==========================
Header
============================-->
<header id="header">
<div class="container-fluid">
<div id="logo" class="pull-left">
<img src="<?php echo base_url().'assets/';?>img/logo.png">
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="<?php echo base_url().'assets/';?>#intro"><img src="<?php echo base_url().'assets/';?>img/logo.png" alt="" title="" /></a>-->
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li class="menu-active"><a href="<?php echo base_url().'assets/';?>#intro">Home</a></li>
<li><a href="<?php echo base_url().'assets/';?>#about">About Us</a></li>
<li><a href="<?php echo base_url().'assets/';?>#services">Tour Packages</a>
<ul>
<li><a href="<?php echo base_url().'assets/';?>#">International Packages</a></li>
<li><a href="<?php echo base_url().'assets/';?>#">Domestic Packages</a></li>
</ul>
</li>
<li><a href="<?php echo base_url().'assets/';?>#portfolio">Blog</a></li>
<li><a href="<?php echo base_url().'assets/';?>#team">Contact Us</a></li>
</ul>
</nav><!-- #nav-menu-container -->
</div>
</header><!-- #header -->
<!--==========================
Intro Section
============================-->
<div class="vertical-menu">
<a href="#" class="active call" onmouseover="openNav()" data-toggle="modal" data-target="#myModal"> <i class="fa fa-phone" style="font-size:30px;padding-bottom: 10%;"></i><br></a>
<a href="#" class="active facebook" > <i class="fa fa-facebook" style="font-size:30px;padding-bottom: 10%;"></i><br></a>
<a href="#" class="active instagram" > <i class="fa fa-instagram" style="font-size:30px;padding-bottom: 10%;"></i><br></a>
<a href="#" class="active youtube" > <i class="fa fa-youtube" style="font-size:30px;padding-bottom: 10%;"></i><br></a>
</div>
<button type="button" class="scroll-top">Go to Top</button>
<section id="intro">
<div class="intro-container">
<div class="soverlay">
<div class="wrapper">
<div class="tabs">
<div class="tab">
<input type="radio" name="css-tabs" id="tab-1" checked class="tab-switch">
<label for="tab-1" class="tab-label"><img src="<?php echo base_url().'assets/';?>images/flight.png">Flight</label>
<div class="tab-content">
<form class="form-inline" action="/action_page.php">
<div class="input_wrapper">
<label>From:</label>
<div class="select1_inner">
<input type="from" id="from" placeholder="" name="from">
</div>
</div>
<div class="input_wrapper">
<label>To:</label>
<div class="select1_inner">
<input type="to" id="to" placeholder="" name="to">
</div>
</div>
<div class="input_wrapper">
<label>Date:</label>
<div class="select1_inner">
<input type="Date" id="date" placeholder="" name="DATE">
</div>
</div>
<div class="input_wrapper">
<label>Travellers:</label>
<div class="select1_inner">
<input type="text" id="date" placeholder="" name="DATE">
</div>
</div>
<button type="submit">Submit</button>
</form>
</div>
</div>
<div class="tab">
<input type="radio" name="css-tabs" id="tab-2" class="tab-switch">
<label for="tab-2" class="tab-label"><img src="<?php echo base_url().'assets/';?>images/balloon.png">Holidays</label>
<div class="tab-content">
<form class="form-inline" method="post" action="<?=base_url()?>Listing/search">
<div class="input_wrapper">
<label>From:</label>
<div class="select1_inner">
<input type="text" id="speciality" name="speciality" placeholder="" required>
<input type="hidden" id="speciality_id" name="speciality_id">
</div>
</div>
<div class="input_wrapper">
<label>To:</label>
<div class="select1_inner">
<input type="text" id="city" name="city" placeholder="" required>
<input type="hidden" id="city_id" name="city_id">
</div>
</div>
<!-- <div class="input_wrapper">
<label>Date (optional)</label>
<div class="select1_inner">
<input type="Date" id="date" placeholder="" name="DATE">
</div>
</div> -->
<button type="submit">Submit</button>
</form>
</div>
</div>
<div class="tab">
<input type="radio" name="css-tabs" id="tab-3" class="tab-switch">
<label for="tab-3" class="tab-label"><img src="<?php echo base_url().'assets/';?>images/passport.png">Visa</label>
<div class="tab-content">
<form class="form-inline" method="post" action="<?=base_url()?>Visa/search">
<div class="input_wrapper">
<label>Destination:</label>
<div class="select1_inner">
<select class="wide" name="visa">
<?php foreach ($icities as $icity) { ?>
<option value="<?=$icity['id']?>"><?=$icity['cities']?></option>
<?php } ?>
</select>
</div>
</div>
<div class="input_wrapper">
<label>Date:</label>
<div class="select1_inner">
<input type="Date" id="date" placeholder="" name="DATE">
</div>
</div>
<div class="input_wrapper">
<label>Travellers:</label>
<div class="select1_inner">
<input type="text" id="date" placeholder="" name="DATE">
</div>
</div>
<button type="submit">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div id="introCarousel" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators"></ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<div class="carousel-background"><img src="<?php echo base_url().'assets/';?>img/intro-carousel/1.jpg" alt=""></div>
<div class="carousel-container">
<div class="carousel-content">
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-background"><img src="<?php echo base_url().'assets/';?>img/intro-carousel/2.jpg" alt=""></div>
<div class="carousel-container">
<div class="carousel-content">
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-background"><img src="<?php echo base_url().'assets/';?>img/intro-carousel/3.jpg" alt=""></div>
<div class="carousel-container">
<div class="carousel-content">
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-background"><img src="<?php echo base_url().'assets/';?>img/intro-carousel/7.jpg" alt=""></div>
<div class="carousel-container">
<div class="carousel-content">
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="<?php echo base_url().'assets/';?>#introCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon ion-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="<?php echo base_url().'assets/';?>#introCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon ion-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section><!-- #intro -->
<main id="main">
<div class="balloon"><img src="<?php echo base_url().'assets/';?>img/balloon.png"></div>
<!--==========================
Featured Services Section
============================-->
<section id="offers">
<div class="container">
<div class="row">
<div class="col-lg-12 box">
<header class="section-header">
<br>
<h3>Special Offers</h3>
</header>
<div class="owl-carousel owl-theme" id="owl-one">
<?php foreach ($offers as $offer) { ?>
<div class="item"><a href="<?php echo base_url()?>Listing/offers/<?=$offer['city']?>"><img src="<?php echo base_url().'Admin/assets/';?>uploads/<?=$offer['image']?>"></a><h4><?=$offer['Offer']?></h4></div>
<?php } ?>
</div>
</div>
</div>
</div>
</section>
<section id="featured-services">
<div class="container">
<div class="row">
<div class="col-lg-12 box">
<header class="section-header">
<h3>Our Services</h3>
</header>
<div class="owl-carousel owl-theme">
<div class="item"><a href="<?php echo base_url()?>services#hotelbooking"><img src="<?php echo base_url().'assets/';?>img/services/1.png"></a><h4>Medical Tourism</h4></div>
<div class="item"><a href="<?php echo base_url()?>services#hotelbooking"><img src="<?php echo base_url().'assets/';?>img/services/2.png"></a><h4>Hotel Booking</h4></div>
<div class="item"><a href="<?php echo base_url()?>services#busbooking"><img src="<?php echo base_url().'assets/';?>img/services/3.png"></a><h4>Bus Ticketing</h4></div>
<div class="item"><a href="<?php echo base_url()?>services#passportrenewal"><img src="<?php echo base_url().'assets/';?>img/services/4.png"></a><h4>Passort renewal </h4></div>
<div class="item"><a href="<?php echo base_url()?>services#trainbooking"><img src="<?php echo base_url().'assets/';?>img/services/5.png"></a><h4>Train Ticketing</h4></div>
<div class="item"><a href="<?php echo base_url()?>services#housebbboat"><img src="<?php echo base_url().'assets/';?>img/services/6.png"></a><h4>House Boat</h4></div>
<div class="item"><a href="<?php echo base_url()?>services#travelinsurance"><img src="<?php echo base_url().'assets/';?>img/services/7.png"></a><h4>Travel Insurance</h4></div>
<div class="item"><img src="<?php echo base_url().'assets/';?>img/services/8.png"><h4>Holiday Packages</h4></div>
<div class="item"><a href="<?php echo base_url()?>Services#flightbooking"><img src="<?php echo base_url().'assets/';?>img/services/9.png"><h4>Air Ticketing</h4></a></div>
</div>
</div>
</div>
</div>
</section><!-- #featured-services -->
<!--==========================
About Us Section
============================-->
<section class="no-padding" id="portfolio">
<div class="container-fluid">
<header class="section-header headerheight">
<h3>Select Destinations by theme</h3>
</header>
<div class="row no-gutter">
<div class="col-lg-4 col-sm-6">
<a href="<?php echo base_url();?>Themes/view/Romantic" class="portfolio-box">
<img src="<?php echo base_url().'assets/';?>img/portfolio/1.jpg" width="100%" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Romantic
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="<?php echo base_url();?>Themes/view/Adventure" class="portfolio-box">
<img src="<?php echo base_url().'assets/';?>img/portfolio/2.jpg" width="100%" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Adventure
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="<?php echo base_url();?>Themes/view/Solo" class="portfolio-box">
<img src="<?php echo base_url().'assets/';?>img/portfolio/3.jpg" width="100%" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Solo Tours </div>
</div>
</div>
</a>
</div>
</div>
<div class="row no-gutter">
<div class="col-lg-4 col-sm-6">
<a href="<?php echo base_url();?>Themes/view/Nature" class="portfolio-box">
<img src="<?php echo base_url().'assets/';?>img/portfolio/4.jpg" width="100%" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Nature
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="<?php echo base_url();?>Themes/view/Camping" class="portfolio-box">
<img src="<?php echo base_url().'assets/';?>img/portfolio/5.jpg" width="100%" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Camping
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="<?php echo base_url();?>Themes/view/ThemeParks" class="portfolio-box">
<img src="<?php echo base_url().'assets/';?>img/portfolio/6.jpg" width="100%" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Theme Parks </div>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!--==========================
Services Section
<img src="<?php echo base_url().'assets/';?>img/bg1.jpg" alt="" class="img-fluid testimonial-img">
============================-->
<!--==========================
Clients Section
============================-->
<section id="testimonials" class="section-bg wow fadeInUp">
<div class="container">
<header class="section-header">
<h3>Testimonials</h3>
</header>
<div class="row about-cols">
<div class="col-md-4 wow fadeInUp">
<div class="about-col">
<div class="testimonial-item">
<img src="<?php echo base_url().'assets/';?>img/testimonial-1.jpg" alt="" class="img-fluid testimonial-img">
</div>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.1s">
<div class="about-col">
<div class="testimonial-item">
<img src="<?php echo base_url().'assets/';?>img/team-2.jpg" alt="" class="img-fluid testimonial-img">
</div>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.2s">
<div class="about-col">
<div class="testimonial-item">
<img src="<?php echo base_url().'assets/';?>img/team-1.jpg" alt="" class="img-fluid testimonial-img">
</div>
<p>
Nemo enim ipsam voluptatem quia voluptas sit aut odit aut fugit, sed quia magni dolores eos qui ratione voluptatem sequi nesciunt Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.
</p>
</div>
</div>
</div>
</div>
</section><!-- #testimonials -->
<!--==========================
Team Section
============================-->
<section id="abouts">
<div class="full ">
<header class="section-header">
<h3>Blog</h3>
</header>
<div class="row about-cols">
<div class="col-md-4 wow fadeInUp">
<div class="about-col">
<div class="img">
<img src="<?php echo base_url().'assets/';?>img/about-mission.jpg" alt="" class="img-fluid">
</div>
<h2 class="title"><a href="<?php echo base_url().'assets/';?>#">Girl’s Guide to Hiking Solo</a></h2>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.1s">
<div class="about-col">
<div class="img">
<img src="<?php echo base_url().'assets/';?>img/istanbul.jpg" alt="" class="img-fluid">
</div>
<h2 class="title"><a href="<?php echo base_url().'assets/';?>#">10 Offbeat Things to Do in Istanbul</a></h2>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
</div>
</div>
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.2s">
<div class="about-col">
<div class="img">
<img src="<?php echo base_url().'assets/';?>img/bali.jpg" alt="" class="img-fluid">
</div>
<h2 class="title"><a href="<?php echo base_url().'assets/';?>#">17 Things to See and Do in Bali</a></h2>
<p>
Nemo enim ipsam voluptatem quia voluptas sit aut odit aut fugit, sed quia magni dolores eos qui ratione voluptatem sequi nesciunt Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.
</p>
</div>
</div>
</div>
</div>
</section><!-- #about -->
<section id="clients" class="wow fadeInUp">
<div class="container">
<div class="row">
<div class="col-md-12">
<header class="section-header">
<h3>From Our Instagram</h3>
</header>
<div id="instagram-feed1" class="instagram_feed"></div>
</div>
</div>
</div>
<div class="container">
<header class="section-header">
<h3>From Our Instagram</h3>
</header>
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script src="<?php echo base_url().'assets/';?>js/jquery.instagramFeed.js"></script>
<script>
(function($){
$(window).on('load', function(){
$.instagramFeed({
'username': 'bonifacetoursntravels',
'container': "#instagram-feed1",
'display_gallery': true,
'display_profile': false,
'display_biography': false,
'callback': null,
'styling': true,
'items': 4,
'items_per_row': 4,
'margin': 1
});
// Show back to top button if distance from top > 0
$(window).scroll(function(){
var viewportTop = $(window).scrollTop() + $(window).height();
if($(window).scrollTop() > 10){
$('#btn-top').addClass('d-block');
$('#btn-top').removeClass('d-none');
}else{
$('#btn-top').addClass('d-none');
$('#btn-top').removeClass('d-block');
}
});
});
})(jQuery);
</script>
<div class="owl-carousel clients-carousel">
<img src="<?php echo base_url().'assets/';?>img/clients/client-1.png" alt="">
<img src="<?php echo base_url().'assets/';?>img/clients/client-2.png" alt="">
<img src="<?php echo base_url().'assets/';?>img/clients/client-3.png" alt="">
<img src="<?php echo base_url().'assets/';?>img/clients/client-1.png" alt="">
<img src="<?php echo base_url().'assets/';?>img/clients/client-2.png" alt="">
<img src="<?php echo base_url().'assets/';?>img/clients/client-3.png" alt="">
</div>
</div>
</section><!-- #clients -->
</main>
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<input type="hidden" name="lead_id" value="">
<div class="form-group">
<label>Name</label>
<input type="text" name="name" class="form-control" placeholder="" required>
</div>
<div class="form-group">
<label>Email</label>
<input type="text" name="description" class="form-control" placeholder="" required>
</div>
<div class="form-group">
<label>Phone</label>
<input type="text" name="description" class="form-control" placeholder="" required>
</div>
<div class="form-group">
<label>Travel Destination</label>
<input type="text" name="description" class="form-control" placeholder="" required>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success">Submit</button>
</div>
</div>
</div>
</div>
<footer id="footer">
<div class="row about-cols">
<div class="col-md-3 wow fadeInUp">
<div class="about-col">
<h2>About Us</h2>
<ul>
<li>Flight Booking</li>
<li>Hotel Booking</li>
<li>Holiday Booking</li>
<li>Bus Booking</li>
<li>Visa Booking</li>
</ul>
</div>
</div>
<div class="col-md-3 wow fadeInUp" data-wow-delay="0.1s">
<div class="about-col">
<h2>Domestic Tours</h2>
<ul>
<li>Kashmir Holiday Packages</li>
<li>Leh Ladakh Packages</li>
<li>Goa Holidays</li>
<li>Andaman Holidays</li>
<li>Kerala Tour Packages</li>
<li>Himachal packages</li>
</ul>
</div>
</div>
<div class="col-md-3 wow fadeInUp" data-wow-delay="0.2s">
<div class="about-col">
<h2>International Tours</h2>
<ul>
<li>Dubai tour packages</li>
<li>Malaysia tour package</li>
<li>Singapore tour package</li>
<li>Thailand tour packages</li>
<li>Bali packages</li>
<li>Srilanka tour package</li>
<li>Europe tour packages</li>
<li>Mauritius packages</li>
<li>Maldives packages</li>
</ul>
</div>
</div>
<div class="col-md-3 wow fadeInUp" data-wow-delay="0.2s">
<div class="about-col">
<h2>Visa</h2>
<ul>
<li>Dubai Visa</li>
<li>Singapore Visa</li>
<li>Malaysia Visa</li>
<li>Thailand Visa</li>
<li>Sri Lanka Visa</li>
<li>Schengen Visa</li>
<li>US Visa</li>
<li>UK Visa</li>
<li>China Visa</li>
<li>Australia Visa</li>
</ul>
</div>
</div>
</div>
</footer><!-- #footer -->
<a href="<?php echo base_url().'assets/';?>#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<!-- Uncomment below i you want to use a preloader -->
<!-- <div id="preloader"></div> -->
<!-- JavaScript Libraries -->
<script src="<?php echo base_url().'assets/';?>lib/jquery/jquery.min.js"></script>
<script src="<?php echo base_url().'assets/';?>lib/jquery/jquery-migrate.min.js"></script>
<script src="<?php echo base_url().'assets/';?>lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="<?php echo base_url().'assets/';?>lib/easing/easing.min.js"></script>
<script src="<?php echo base_url().'assets/';?>lib/superfish/hoverIntent.js"></script>
<script src="<?php echo base_url().'assets/';?>lib/superfish/superfish.min.js"></script>
<script src="<?php echo base_url().'assets/';?>lib/wow/wow.min.js"></script>
<script src="<?php echo base_url().'assets/';?>lib/waypoints/waypoints.min.js"></script>
<script src="<?php echo base_url().'assets/';?>lib/counterup/counterup.min.js"></script>
<script src="<?php echo base_url().'assets/';?>lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Contact Form JavaScript File -->
<!-- Template Main Javascript File -->
<script src="<?php echo base_url().'assets/';?>js/main.js"></script>
<script>
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:5
}
}
})
</script>
<script>
$('#owl-one').owlCarousel({
autoplay: true,
autoplayTimeout: 5000,
navigation: false,
margin: 10,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1000: {
items: 2
}
}
})
</script>
<script>
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:3
}
}
})
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- jQuery UI -->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
$( "#speciality" ).autocomplete({
source: function( request, response ) {
// Fetch data
$.ajax({
url: "<?=base_url()?>index.php/search/userList",
type: 'post',
dataType: "json",
data: {
search: request.term
},
success: function( data ) {
response( data );
}
});
},
select: function (event, ui) {
// Set selection
$('#speciality').val(ui.item.label);
$('#speciality_id').val(ui.item.value);
return false;
}
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$( "#city" ).autocomplete({
source: function( request, response ) {
// Fetch data
$.ajax({
url: "<?=base_url()?>index.php/search/holidaydestinations",
type: 'post',
dataType: "json",
data: {
search: request.term
},
success: function( data ) {
response( data );
}
});
},
select: function (event, ui) {
// Set selection
$('#city').val(ui.item.label);
$('#city_id').val(ui.item.value);
return false;
}
});
});
</script>
<script>
$(document).ready(function(){
$(window).on("scroll", function() {
if($(window).scrollTop() > 10) {
$(".scroll-top").removeClass("actived");
} else {
//remove the background property so it comes transparent again (defined in your css)
$(".scroll-top").addClass("actived");
}
});
$(".scroll-top").click(function() {
$("html, body").animate({
scrollTop: 0
}, "slow");
return false;
});
});
</script>
</body>
</html>
Zerion Mini Shell 1.0