@extends('front.layouts.app')
@section('front-content')
<div class="fullpage">
<div class="fullpage-wrapper">
<div class="section active clearfix">
<div class="clip">
<div class="bg bg-bg-chrome act" style="background-image:url(https://carnivalguide.co/travel/img/home_6/slide_1.jpg)"></div>
</div>
<div class="vertical-align">
<div class="container">
<div class="row">
<div class="col-md-12 col-xs-12">
<div class="main-title">
<h4 class="category color-white-light">our best proposes</h4>
<h1>dubai <span class="color-red">-20% off</span><br>only this month</h1>
<p class="color-white-light">Curabitur nunc erat, consequat in erat ut, congue bibendum
nulla. Suspendisse id pharetra lacus, et hendrerit mi quis leo elementum. Lorem
ipsum dolor sit amet, labore et dolore magna aliqua.</p>
<a href="#" class="c-button b-60 bg-red hv-red-o delay-2"><span>view
more</span></a>
<a href="#" class="c-button b-60 bg-white hv-white-o delay-2"><span>contact
us</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section clearfix">
<div class="clip">
<div class="bg bg-bg-chrome act" style="background-image:url(https://carnivalguide.co/travel/img/home_6/slide_2.jpg)"></div>
</div>
<div class="vertical-align">
<div class="container">
<div class="row">
<div class="col-md-12 col-xs-12">
<div class="main-title right">
<h3 class="person_price color-red">from <strong>$600</strong> per person</h3>
<h1>bella italy tour</h1>
<div class="info-line">
<div class="info-line-bar">
<img src="https://carnivalguide.co/travel/img/home_2/tour_icon_1.png" alt="">
<span>35</span>
<h5>tours</h5>
</div>
<div class="info-line-bar">
<img src="https://carnivalguide.co/travel/img/home_2/tour_icon_2.png" alt="">
<span>24</span>
<h5>cities</h5>
</div>
<div class="info-line-bar">
<img src="https://carnivalguide.co/travel/img/home_2/tour_icon_3.png" alt="">
<span>90</span>
<h5>hotels</h5>
</div>
</div>
<p class="color-white-light">Curabitur nunc erat, consequat in erat ut, congue bibendum
nulla. Suspendisse id pharetra lacus, et hendrerit mi quis leo elementum. Lorem
ipsum dolor sit amet, labore et dolore magna aliqua.</p>
<div class="clearfix"></div>
<a href="#" class="c-button b-60 bg-white hv-white-o delay-2"><span>view
more</span></a>
<a href="#" class="c-button b-60 bg-tr-1 hv-red delay-2"><span>book now</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="change-slider-block">
<a class="change-slider active" href="https://carnivalguide.co/travel/img/home_6/slide_2.jpg"><img
class="preview-slider-image img-responsive radius-5" src="https://carnivalguide.co/travel/img/home_6/preview_1.jpg"
alt=""></a>
<a class="change-slider" href="https://carnivalguide.co/travel/img/home_6/slide_3.jpg"><img
class="preview-slider-image img-responsive radius-5" src="https://carnivalguide.co/travel/img/home_6/preview_2.jpg"
alt=""></a>
<a class="change-slider" href="https://carnivalguide.co/travel/img/home_6/slide_4.jpg"><img
class="preview-slider-image img-responsive radius-5" src="https://carnivalguide.co/travel/img/home_6/preview_3.jpg"
alt=""></a>
</div>
</div>
@include('front.templates.video-template')
<div class="section clearfix">
<div class="top-baner">
<div class="arrows">
<div class="swiper-container main-slider-5" data-autoplay="5000" data-loop="1" data-speed="900"
data-center="0" data-slides-per-view="1">
<div class="swiper-wrapper">
<div class="swiper-slide active" data-val="0">
<div class="full-height">
<div class="clip">
<div class="bg bg-bg-chrome act"
style="background-image:url(https://carnivalguide.co/travel/img/home_6/slide_6.jpg)"></div>
</div>
<div class="vertical-align">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-10 col-sm-offset-1">
<div class="main-title style-3 left">
<h4 class="category color-white-light">sea tours</h4>
<h1>popular sea tours</h1>
<div class="sb-price"><span>$500</span> / per person</div>
<div class="rate-wrap">
<div class="rate">
<span class="fa fa-star color-yellow"></span>
<span class="fa fa-star color-yellow"></span>
<span class="fa fa-star color-yellow"></span>
<span class="fa fa-star color-yellow"></span>
<span class="fa fa-star color-yellow"></span>
</div>
<i>485 Rewies</i>
</div>
<h2>Poconos resort</h2>
<h4 class="people-and-date color-white"><strong>2</strong>
adults, <strong>1</strong> kids / July <strong>19th</strong>
to July <strong>26th</strong></h4>
<div class="clearfix"></div>
<div class="comm-info">
<img src="https://carnivalguide.co/travel/img/home_2/people.png" alt="">
<div class="comm-info-txt">
<h5>inna lunoe</h5>
<p>“Nunc cursus libero purus ac congue arcu cursus ut
sed vitae pulvinar massa idporta nequetiam.”</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-val="1">
<div class="full-height">
<div class="clip">
<div class="bg bg-bg-chrome act"
style="background-image:url(https://carnivalguide.co/travel/img/home_6/slide_4.jpg)"></div>
</div>
<div class="vertical-align">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-10 col-sm-offset-1">
<div class="main-title style-3 left">
<h4 class="category color-white-light">sea tours</h4>
<h1>popular sea tours</h1>
<div class="sb-price"><span>$500</span> / per person</div>
<div class="rate-wrap">
<div class="rate">
<span class="fa fa-star color-yellow"></span>
<span class="fa fa-star color-yellow"></span>
<span class="fa fa-star color-yellow"></span>
<span class="fa fa-star color-yellow"></span>
<span class="fa fa-star color-yellow"></span>
</div>
<i>485 Rewies</i>
</div>
<h2>Poconos resort</h2>
<h4 class="people-and-date color-white"><strong>2</strong>
adults, <strong>1</strong> kids / July <strong>19th</strong>
to July <strong>26th</strong></h4>
<div class="clearfix"></div>
<div class="comm-info">
<img src="https://carnivalguide.co/travel/img/home_2/people.png" alt="">
<div class="comm-info-txt">
<h5>inna lunoe</h5>
<p>“Nunc cursus libero purus ac congue arcu cursus ut
sed vitae pulvinar massa idporta nequetiam.”</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pagination pagination-left poin-style-1"></div>
<div class="arrow-wrapp arr-s-1">
<div class="cont-1170">
<div class="swiper-arrow-left sw-arrow"><span class="fa fa-angle-left"></span></div>
<div class="swiper-arrow-right sw-arrow"><span class="fa fa-angle-right"></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section clearfix">
<div class="top-baner">
<div class="swiper-container main-slider-5" data-autoplay="5000" data-loop="1" data-speed="900"
data-center="0" data-slides-per-view="1">
<div class="swiper-wrapper">
<div class="swiper-slide active" data-val="0">
<div class="full-height">
<div class="clip">
<div class="bg bg-bg-chrome act"
style="background-image:url(https://carnivalguide.co/travel/img/home_6/slide_7.jpg)"></div>
</div>
<div class="vertical-align">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-10 col-sm-offset-1">
<div class="main-title style-4 right">
<h1>best hotel with<br>best price</h1>
<h2>FOUR SEASONS hotel</h2>
<div class="sb-price color-red"><span
class="color-white">$900</span> $750</div>
<p class="color-white-light">2 Place de la Défense, Puteaux, Paris,
France.</p>
<div class="clearfix"></div>
<a href="#"
class="c-button b-60 bg-red hv-red-o delay-2"><span>view
more</span></a>
<a href="#"
class="c-button b-60 bg-tr-1 hv-red delay-2"><span>book
now</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-val="1">
<div class="full-height">
<div class="clip">
<div class="bg bg-bg-chrome act"
style="background-image:url(https://carnivalguide.co/travel/img/home_6/slide_8.jpg)"></div>
</div>
<div class="vertical-align">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-10 col-sm-offset-1">
<div class="main-title style-4 right">
<h1>best hotel with<br>best price</h1>
<h2>FOUR SEASONS hotel</h2>
<div class="sb-price color-red"><span
class="color-white">$900</span> $750</div>
<p class="color-white-light">2 Place de la Défense, Puteaux, Paris,
France.</p>
<div class="clearfix"></div>
<a href="#"
class="c-button b-60 bg-red hv-red-o delay-2"><span>view
more</span></a>
<a href="#"
class="c-button b-60 bg-tr-1 hv-red delay-2"><span>book
now</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pagination vertical poin-style-1"></div>
</div>
</div>
</div>
<div class="section clearfix">
<div class="top-baner">
<div class="arrows">
<div class="swiper-container main-slider-5" data-autoplay="5000" data-loop="1" data-speed="900"
data-center="0" data-slides-per-view="1">
<div class="swiper-wrapper">
<div class="swiper-slide active" data-val="0">
<div class="full-height">
<div class="clip">
<div class="bg bg-bg-chrome act"
style="background-image:url(https://carnivalguide.co/travel/img/home_6/slide_9.jpg)"></div>
</div>
<div class="vertical-align">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-10 col-sm-offset-1">
<div class="main-title style-4">
<h4 class="category color-white">best offer</h4>
<h1 class="underline">fly with us!</h1>
<h2>every destination</h2>
<div class="main-date">from <strong>$100</strong> / one way
</div>
<div class="clearfix"></div>
<a href="#"
class="c-button b-60 bg-tr-1 hv-white delay-2"><span>view
more</span></a>
<a href="#"
class="c-button b-60 bg-tr-1 hv-red delay-2"><span>contact
us</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-val="1">
<div class="full-height">
<div class="clip">
<div class="bg bg-bg-chrome act"
style="background-image:url(https://carnivalguide.co/travel/img/home_6/slide_10.jpg)"></div>
</div>
<div class="vertical-align">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-10 col-sm-offset-1">
<div class="main-title style-4">
<h4 class="category color-white">best offer</h4>
<h1 class="underline">fly with us!</h1>
<h2>every destination</h2>
<div class="main-date">from <strong>$100</strong> / one way
</div>
<div class="clearfix"></div>
<a href="#"
class="c-button b-60 bg-tr-1 hv-white delay-2"><span>view
more</span></a>
<a href="#"
class="c-button b-60 bg-tr-1 hv-red delay-2"><span>contact
us</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pagination pagination-hidden poin-style-1"></div>
<div class="arrow-wrapp arr-s-1">
<div class="cont-1170">
<div class="swiper-arrow-left sw-arrow"><span class="fa fa-angle-left"></span></div>
<div class="swiper-arrow-right sw-arrow"><span class="fa fa-angle-right"></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="section footer bg-dark type-2">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="footer-block">
<img src="https://carnivalguide.co/travel/img/theme-1/logo.png" alt="" class="logo-footer">
<div class="f_text color-grey-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore magna aliqua. Ut aliquip ex ea commodo
consequat.</div>
<div class="footer-share">
<a href="#"><span class="fa fa-facebook"></span></a>
<a href="#"><span class="fa fa-twitter"></span></a>
<a href="#"><span class="fa fa-google-plus"></span></a>
<a href="#"><span class="fa fa-pinterest"></span></a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-sm-6 no-padding">
<div class="footer-block">
<h6>Travel News</h6>
<div class="f_news clearfix">
<a class="f_news-img black-hover" href="#">
<img class="img-responsive" src="https://carnivalguide.co/travel/img/home_6/news_1.jpg" alt="">
<div class="tour-layer delay-1"></div>
</a>
<div class="f_news-content">
<a class="f_news-tilte color-white link-red" href="#">amazing place</a>
<span class="date-f">Mar 18, 2015</span>
<a href="#" class="r-more">read more</a>
</div>
</div>
<div class="f_news clearfix">
<a class="f_news-img black-hover" href="#">
<img class="img-responsive" src="https://carnivalguide.co/travel/img/home_6/news_2.jpg" alt="">
<div class="tour-layer delay-1"></div>
</a>
<div class="f_news-content">
<a class="f_news-tilte color-white link-red" href="#">amazing place</a>
<span class="date-f">Mar 18, 2015</span>
<a href="#" class="r-more">read more</a>
</div>
</div>
<div class="f_news clearfix">
<a class="f_news-img black-hover" href="#">
<img class="img-responsive" src="https://carnivalguide.co/travel/img/home_6/news_1.jpg" alt="">
<div class="tour-layer delay-1"></div>
</a>
<div class="f_news-content">
<a class="f_news-tilte color-white link-red" href="#">amazing place</a>
<span class="date-f">Mar 18, 2015</span>
<a href="#" class="r-more">read more</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="footer-block">
<h6>Tags:</h6>
<a href="#" class="tags-b">flights</a>
<a href="#" class="tags-b">traveling</a>
<a href="#" class="tags-b">sale</a>
<a href="#" class="tags-b">cruises</a>
<a href="#" class="tags-b">cars</a>
<a href="#" class="tags-b">hotels</a>
<a href="#" class="tags-b">tours</a>
<a href="#" class="tags-b">booking</a>
<a href="#" class="tags-b">countries</a>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="footer-block">
<h6>Contact Info</h6>
<div class="contact-info">
<div class="contact-line color-grey-3"><i class="fa fa-map-marker"></i><span>Aenean
vulputate porttitor</span></div>
<div class="contact-line color-grey-3"><i class="fa fa-phone"></i><a
href="tel:93123456789">+93 123 456 789</a></div>
<div class="contact-line color-grey-3"><i class="fa fa-envelope-o"></i><a
href="mailto:">letstravel@mail.com</a></div>
<div class="contact-line color-grey-3"><i class="fa fa-globe"></i><a
href="#">let’s_travel@world.com</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-link bg-black">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="copyright">
<span>© 2015 All rights reserved. LET'STRAVEL</span>
</div>
<ul>
<li><a class="link-aqua" href="#">Privacy Policy </a></li>
<li><a class="link-aqua" href="#">About Us</a></li>
<li><a class="link-aqua" href="#">Support </a></li>
<li><a class="link-aqua" href="#">FAQ</a></li>
<li><a class="link-aqua" href="#">Blog</a></li>
<li><a class="link-aqua" href="#"> Forum</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
<div class="video-player">
<div class="video-iframe">
<iframe class="box-size" src="#"></iframe>
</div>
<img src="https://carnivalguide.co/travel/img/home_2/close.png" alt="close" class="close-iframe">
</div>
@endsection