Current File : /home/ugotscom/public_html/boniface/application/modules/services/views/welcome.php
<!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:5%;
padding-bottom:5%;
}
#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;
}
</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();?>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
============================-->
<img src="<?php echo base_url().'assets/';?>images/service-banner.jpg">
<!--==========================
Featured Services Section
============================-->
<div id="navbar">
<a href="#hotelbooking">Hotel Booking</a>
<a href="#flightbooking">Flight booking</a>
<a href="#busbooking">Bus Booking</a>
<a href="#passportrenewal">Passport Booking</a>
<a href="#houseboat">House Boat Booking</a>
<a href="#travelinsurance">Travel Insurance</a>
<a href="#travelinsurance">Holiday Packages</a>
</div>
<section id="hotelbooking">
<div class="container serv">
<div class="row">
<div class="col-md-6">
<img src="<?php echo base_url().'assets/';?>images/hotel-banner.jpg">
</div>
<div class="col-md-6">
<h2> Hotel Booking</h2>
<p>We offer exceptional Hotel Booking Services for Hotel Booking in India and Abroad. Our enormous services are predestined for a variety of destination across India to compose your travel and stay relaxed. For any destination in India we can book hotels for you. With our on line Hotel Bookings you may state your necessities and the most excellent potential Hotel reservation deal will be accessible to you. We request you to come and be a part of our relatives.
The accomplishment that we have achieved in our actions is attributable to the specialized skill and the sheer business acumen of our personnel’s for providing up to the mark Hotel Booking Services. Our main focus is basically on providing excellent .</p>
</div>
</div>
</div>
</section>
<section id="flightbooking">
<div class="container serv">
<div class="row">
<div class="col-md-6">
<h2> Flight Booking</h2>
<p>We offer exceptional Hotel Booking Services for Hotel Booking in India and Abroad. Our enormous services are predestined for a variety of destination across India to compose your travel and stay relaxed. For any destination in India we can book hotels for you. With our on line Hotel Bookings you may state your necessities and the most excellent potential Hotel reservation deal will be accessible to you. We request you to come and be a part of our relatives.
The accomplishment that we have achieved in our actions is attributable to the specialized skill and the sheer business acumen of our personnel’s for providing up to the mark Hotel Booking Services. Our main focus is basically on providing excellent .</p>
</div>
<div class="col-md-6">
<img src="<?php echo base_url().'assets/';?>images/flight-banner.jpg">
</div>
</div>
</div>
</section>
<section id="busbooking">
<div class="container serv">
<div class="row">
<div class="col-md-6">
<img src="<?php echo base_url().'assets/';?>images/bus-banner.jpg">
</div>
<div class="col-md-6">
<h2> Bus Booking</h2>
<p>We offer exceptional Hotel Booking Services for Hotel Booking in India and Abroad. Our enormous services are predestined for a variety of destination across India to compose your travel and stay relaxed. For any destination in India we can book hotels for you. With our on line Hotel Bookings you may state your necessities and the most excellent potential Hotel reservation deal will be accessible to you. We request you to come and be a part of our relatives.
The accomplishment that we have achieved in our actions is attributable to the specialized skill and the sheer business acumen of our personnel’s for providing up to the mark Hotel Booking Services. Our main focus is basically on providing excellent .</p>
</div>
</div>
</div>
</section>
<section id="busbooking">
<div class="container serv">
<div class="row">
<div class="col-md-6">
<h2> Train Booking</h2>
<p>We offer exceptional Hotel Booking Services for Hotel Booking in India and Abroad. Our enormous services are predestined for a variety of destination across India to compose your travel and stay relaxed. For any destination in India we can book hotels for you. With our on line Hotel Bookings you may state your necessities and the most excellent potential Hotel reservation deal will be accessible to you. We request you to come and be a part of our relatives.
The accomplishment that we have achieved in our actions is attributable to the specialized skill and the sheer business acumen of our personnel’s for providing up to the mark Hotel Booking Services. Our main focus is basically on providing excellent .</p>
</div>
<div class="col-md-6">
<img src="<?php echo base_url().'assets/';?>images/train-banner.jpg">
</div>
</div>
</div>
</section>
<section id="passportrenewal">
<div class="container serv">
<div class="row">
<div class="col-md-6">
<img src="<?php echo base_url().'assets/';?>images/passport-banner.jpg">
</div>
<div class="col-md-6">
<h2>Passport renewal</h2>
<p>We offer exceptional Hotel Booking Services for Hotel Booking in India and Abroad. Our enormous services are predestined for a variety of destination across India to compose your travel and stay relaxed. For any destination in India we can book hotels for you. With our on line Hotel Bookings you may state your necessities and the most excellent potential Hotel reservation deal will be accessible to you. We request you to come and be a part of our relatives.
The accomplishment that we have achieved in our actions is attributable to the specialized skill and the sheer business acumen of our personnel’s for providing up to the mark Hotel Booking Services. Our main focus is basically on providing excellent .</p>
</div>
</div>
</div>
</section>
<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 -->
<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>
Mini Shell