%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, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Boniface</title>
<!-- Custom fonts for this template-->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<!-- Custom styles for this template-->
<link rel="stylesheet" href="/css/app.css">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="assets/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/lib/animate/animate.min.css" rel="stylesheet">
<link href="assets/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="assets/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Main Stylesheet File -->
<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%;
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: #000;
font-weight: 800;
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;
}
.banner{
position:relative;
width:100%;
height:100vh;
background:url('assets/img/bg.jpg');
background-size:cover;
background-position:bottom;
display:flex;
justify-content:center;
align-items:center;
}
.banner #text{
position:relative;
font-size:12em;
color:#fff;
}
.banner .clouds {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
pointer-events:none;
}
.banner .clouds img{
position:absolute;
bottom:0;
max-width:100%;
animation: animate calc(3s * var(--i)) linear infinite;
}
@keyframes animate
{
0%
{
opacity:0;
transform:scale(1);
}
25%,75%
{
opacity:1;
}
100%
{
opacity:0;
transform:scale(3);
}
}
.container-fluid-masonry {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.m-image{
padding-top: 10px;
}
.container-fluid-masonry img {
width: 100%;
height: auto;
transition: all .2s ease-in-out;
}
.container-fluid-masonry img:hover {
transform: scale(0.97);
}
.container-fluid-masonry .col-md-4 {
padding-right: 0px;
}
.destinations{
padding-top: 8%;
padding-bottom: 8%;
text-align: center;
}
.destinations h2{
text-align: center;
font-weight: 800;
font-size: 2em;
color: #013147;
}
.check_box input[type="checkbox"]
{
margin-right: 50px;
}
#yourdiv{
padding-top: 2%;
}
#yourdiv2{
padding-top: 2%;
}
.check_box{
font-size: 16px;
}
.destinations input {
margin: 5px;
}
#header {
padding: 0px 0;
height: 92px;
position: relative;
left: 0;
top: 0;
right: 0;
transition: all 0.5s;
z-index: 997;
}
.nav-menu a {
padding: 0 8px 10px 8px;
text-decoration: none;
display: inline-block;
color: #000;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
outline: none;
}
</style>
</head>
<header id="header">
<div class="container-fluid">
<div id="logo" class="pull-left">
<a href="/"> <img src="assets/img/logo.png"></a>
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li><a href="/">Home</a></li>
<li class="menu-active" ><a href="/aboutus">About Us</a></li>
<li><a href="/tour-packages">Tour Packages</a></li>
<li><a href="/customized-holidays">Customized Holidays</a></li>
<li><a href="/contactus">Contact Us</a></li>
</ul>
</nav><!-- #nav-menu-container -->
</div>
</header><!-- #header -->
<body id="page-top">
<div class="" id="app">
<div class="vertical-menu">
<a href="/contactus" class="active call" > <i class="fa fa-phone" style="font-size:30px;padding-bottom: 10%;"></i><br></a>
<a href="https://www.facebook.com/Bonifacetoursandtravels" class="active facebook" > <i class="fa fa-facebook" style="font-size:30px;padding-bottom: 10%;"></i><br></a>
<a href="https://www.instagram.com/bonifacetoursntravels/?hl=en" class="active instagram" > <i class="fa fa-instagram" style="font-size:30px;padding-bottom: 10%;"></i><br></a>
</div>
<button type="button" class="scroll-top">Go to Top</button>
<img src="/images/bg1.jpg" width="100%">
</section><!-- #intro -->
<div class="balloon"><img src="assets/img/balloon.png"></div>
<!--==========================
Featured Services Section
============================-->
<section id="featured-services">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3>About Us</h3>
<p>Founders Rudolf James and Neelu Terrence discovered their mutual love of travel right from day one of their married lives. The couple have travelled extensively and it was on yet another adventure in a far corner of the globe that the idea for a traveller friendly service took root. On the 19th of August 2019, the couple christened their travel brand <b>‘BONIFACE TOURS & TRAVELS’</b>. The intention behind the brand was to not only provide outstanding travel packages and customer service but also to heighten the incredible sense of discovery that the world has in store. Customization was the key word the founders centred their business around, making each travel experience exceptionally unique and immensely indelible. A diverse services portfolio, efficient travel associates and a sound travel package design has helped them carve a niche in the hearts of ardent travellers everywhere. </p>
</div>
</div>
</div>
</section><!-- #featured-services -->
<!--==========================
About Us Section
============================-->
<!--==========================
Services Section
============================-->
<section>
<div class="container">
<div class="row">
<div class="col-md-3">
<img src="/images/abt-1.jpg" width="100%">
</div>
<div class="col-md-3">
<img src="/images/abt-2.jpg" width="100%">
</div>
<div class="col-md-3">
<img src="/images/abt-3.jpg" width="100%">
</div>
<div class="col-md-3">
<img src="/images/abt-4.jpg" width="100%">
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="row">
<div class="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 class="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 class="col">
<h2>Domestic Tours</h2>
<ul>
<li>Kerala tour packages</li>
<li>Goa tour package</li>
<li>Kashmir tour package</li>
<li>Leh tour packages</li>
<li>Shimla packages</li>
</ul>
</div>
<div class="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>
</div><!--end div -->
<!-- Bootstrap core JavaScript-->
<script src="<?php echo e(asset('js/app.js')); ?>"></script>
</body>
</html>
<?php /**PATH C:\laravel-projects\boniface\resources\views/aboutus.blade.php ENDPATH**/ ?>
Zerion Mini Shell 1.0