%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">
<!-- =======================================================
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;
}
.serv{
padding-top:1%;
}
#navbar {
overflow: hidden;
background-color: #ffc30f;
}
/* Navbar links */
#navbar a {
float: left;
display: block;
color: #000;
text-align: center;
padding: 14px;
text-decoration: none;
font-weight: bold;
}
/* Page content */
.content {
padding: 16px;
}
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
position: fixed;
top: 0;
width: 100%;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
padding-top: 60px;
}
html {
scroll-behavior: smooth;
}
.contactbbanner{
background: url('assets/images/contactus-banner.jpg');
height:200px;
}
.contactform{
width: 80%;
border: 1px solid #eaeae9;
padding: 25px;
}
</style>
</head>
<body>
<!--==========================
Header
============================-->
<header id="headers">
<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();?>Welcome">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="container-fluid contactbbanner">
</div>
<!--==========================
Featured Services Section
============================-->
<section id="hotelbooking">
<div class="container serv">
<div class="row">
<div class="col-md-6">
<img src="assets/images/trip.jpg">
<div class="contact">
<h3 class="f16p fw9 mb4">Corporate Office</h3><p class="f14p">Boniface Travels & Tours <br>Santhinagar Shopping Complex Santhinagar,Press Road Statue <br>Trivandrum-695005</p>
</div>
</div>
<div class="col-md-6">
<div class="contactform">
<form>
<h3>Send as a message</h3>
<div class="form-group">
<label>Name</label>
<input type="text" name="user_id" class="form-control">
</div>
<div class="form-group">
<label>Email</label>
<input type="text" name="user_id" class="form-control">
</div>
<div class="form-group">
<label>Phone</label>
<input type="text" name="user_id" class="form-control">
</div>
<div class="form-group">
<label>Message</label>
<input type="text" name="user_id" class="form-control">
</div>
<button type="submit" class="btn btn-success">Send</button>
</form>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<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>
</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 -->
<script>
$("#navbar").find("a").click(function(e) {
e.preventDefault();
var section = $(this).attr("href");
$("html, body").animate({
scrollTop: $(section).offset().top
});
});
</script>
<!-- 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-carousel2').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:3
}
}
})
</script>
</body>
</html>
Zerion Mini Shell 1.0