%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/3vfm3/storage/framework/views/
Upload File :
Create Path :
Current File : /home/ugotscom/3vfm3/storage/framework/views/5b42da88b8f32ea54f00c0903535d9d48c876f3a.php

<!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.css" rel="stylesheet">
<link href="assets/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/lib/owlcarousel/assets/owl.carousel.default.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: 65rem;
  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: 100%;
position: absolute;
top: 2%;

}
.form-inline label{
justify-content: left;
}
.input_wrapper {
    padding-right: 9px;
}
.input_wrapper label{
  color: #000;
font-weight: 800;
display: block;
font-size: 14px;
font-family: Rubik,sans-serif;
justify-content: left !important;
}
.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: 140px;
}
#ftext {
    font-size: 18px;
    font-weight: 700;
}
#ftext2 {
    font-size: 18px;
    font-weight: 700;
}
.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: 9999;
    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;
}
@media  only screen and (max-width: 600px) {
  .banner #text{
position:relative;
font-size:6em;
color:#fff;
}
.balloon{
  display:none;
}
.tabs {
  position: relative;
  margin: 3rem 0;
  background: #fff;
  height: 18.75rem;
  opacity: 0.9;
}
}
@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;
}
.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}
</style>
</head>

<body id="page-top">
<div class="" id="app">
<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 class="menu-active"><a href="/">Home</a></li>
          <li><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 -->

  <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  onclick="topFunction()" id="myBtn" class="scroll-top">Go to Top</button>    
 <section id="intro">
    <div class="intro-container">
      <div class="soverlay">
         <div class="wrapper">
         <example-component></example-component>
  
      </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="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="assets/img/intro-carousel/7.jpg" alt=""></div>
            <div class="carousel-container">
              <div class="carousel-content">
           
              </div>
            </div>
          </div>


       <div class="carousel-item">
            <div class="carousel-background"><img src="assets/img/intro-carousel/8.jpg" alt=""></div>
            <div class="carousel-container">
              <div class="carousel-content">
               
              </div>
            </div>
          </div>

        </div>

        <a class="carousel-control-prev" href="" 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="" 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 -->
  <div class="balloon"><img src="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">

   <div class="item"><a href="/packageDetails/18"><img src="images/offer2.jpg" class="img-respopnsive"></a></div>
   <div class="item"><a href="/packageDetails/10"><img src="images/offer3.jpg" class="img-respopnsive"></a></div>
   <div class="item"><a href="/packageDetails/11"><img src="images/offer4.jpg" class="img-respopnsive"></a></div>
  <div class="item"><a href="/packageDetails/9"><img src="images/offer5.jpg" class="img-respopnsive"></a></div>
  <div class="item"><a href="/packageDetails/9"><img src="images/1.png" class="img-respopnsive"></a><h4></h4></div>
   <div class="item"><a href=""><img src="images/offer2.jpg" class="img-respopnsive"></a></div>
   <div class="item"><a href="/packageDetails/10"><img src="images/offer3.jpg" class="img-respopnsive"></a></div>
   <div class="item"><a href="/packageDetails/11"><img src="images/offer4.jpg" class="img-respopnsive"></a></div>
  <div class="item"><a href="/packageDetails/9"><img src="images/offer5.jpg" class="img-respopnsive"></a></div>
</div>

</div>
</div>
</section>

    <section id="featured-services">
      <div class="container">
        <div class="row">
          <div class="col-md-6">
        
          <h3>Our Services</h3>
      <p>Travel and experiences go hand in hand. With our comprehensive list of customized services, we at Boniface Tours and Travels ensure a wonderful experience every time you travel. Apart from attractively priced travel packages, flights and hotel booking, visa services and travel insurance, we go one step further with customization. Upon request, we can further customize your travel with suggestions for best tourist spots, hidden local gems, delightful food joints and entertainment. Furthermore, we can pre book tickets to tourist attractions and arrange local transport cards or coupons so that you enjoy a stress free holiday free of inconveniences.  </p>
      </div>
            <div class="col-md-6">
<div class="row">
<div class="col-md-3 col-6">
 <img src="assets/img/services/1.png">
 <h4>Medical Tourism</h4>
</div>
<div class="col-md-3 col-6">
 <img src="assets/img/services/2.png">
 <h4>Hotel Booking</h4>
</div>
<div class="col-md-3 col-6">
  <img src="assets/img/services/3.png">
  <h4>Bus Booking</h4>
</div>
<div class="col-md-3 col-6">
  <img src="assets/img/services/4.png">
  <h4>Passport Renewal</h4>
</div>
</div>
<div class="row">
<div class="col-md-3 col-6">
 <img src="assets/img/services/5.png">
 <h4>Train Booking</h4>
</div>
<div class="col-md-3 col-6">
 <img src="assets/img/services/6.png">
  <h4>Houseboat Booking</h4>
</div>
<div class="col-md-3 col-6">
  <img src="assets/img/services/8.png">
   <h4>Holiday Booking</h4>
</div>
<div class="col-md-3 col-6">
  <img src="assets/img/services/9.png">
   <h4>Flight Booking</h4>
</div>
</div>
          </div>


        </div>
      </div>
    </section><!-- #featured-services -->

    <!--==========================
      About Us Section
    ============================-->

    <!--==========================
      Services Section
    ============================-->
   
   
   


    <!--==========================
      Clients Section
    ============================-->
<div class="banner">
  <h2 id="text">EXPLORE</h2>
  <div class="clouds">
    <img src="assets/img/cloud1.png" style="--i:1;">
    <img src="assets/img/cloud2.png" style="--i:2;">
    <img src="assets/img/cloud3.png" style="--i:3;">
    <img src="assets/img/cloud4.png" style="--i:4;">
    <img src="assets/img/cloud5.png" style="--i:5;">
    <img src="assets/img/cloud1.png" style="--i:10;">
    <img src="assets/img/cloud2.png" style="--i:9;">
    <img src="assets/img/cloud3.png" style="--i:8;">
    <img src="assets/img/cloud4.png" style="--i:7;">
    <img src="assets/img/cloud5.png" style="--i:6;">
  </div>

</div>


<section id="themes" class="themes">
  <div class="container-fluid-masonry">
    <div class="row ">
      <div class="col-md-12">
    <h2>INSPIRING ADVENTURES</h2>
</div>
    </div>
    <div class="row">
      <div class="col-md-4">

     <a href="/themes/Experience"> <div><img src="assets/img/masonry/1.jpg" alt="" class="img-responsive"></div></a>
 <img src="assets/img/masonry/2.jpg" alt="" class="img-responsive m-image">
      </div>
          <div class="col-md-4">
         <a href="/themes/Romantic"> <img src="assets/img/masonry/3.jpg" alt="" class="img-responsive"></a>
         <a href="/themes/Eco"> <img src="assets/img/masonry/4.jpg" alt="" class="img-responsive m-image"></a>
      </div>
          <div class="col-md-4">
          <a href="/themes/Adventure"><img src="assets/img/masonry/5.jpg" alt="" class="img-responsive"></a>
 <img src="assets/img/masonry/6.jpg" alt="" class="img-responsive m-image">
      </div>
    </div>
  </div>
</section>
<!--<img src="assets/img/d-strip.jpg" alt="" class="img-responsive m-image">-->

<section class="destinations">
  <div class="container-fluid">
  <h2>Select Destinations</h2>
  <div id="myRadioGroup">
    International<input type="radio" name="cars" checked="checked" value="2"  />
   Domestic<input type="radio" name="cars" value="3" />

    <div id="Cars2" class="desc">
    <a href="/destination/10"><img src="assets/img/srilanka.jpg" class="img-respopnsive"></a>
  <a href="/destination/1"><img src="assets/img/thailand.jpg" class="img-respopnsive"></a>
  <a href=""><img src="assets/img/singapore.jpg" class="img-respopnsive"></a>
  <a href="/destination/5"><img src="assets/img/maldives.jpg" class="img-respopnsive"></a>
  <a href="/destination/3"><img src="assets/img/dubai.jpg" class="img-respopnsive"></a>
    </div>
    <div id="Cars3" class="desc" style="display: none;">
    <a href="/destination/1"><img src="assets/img/kashmir.jpg" class="img-respopnsive"></a>
  <a href="/destination/2"><img src="assets/img/kerala.jpg" class="img-respopnsive"></a>
  <a href="/destination/1"><img src="assets/img/rajasthan.jpg" class="img-respopnsive"></a>
  <a href="/destination/1"><img src="assets/img/sikkim.jpg" class="img-respopnsive"></a>
    </div>
</div>


</div>
  </div>
</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="assets/img/team-1.jpg" alt="" class="img-fluid testimonial-img">
     
     
    </div>

     <input type="checkbox" class="read-more-state" id="post-3">
    <p class="read-more-wrap">
       “Boniface Tours and Travels is an ideal and perfect one stop solution for all your travel requirements.<span class="read-more-target"> They are a very professionally managed group with a personal touch in each and every one of your requirements in the most cost effective way possible”
Our Maldives trip in April 2021 and many other trips were made and arranged through this group. We had a brilliant experience with Boniface. Right from the planning, to the inception and the eventuating stage, they were actively involved till we reached back safely. All requirements were very well taken care of in order to ensure hassle free travel experiences. All known and unknown requirements were very well addressed and catered to. Special mention to Smt. Susan George. Thank you to the Boniface Tours team for making our trip a memorable experience. Looking forward to many such trips along with your association”-
   </span></p>
      <label for="post-3" class="read-more-trigger"></label>
  </div>
</div>

<div class="col-md-4 wow fadeInUp" data-wow-delay="0.1s">
  <div class="about-col">
     <div class="testimonial-item">
      <img src="assets/img/team-2.jpg" alt="" class="img-fluid testimonial-img">
     
    </div>
     <input type="checkbox" class="read-more-state" id="post-2">
    <p class="read-more-wrap">
    "Singapore is a country we as a family love to visit. We have visited it mostly with other groups or with our extended family.<span class="read-more-target">Two years back we decided to finally have a proper vacation, with just the immediate family members. We were nervous as we had never been on our own before, especially with my 5 year old grandson in tow. Finding a good, reliable travel consultant to help us with the planning, ticketing and travel was a real hassle. A close friend recommended Boniface Tours and Travels. Being a young company we were a little hesitant but to this day I can tell you that we have never regretted our decision of planning our holiday with them. Forget the tourist attractions that skim the surface, the team offered " </span>  </p>
      <label for="post-2" class="read-more-trigger"></label>
  </div>
</div>

<div class="col-md-4 wow fadeInUp" data-wow-delay="0.2s">
  <div class="about-col">
    <div class="testimonial-item">
    <img src="assets/img/testimonial-1.jpg" alt="" class="img-fluid testimonial-img">
</div>

      <div>
<input type="checkbox" class="read-more-state" id="post-1">

<p class="read-more-wrap">We journeyed on a holiday, last in December 2019, to Bali. It was pre-covid era and we decided to use expertise <span class="read-more-target">when it came to a travel package as we were traveling with small children. After adequate research we chose Boniface Travels based on a friend’s recommendation. The decision was thoroughly justified. Starting from budgeting, booking of air tickets, planning of the 7 day itinerary, taxi and hotel bookings; everything was well organized and charted out professionally. Their service charges were quite economical for the competent service they provide. Thanu as a travel agent was very efficient with excellent proficiency in the aviation industry. We do look forward to etching many more travelogue memories in the future with Boniface travels, once traveling returns to near normal </span></p>

<label for="post-1" class="read-more-trigger"></label>
</div>

    </div>
    
  </div>
</div>

</div>
      </div>
    </section><!-- #testimonials -->

    <!--==========================
      Team Section
    ============================-->


    <tea></tea>

    <section id="clients" class="wow fadeInUp">
      <div class="container">
<div class="row">
<div class="col-md-12">
  <header class="section-header">
          <h3>BTT social media</h3>
        </header>
  <div id="instagram-feed1" class="instagram_feed"></div>
  <img src="assets/img/241773683_643646483707205_9075711385154163544_n.jpg">
  <img src="assets/img/241995701_641101063961747_1827494479191150461_n.jpg">
  <img src="assets/img/240586790_633875371350983_6195628099797340672_n.jpg">
  
</div>


</div>
</div>
      <div class="container">

     

  

      </div>
    </section><!-- #clients -->
 <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>


  <!-- Bootstrap core JavaScript-->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script type="text/javascript" src="<?php echo e(URL::asset('assets/lib/jquery/jquery.min.js')); ?>"></script>
   <script type="text/javascript" src="<?php echo e(URL::asset('assets/lib/owlcarousel/owl.carousel.min.js')); ?>"></script>
  <script>
  
  $('#owl-one').owlCarousel({
                  autoplay: true,
                  autoplayTimeout: 2000,
                  loop:true,
                  margin: 10,
                  responsive: {
                      0: {
                          items: 2
                      },
                      600: {
                          items: 2
                      },
                      1000: {
                          items: 5,                        
               
                      }
                  }
              })

              
    </script>
   <script>
     $(document).ready(function() {
    $("input[name$='cars']").click(function() {
        var test = $(this).val();

        $("div.desc").hide();
        $("#Cars" + test).show();
    });
});
     </script>


<script>
//Get the button
var mybutton = document.getElementById("myBtn");

// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    mybutton.style.display = "block";
  } else {
    mybutton.style.display = "none";
  }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
}
</script>
    
   <script src="<?php echo e(asset('js/app.js')); ?>"></script>
</body>

</html>
<?php /**PATH C:\laravel-projects\boniface\resources\views/home.blade.php ENDPATH**/ ?>

Zerion Mini Shell 1.0