﻿
<?php $__env->startSection('content'); ?>
 <div id="slideshow">
                     <div class="destinationideas parallax" data-stellar-background-ratio="0.5" style="">
                <div class="container">
                    <div class="text-center">
                        <h4 class="destinationtitle"><em>Take me to..</em></h4>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-xs-6 col-sm-4 col-md-2 grow">
                         <a href="http://google.com">
                            <div class="icon-box style4 animated" data-animation-type="slideInRight" data-animation-delay="0">
                                <i class="soap-icon-adventure desticon"></i>
                               <h4 class="dest-title">Adventure (150)</h4>
                                <p class="description">
                                    Lorem Ipsum simply dummy text industry.
                                </p>
                            </div>
                        </a>
                        </div>
                        <div class="col-xs-6 col-sm-4 col-md-2 grow">
                        <a href="http://google.com">
                            <div class="icon-box style4 animated" data-animation-type="slideInRight" data-animation-delay="0.3">
                                <i class="soap-icon-beach yellow-color"></i>
                                <h4 class="dest-title">Beach</h4>
                                <p class="description">
                                    Lorem Ipsum simply dummy text industry.
                                </p>
                            </div>
                        </a>
                        </div>
                        <div class="col-xs-6 col-sm-4 col-md-2 grow">
                        <a href="http://google.com">
                            <div class="icon-box style4 animated" data-animation-type="slideInRight" data-animation-delay="0.6">
                                <i class="soap-icon-party yellow-color"></i>
                                <h4 class="dest-title">Party</h4>
                                <p class="description">
                                    Lorem Ipsum simply dummy text industry.
                                </p>
                            </div>
                        </a>
                        </div>
                        <div class="col-xs-6 col-sm-4 col-md-2 grow">
                        <a href="http://google.com">
                            <div class="icon-box style4 animated" data-animation-type="slideInRight" data-animation-delay="0.9">
                                <i class="soap-icon-playplace yellow-color"></i>
                                <h4 class="dest-title">Golf</h4>
                                <p class="description">
                                    Lorem Ipsum simply dummy text industry.
                                </p>
                            </div>
                        </a>
                        </div>
                        <div class="col-xs-6 col-sm-4 col-md-2 grow">
                        <a href="http://google.com">
                            <div class="icon-box style4 animated" data-animation-type="slideInRight" data-animation-delay="1.2">
                                <i class="soap-icon-couples yellow-color"></i>
                                <h4 class="dest-title">Romance</h4>
                                <p class="description">
                                    Lorem Ipsum simply dummy text industry.
                                </p>
                            </div>
                        </a>
                        </div>
                        <div class="col-xs-6 col-sm-4 col-md-2 grow">
                        <a href="http://google.com">
                            <div class="icon-box style4 animated" data-animation-type="slideInRight" data-animation-delay="1.5">
                                <i class="soap-icon-ski yellow-color"></i>
                                <h4 class="dest-title">Ski</h4>
                                <p class="description">
                                    Lorem Ipsum simply dummy text industry.
                                </p>
                            </div>
                        </a>
                        </div>

                    </div>
                </div>
            </div>
            <div class="fullwidthbanner-container">
                <div class="revolution-slider" style="height: 0; overflow: hidden;">

                    <ul> 
                              <!-- SLIDE  -->
                        <!-- Slide1 -->
                        <li data-transition="zoomin" data-slotamount="7" data-masterspeed="1500">
                            <!-- MAIN IMAGE -->
                            <img src="images/angsana-velavaru-resort-slide-7.jpg" alt="">
                        </li>
                        
                        <!-- Slide2 -->
                        <li data-transition="zoomout" data-slotamount="7" data-masterspeed="1500">
                            <!-- MAIN IMAGE -->
                            <img src="images/2.jpg" alt="">
                        </li>
                        
                        <!-- Slide3 -->
                        <li data-transition="slidedown" data-slotamount="7" data-masterspeed="1500">
                            <!-- MAIN IMAGE -->
                            <img src="images/3.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
        </div>




            
        <section id="content">
            <div class="search-box-wrapper">
                <div class="search-box container">
                    <ul class="search-tabs clearfix">
                        <li class="active"><a href="#hotels-tab" data-toggle="tab">HOTELS</a></li>
                    </ul>
                    <div class="visible-mobile">
                        <ul id="mobile-search-tabs" class="search-tabs clearfix">
                            <li class="active"><a href="#hotels-tab">HOTELS</a></li>
                        </ul>
                    </div>
                    
                    <div class="search-tab-content">
                        <div class="tab-pane fade active in" id="hotels-tab">
                            <form action="hotel-list-view.html" method="post">
                                <div class="row">
                                    <div class="form-group col-sm-6 col-md-3">
                                        <h4 class="title">Where</h4>
                                        <label>Resort</label>
                                        <input type="text" class="input-text full-width" placeholder="enter a destination or hotel name" />
                                    </div>
                                    
                                    <div class="form-group col-sm-6 col-md-4">
                                        <h4 class="title">When</h4>
                                        <div class="row">
                                            <div class="col-xs-6">
                                                <label>Check In</label>
                                                <div class="datepicker-wrap">
                                                    <input type="text" name="date_from" class="input-text full-width" placeholder="mm/dd/yy" />
                                                </div>
                                            </div>
                                            <div class="col-xs-6">
                                                <label>Check Out</label>
                                                <div class="datepicker-wrap">
                                                    <input type="text" name="date_to" class="input-text full-width" placeholder="mm/dd/yy" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group col-sm-6 col-md-3">
                                        <h4 class="title">Who</h4>
                                        <div class="row">
                                            <div class="col-xs-4">
                                                <label>Rooms</label>
                                                <div class="selector">
                                                    <select class="full-width">
                                                        <option value="1">01</option>
                                                        <option value="2">02</option>
                                                        <option value="3">03</option>
                                                        <option value="4">04</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-xs-4">
                                                <label>Adults</label>
                                                <div class="selector">
                                                    <select class="full-width">
                                                        <option value="1">01</option>
                                                        <option value="2">02</option>
                                                        <option value="3">03</option>
                                                        <option value="4">04</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-xs-4">
                                                <label>Kids</label>
                                                <div class="selector">
                                                    <select class="full-width">
                                                        <option value="1">01</option>
                                                        <option value="2">02</option>
                                                        <option value="3">03</option>
                                                        <option value="4">04</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group col-sm-6 col-md-2 fixheight">
                                        <label class="hidden-xs">&nbsp;</label>
                                        <button type="submit" class="full-width icon-check animated" data-animation-type="bounce" data-animation-duration="1">SEARCH NOW</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        

                    </div>
                </div>
            </div>
            
            <!-- Popuplar Destinations -->
            <div class="destinations section">
                <div class="container">
                    <h2>Popular Luxury Resorts</h2> 
                    <div class="row image-box style1 add-clearfix">
                    <?php foreach($luxury as $resort): ?>
                        <div class="col-sms-6 col-sm-6 col-md-3">
                            <article class="box">
                                <figure class="animated" data-animation-type="fadeInDown" data-animation-duration="1">
                                    <a href="ajax/slideshow-popup.html" title="" class="hover-effect popup-gallery"><img src="<?php echo URL('/media/uploads/images/hotel/size/263x197/'.AppHelper::hotelThumb($resort->id).''); ?>" alt="" width="270" height="160" /></a>
                                </figure>
                                <div class="details">
                                <div data-placement="bottom" data-toggle="tooltip" class="five-stars-container" title="4 stars"><span style="width: 80%;" class="five-stars"></span></div>
                                    <span class="price"><small>FROM</small>$490</span>
                                    <h4 class="box-title"><a href="<?php echo URL(''.$resort->category.'/'.$resort->seo_slug.''); ?>"><?php echo $resort->name; ?><small>Maldives</small></a></h4>
                                </div>
                            </article>
                        </div>
                    <?php endforeach; ?>

                    </div>
                    <div class="action" style="margin-left: auto; margin-right: auto; width: 6em;">
                     <a class="button btn-medium" href="">LOAD MORE ..</a>
                     </div>
                </div>
                <div class="container">
                   <a href=""> <h2>Popular Budget Resorts</h2> </a>
                    <div class="row image-box style1 add-clearfix">
                    <?php foreach($budget as $resort): ?>
                        <div class="col-sms-6 col-sm-6 col-md-3">
                            <article class="box">
                                <figure class="animated" data-animation-type="fadeInDown" data-animation-duration="1">
                                    <a href="ajax/slideshow-popup.html" title="" class="hover-effect popup-gallery"><img src="<?php echo URL('/media/uploads/images/hotel/size/263x197/'.AppHelper::hotelThumb($resort->id).''); ?>" alt="" width="270" height="160" /></a>
                                </figure>
                                <div class="details">
                                <div data-placement="bottom" data-toggle="tooltip" class="five-stars-container" title="4 stars"><span style="width: 80%;" class="five-stars"></span></div>
                                    <span class="price"><small>FROM</small>$490</span>
                                    <h4 class="box-title"><a href="<?php echo URL(''.$resort->category.'/'.$resort->seo_slug.''); ?>"><?php echo $resort->name; ?><small>Maldives</small></a></h4>
                                </div>
                            </article>
                        </div>
                    <?php endforeach; ?>
                    </div>

                    <div class="action" style="margin-left: auto; margin-right: auto; width: 6em;">
                     <a class="button btn-medium" href="">LOAD MORE ..</a>
                     </div>

                </div>


            </div>
            
            <!-- Honeymoon -->
            <div class="honeymoon section global-map-area promo-box parallax" data-stellar-background-ratio="0.5">
                <div class="container">
                    <div class="col-sm-12 content-section description pull-right">
                        <div align="center">
                        <h1 class="title">Popular Resorts for Honeymoon</h1>
                        <p style="color:#fff;">Nunc cursus libero purusac congue arcu cursus utsed vitae pulvinar massa idporta neque purusac Etiam elerisque mi id faucibus iaculis vitae pulvinar.</p>
                        </div>
                        <div class="row places image-box style9">
                        <?php foreach($honeymoon as $resort): ?>
                            <div class="col-sms-4 col-sm-4">
                                <article class="box">
                                    <figure>
                                        <a href="hotel-list-view.html" title="" class="hover-effect yellow middle-block animated" data-animation-type="fadeInUp" data-animation-duration="1">
                                            <img src="<?php echo URL(''.Config::get('settings.images').'263x197/'.AppHelper::hotelThumb($resort->id).''); ?>" alt="" /></a>
                                    </figure>
                                    <div class="details">
                                    <div data-placement="bottom" data-toggle="tooltip" class="five-stars-container" title="4 stars"><span style="width: 80%;" class="five-stars"></span></div>
                                        <h4 class="box-title"><?php echo $resort->name; ?><small><?php echo $resort->address; ?></small></h4>
                                        <a href="<?php echo URL(''.$resort->category.'/'.$resort->seo_slug.''); ?>" title="" class="button">SELECT</a>
                                    </div>
                                </article>
                            </div>
                        <?php endforeach; ?>
                           
                           
                        </div>
                    </div>

                </div>
            </div>
            
            <!-- Did you Know? section -->
            <div class="offers section">
                <div class="container">
                    <h1 class="text-center">Did you know?</h1>
                    <br>
                    <div class="row image-box style2">
                        <div class="col-md-6">
                            <article class="box">
                                <figure class="animated" data-animation-type="fadeInLeft" data-animation-duration="1">
                                    <a href="#" title=""><img src="./images/banner/visa.jpg" alt="" width="270" height="192" /></a>
                                </figure>
                                <div class="details">
                                    <h4>Visa</h4>
                                    <p>Nunc cursus libero purus ac congue ar lorem cursus ut sed vitae pulvinar massa idend porta nequetiam elerisque mi id.</p>
                                    <a href="#" title="" class="button">SEE MORE</a>
                                </div>
                            </article>
                        </div>
                        <div class="col-md-6">
                            <article class="box">
                                <figure class="animated" data-animation-type="fadeInLeft" data-animation-duration="1" data-animation-delay="0.4">
                                    <a href="#" title=""><img src="./images/banner/transfer.png" alt="" width="270" height="192" /></a>
                                </figure>
                                <div class="details">
                                    <h4>Transfer</h4>
                                    <p>Nunc cursus libero purus ac congue ar lorem cursus ut sed vitae pulvinar massa idend porta nequetiam elerisque mi id.</p>
                                    <a href="#" title="" class="button">SEE MORE</a>
                                </div>
                            </article>
                        </div>
                        <div class="col-md-6">
                            <article class="box">
                                <figure class="animated" data-animation-type="fadeInLeft" data-animation-duration="1">
                                    <a href="#" title=""><img src="./images/banner/things-to-do.png" alt="" width="270" height="192" /></a>
                                </figure>
                                <div class="details">
                                    <h4>Things To Do</h4>
                                    <p>Nunc cursus libero purus ac congue ar lorem cursus ut sed vitae pulvinar massa idend porta nequetiam elerisque mi id.</p>
                                    <a href="#" title="" class="button">SEE MORE</a>
                                </div>
                            </article>
                        </div>
                        <div class="col-md-6">
                            <article class="box">
                                <figure class="animated" data-animation-type="fadeInLeft" data-animation-duration="1" data-animation-delay="0.4">
                                    <a href="#" title=""><img src="./images/banner/facts-about-maldives.png" alt="" width="270" height="192" /></a>
                                </figure>
                                <div class="details">
                                    <h4>Facts about Maldives</h4>
                                    <p>Nunc cursus libero purus ac congue ar lorem cursus ut sed vitae pulvinar massa idend porta nequetiam elerisque mi id.</p>
                                    <a href="#" title="" class="button">SEE MORE</a>
                                </div>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Features section -->
            <div class="features section global-map-area parallax" data-stellar-background-ratio="0.5">
                <div class="container">
                    <div class="row image-box style7">
                        <div class="col-sms-6 col-sm-6 col-md-3">
                            <article class="box">
                                <figure class="middle-block">
                                    <img src="./images/banner/bestprice.png" alt="" class="middle-item" />
                                    <span class="opacity-wrapper"></span>
                                </figure>
                                <div class="details">
                                    <h4><a href="#">Best Price Guaranteed!</a></h4>
                                    <p>
                                        Nunc cursus libero purus ac congue arcu cursus ut sed vitae pulvinar massa idporta nequetiam elerisque mi id faucibus iaculis vitae pulvinar.
                                    </p>
                                </div>
                            </article>
                        </div>
                        <div class="col-sms-6 col-sm-6 col-md-3">
                             <article class="box">
                                <figure class="middle-block">
                                    <img src="./images/banner/why-maldives.jpg" alt="" class="middle-item" />
                                    <span class="opacity-wrapper"></span>
                                </figure>
                                <div class="details">
                                    <h4><a href="#">Why Maldives ?</a></h4>
                                    <p>
                                        Nunc cursus libero purus ac congue arcu cursus ut sed vitae pulvinar massa idporta nequetiam elerisque mi id faucibus iaculis vitae pulvinar.
                                    </p>
                                </div>
                            </article>
                        </div>
                        <div class="col-sms-6 col-sm-6 col-md-3">
                             <article class="box">
                                <figure class="middle-block">
                                    <img src="./images/banner/trust.png" alt="" class="middle-item" />
                                    <span class="opacity-wrapper"></span>
                                </figure>
                                <div class="details">
                                    <h4><a href="#">Why Choose Us ?</a></h4>
                                    <p>
                                        Nunc cursus libero purus ac congue arcu cursus ut sed vitae pulvinar massa idporta nequetiam elerisque mi id faucibus iaculis vitae pulvinar.
                                    </p>
                                </div>
                            </article>
                        </div>
                        <div class="col-sms-6 col-sm-6 col-md-3">
                             <article class="box">
                                <figure class="middle-block">
                                    <img src="./images/banner/contact-us.png" alt="" class="middle-item" />
                                    <span class="opacity-wrapper"></span>
                                </figure>
                                <div class="details">
                                    <h4><a href="#">Need Help ?</a></h4>
                                    <p>
                                        Nunc cursus libero purus ac congue arcu cursus ut sed vitae pulvinar massa idporta nequetiam elerisque mi id faucibus iaculis vitae pulvinar.
                                    </p>
                                </div>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
<?php $__env->stopSection(); ?>



<?php echo $__env->make('master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>