%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Boniface</title>
<!-- Bootstrap -->
<link href="<?php echo base_url().'assets/';?>css/bootstrap.min.css" rel="stylesheet">
<link href="<?php echo base_url().'assets/';?>css/main.css" rel="stylesheet">
<!-- Style CSS -->
<link href="<?php echo base_url().'assets/';?>css/style2.css" rel="stylesheet">
<link href="<?php echo base_url().'assets/';?>css/style.css" rel="stylesheet">
<link href = "https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel = "stylesheet">
<!-- Google Fonts -->
<link href="<?php echo base_url().'assets/';?>https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<!-- FontAwesome icon -->
<link href="<?php echo base_url().'assets/';?>fontawesome/css/fontawesome-all.css" rel="stylesheet">
<!-- Fontello icon -->
<link href="<?php echo base_url().'assets/';?>fontello/css/fontello.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<style>
#loading
{
text-align:center;
background: url('<?php echo base_url(); ?>asset/images/loader.gif') no-repeat center;
height: 150px;
}
</style>
</head>
<body>
<!-- header-top -->
<header id="header2">
<div class="container">
<div id="logo" class="pull-left">
<a href="<?php echo base_url();?>"> <img src="<?php echo base_url().'assets/';?>img/logo2.png"></a>
<!-- 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 -->
<!--/.header-top -->
<!-- header -->
<!-- page-header -->
<div class="page-headers">
<div class="container">
<div class="row">
<div class="col-md-12 col-md-offset-0 s014 listingsearch">
<form>
<div class="inner-form">
<div class="left">
<div class="input-wrap first">
<div class="input-field first">
<input type="text" placeholder="Starting From" />
</div>
</div>
<div class="input-wrap second">
<div class="input-field second">
<input type="text" placeholder="Going to" />
</div>
</div>
</div>
<button class="btn-search" type="button">SEARCH</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<!-- sidebar-section -->
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
<div class="list-group">
<h3>Price</h3>
<input type="hidden" id="hidden_minimum_price" value="0" />
<input type="hidden" id="hidden_maximum_price" value="65000" />
<p id="price_show">1000 - 65000</p>
<div id="price_range"></div>
</div>
<div class="list-group">
<h3>Activities</h3>
<?php
foreach($brand_data->result_array() as $row)
{
?>
<div class="list-group-item checkbox">
<label><input type="checkbox" class="common_selector brand" value="<?php echo $row['themes']; ?>" > <?php echo $row['themes']; ?></label>
</div>
<?php
}
?>
</div>
<!-- <div class="list-group">
<h3>Hotel Category</h3>
<?php
foreach($ram_data->result_array() as $row)
{
?>
<div class="list-group-item checkbox">
<label><input type="checkbox" class="common_selector ram" value="<?php echo $row['hotel_category']; ?>" > <?php echo $row['hotel_category']; ?> Star</label>
</div>
<?php
}
?>
</div> -->
</div>
<!-- /.sidebar-section -->
<div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 col-12">
<h3>Amazing <?=$theme?> Packages</h3>
<br />
<div class="filter_data">
</div>
</div>
</div>
<!-- paginations -->
<!-- /.paginations -->
</div>
</div>
<!-- social-media-section -->
<div class="social-media-block">
<div class="container">
<div class="row">
<div class="col-xl-7 col-lg-7 col-md-6 col-sm-12 col-12">
<h3 class="text-white mb0 mt10">Would you like to connect with us</h3>
</div>
<div class="col-xl-5 col-lg-5 col-md-6 col-sm-12 col-12 text-right">
<div class="social-icons">
<a href="<?php echo base_url().'assets/';?>#" class="icon-square"><i class="fab fa-facebook-f"></i></a>
<a href="<?php echo base_url().'assets/';?>#" class="icon-square"><i class="fab fa-twitter"></i> </a>
<a href="<?php echo base_url().'assets/';?>#" class="icon-square"><i class="fab fa-google-plus-g"></i></a>
<a href="<?php echo base_url().'assets/';?>#" class="icon-square"><i class="fab fa-instagram"></i></a>
<a href="<?php echo base_url().'assets/';?>#" class="icon-square"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- /.social-media-section -->
<!-- footer-section -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
<!-- footer-widget -->
<div class="footer-widget">
<h3 class="widget-title">
About Us
</h3>
<ul class="listnone">
<li><a href="">Flight Booking</a></li>
<li><a href="">Holiday Booking</a></li>
<li><a href="">Hotel Booking</a></li>
<li><a href="">Bus Booking</a></li>
<li><a href="">Visa Bookking</a></li>
</ul>
</div>
</div>
<!-- /.footer-widget -->
<!-- footer-widget -->
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12">
<div class="footer-widget">
<h3 class="widget-title">
Domestic Tours
</h3>
<ul class="listnone">
<li><a href="">Kashmir Holiday Packages</a></li>
<li><a href="">Leh Ladakh Packages</a></li>
<li><a href="">Goa Holidays</a></li>
<li><a href="">Andaman Holidays</a></li>
<li><a href="">Kerala Tour Packages</a></li>
<li><a href="">Himachal packages</a></li>
</ul>
</div>
</div>
<!-- /.footer-widget -->
<!-- footer-widget -->
<div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 col-12">
<div class="footer-widget">
<h3 class="widget-title">
International Tours
</h3>
<ul class="listnone">
<li>Dubai tour packages</li>
<li><a href="">Malaysia tour package</a></li>
<li><a href="">Singapore tour package</a></li>
<li><a href="">Thailand tour packages</a></li>
<li><a href="">Bali packages</a></li>
<li><a href="">Srilanka tour package</a></li>
<li><a href="">Europe tour packages</a></li>
<li><a href="">Mauritius packages</a></li>
<li><a href="">Maldives packages</a></li>
</ul>
</div>
</div>
<!-- /.footer-widget -->
<!-- /.footer-widget -->
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12">
<div class="footer-widget">
</div>
</div>
<!-- /.footer-widget -->
</div>
</div>
</div>
<!-- tiny-footer-section -->
<div class="tiny-footer">
<div class="container">
<div class="row">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-right">
<p>© 2020 Boniface. All Rights Reserved.</p>
</div>
</div>
</div>
</div>
<style>
#loading
{
text-align:center;
background: url('<?php echo base_url(); ?>assets/images/loader2.gif') no-repeat center;
height: 150px;
}
</style>
<script>
$(document).ready(function(){
function checekWithValue(val) {
$(":checkbox").filter(function() {
return this.value == val;
}).prop("checked", "true");
}
var theme='<?=$theme?>';
checekWithValue(theme);
filter_data(1);
function filter_data(page)
{
$('.filter_data').html('<div id="loading" style="" ></div>');
var action = 'fetch_data';
var minimum_price = $('#hidden_minimum_price').val();
var maximum_price = $('#hidden_maximum_price').val();
var brand = get_filter('brand');
var city=1;
$.ajax({
url:"<?php echo base_url(); ?>Themes/fetch_data/"+page,
method:"POST",
dataType:"JSON",
data:{action:action, minimum_price:minimum_price, maximum_price:maximum_price, brand:brand,city:city },
success:function(data)
{
$('.filter_data').html(data.product_list);
$('#pagination_link').html(data.pagination_link);
}
})
}
function get_filter(class_name)
{
var filter = [];
$('.'+class_name+':checked').each(function(){
filter.push($(this).val());
});
return filter;
}
$(document).on('click', '.pagination li a', function(event){
event.preventDefault();
var page = $(this).data('ci-pagination-page');
filter_data(page);
});
$('.common_selector').click(function(){
filter_data(1);
});
$('#price_range').slider({
range:true,
min:1000,
max:65000,
values:[1000,65000],
step:500,
stop:function(event, ui)
{
$('#price_show').html(ui.values[0] + ' - ' + ui.values[1]);
$('#hidden_minimum_price').val(ui.values[0]);
$('#hidden_maximum_price').val(ui.values[1]);
filter_data(1);
}
});
});
</script>
</body>
</html>
Zerion Mini Shell 1.0