{{include}}header{{endinclude}}
                <!-- WRAPPER-->
                <div id="wrapper-content">
                    <!-- MAIN CONTENT-->
                    <div class="main-content">
                        <section class="page-banner homepage-default">
                            <div class="container">
                                <div class="homepage-banner-warpper">
                                    <div class="homepage-banner-content">
                                        <div class="group-title">
                                            <h1 class="title">discover</h1>
                                            <p class="text">The world you have never seen
                                                <span class="boder"></span>
                                            </p>
                                        </div>
                                        <!--<div class="group-btn">
                                            <a href="#" data-hover="Click for Tours" class="btn-click">
                                                <span class="text">go explore now</span>
                                                <span class="icons fa fa-long-arrow-right"></span>
                                            </a>
                                        </div>-->
                                    </div>
                                </div>
                            </div>
                        </section>
                        <section class="about-us layout-1 padding-top padding-bottom">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-7">
                                        <div class="group-title">
                                            <div class="sub-title">
                                                <p class="text">A world of Wonder</p>
                                                <i class="icons flaticon-people"></i>
                                            </div>
                                            <h2 class="main-title">{{page.home.title}}</h2>
                                        </div>
                                        <div class="about-us-wrapper">
                                            {{page.home.content}}
                                            <div class="group-button">
                                                <a href="about-us" class="btn">read more</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-5">
                                        <div data-wow-delay="0.5s" class="about-us-image wow zoomIn">
                                            <img src="{{image.homepage about.location}}" alt="" class="img-responsive">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                        <section class="tours padding-top padding-bottom">
                            <div class="container">
                                <div class="tours-wrapper">
                                    <div class="group-title">
                                        <div class="sub-title">
                                            <p class="text">PACK AND GO</p>
                                            <i class="icons flaticon-people"></i>
                                        </div>
                                        <h2 class="main-title">Awesome Tours</h2>
                                    </div>
                                    <div class="tours-content margin-top70">
                                        <div class="tours-list">
                                            {{repeat}}
											<div class="tours-layout">
                                                <div class="image-wrapper">
                                                    <a href="{{image.home tours.url}}" class="link">
                                                        <img src="{{image.home tours.location}}" alt="" class="img-responsive">
                                                    </a>
                                                    <div class="title-wrapper">
                                                        <a href="{{image.home tours.url}}" class="title">{{image.home tours.title}}</a>
                                                        <i class="icons flaticon-circle"></i>
                                                    </div>
                                                </div>
                                                <div class="content-wrapper">
                                                    <div class="content">
                                                        <p class="text">{{image.home tours.content}}</p>
                                                        <div class="group-btn-tours">
                                                            <a href="contact" class="left-btn">Book Now</a>
                                                            <a href="{{image.home tours.url}}" class="right-btn">Read More</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{endrepeat}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                        <section class="videos layout-1">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-5">
                                        <div class="video-wrapper padding-top padding-bottom">
                                            <h5 class="sub-title">{{page.home video.title}}</h5>
                                            <h2 class="title">Explore Sri Lanka</h2>
                                            {{page.home video.content}}
                                            <a href="magical-island-tour"
                                                class="btn btn-maincolor">read more</a>
                                        </div>
                                    </div>
                                    <div class="col-md-7">
                                        <div class="video-thumbnail">
                                            <div class="video-bg">
                                                <img src="assets/images/homepage/video-bg.webp" alt="" class="img-responsive">
                                            </div>
                                            <div class="video-button-play">
                                                <i class="icons fa fa-play"></i>
                                            </div>
                                            <div class="video-button-close"></div>
                                            <iframe src="https://www.youtube.com/embed/zpZI2oGPsio?rel=0" allowfullscreen="allowfullscreen" class="video-embed"></iframe>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                        <section class="hotels padding-top padding-bottom">
                            <div class="container">
                                <div class="hotels-wrapper">
                                    <div class="group-title">
                                        <div class="sub-title">
                                            <p class="text">GUARANTEED QUALITY</p>
                                            <i class="icons flaticon-people"></i>
                                        </div>
                                        <h2 class="main-title">Our Hotels</h2>
                                    </div>
                                    <div class="hotels-content margin-top70">
                                        <div class="row hotels-list">
											{{repeat}}
                                            <div class="col-sm-6">
                                                <div class="hotels-layout">
                                                    <div class="image-wrapper">
                                                        <a href="hotel" class="link">
                                                            <img src="{{image.home hotels.location}}" alt="" class="img-responsive">
                                                        </a>
                                                        <div class="title-wrapper">
                                                            <a href="hotel" class="title">{{image.home hotels.title}}</a>
                                                        </div>
                                                    </div>
                                                    <div class="content-wrapper">
                                                        <div class="content">
                                                            <div class="title">
                                                                <div class="price">
                                                                    <sup>$</sup>
                                                                    <span class="number">{{image.home hotels.url}}</span>
                                                                </div>
                                                                <p class="for-price">for two persons</p>
                                                            </div>
                                                            <p class="text">{{image.home hotels.content}}</p>
                                                            <div class="group-btn-tours">
                                                                <a href="contact" class="left-btn">Book now</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
											{{endrepeat}}
                                        </div>
                                        <a href="hotel" class="btn btn-transparent margin-top70">More Details</a>
                                    </div>
                                </div>
                            </div>
                        </section>
                        <section class="travelers">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="traveler-wrapper padding-top padding-bottom">
                                            <div class="group-title white">
                                                <div class="sub-title">
                                                    <p class="text">RELAX AND ENJOY</p>
                                                    <i class="icons flaticon-people"></i>
                                                </div>
                                                <h2 class="main-title">Happy Travelers</h2>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="traveler-list">
											{{repeat}}
                                            <div class="traveler">
                                                <div class="cover-image">
                                                    <img src="assets/images/homepage/cover-image-{{if.odd.1}}{{if.even.3}}.jpg" alt="">
                                                </div>
                                                <div class="wrapper-content">
                                                    <div class="avatar">
                                                        <img src="{{image.testimonials.location}}" alt="" class="img-responsive">
                                                    </div>
                                                    <p class="name">{{image.testimonials.title}}</p>
                                                    <p class="address">{{image.testimonials.url}}</p>
                                                    <p class="description">" {{image.testimonials.content}}"</p>
                                                </div>
                                            </div>
                                            {{endrepeat}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                        <section class="news padding-top padding-bottom">
                            <div class="container">
                                <div class="news-wrapper">
                                    <div class="group-title">
                                        <div class="sub-title">
                                            <p class="text">Latest News</p>
                                            <i class="icons flaticon-people"></i>
                                        </div>
                                        <h2 class="main-title">News and updates</h2>
                                    </div>
                                    <div class="news-content margin-top70">
                                        <div class="news-list">
                                            <div class="new-layout">
                                                <div class="image-wrapper">
                                                    <a href="news" class="link">
                                                        <img src="{{image.home news.location}}" alt="" class="img-responsive">
                                                    </a>
                                                </div>
                                                <div class="content-wrapper">
                                                    <a href="news" class="title">{{image.home news.title}}</a>
                                                    <p class="text">{{image.home news.content}}</p>
                                                    <a href="news" class="btn btn-maincolor">Read More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                        
                        <section class="a-fact padding-top padding-bottom">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-5">
                                        <div class="group-title">
                                            <div class="sub-title">
                                                <p class="text">PROUD NUMBERS</p>
                                                <i class="icons flaticon-people"></i>
                                            </div>
                                            <h2 class="main-title">{{page.home service.title}}</h2>
                                        </div>
                                        <div class="a-fact-wrapper">
                                            {{page.home service.content}}
                                            <div class="a-fact-list">
                                                <ul class="list-unstyled">
                                                    <li>
                                                        <p class="text">{{page.happy customers.title}} Happy Customers.</p>
                                                    </li>
                                                    <li>
                                                        <p class="text">{{page.years active.title}} Years in Business.</p>
                                                    </li>
                                                    <li>
                                                        <p class="text">{{page.hotel bookings.title}} Hotel Bookings.</p>
                                                    </li>
                                                    <li>
                                                        <p class="text">{{page.flights booked.title}} Flights Booked.</p>
                                                    </li>
                                                    <li>
                                                        <p class="text">{{page.tours booked.title}} Awesome Tours.</p>
                                                    </li>
                                                </ul>
                                            </div>
                                            <a href="about" class="btn btn-maincolor">Read more</a>
                                        </div>
                                    </div>
                                    <div class="col-md-7">
                                        <div class="a-fact-image-wrapper">
                                            <img class="img-responsive" src="{{image.home service.location}}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                        <section class="contact style-1">
                            <div class="container">
                                <div class="row">
                                    <div class="wrapper-contact-style">
                                        <div data-wow-delay="0.5s" class="contact-wrapper-images wow fadeInLeft">
                                            <img src="{{image.home contact.location}}" alt="" class="img-responsive">
                                        </div>
                                        <div class="col-lg-6 col-sm-7 col-lg-offset-4 col-sm-offset-5">
                                            <div data-wow-delay="0.4s" class="contact-wrapper padding-top padding-bottom wow fadeInRight">
                                                <div class="contact-box">
                                                    <h5 class="title">contact us</h5>
                                                    <p class="text">Just pack and go! Let leave your travel plan to travel experts!</p>
                                                    <form class="contact-form">
                                                        <input type="text" placeholder="Your Name" class="form-control form-input">
                                                        <!--label.control-label.form-label.warning-label(for="") Warning for the above !-->
                                                        <input type="email" placeholder="Your Email" class="form-control form-input">
                                                        <!--label.control-label.form-label.warning-label(for="") Warning for the above !-->
                                                        <textarea placeholder="Your Message" class="form-control form-input"></textarea>
                                                        <div class="contact-submit">
                                                            <button type="submit" data-hover="SEND NOW" class="btn btn-slide">
                                                                <span class="text">send message</span>
                                                                <span class="icons fa fa-long-arrow-right"></span>
                                                            </button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
{{include}}footer{{endinclude}}