@extends('jtb.white-label-template')

@section('header')
    
@stop

@section('content')
    
    <div class="tp-banner-container rs_boxed_whitelabel">
        <div class="tp-banner">
            <ul>
                <li data-transition="boxslide" data-slotamount="7" data-delay="5000">
                   <img src="{{ URL::asset('site/images/whitelabel/jtb/banner2.png') }}" data-bgposition="center top" data-bgfit="contain">
                   <!-- LAYER NR. 1 -->
                    <!-- <div class="tp-caption large_bold_darkblue skewfromrightshort customout"
                        data-x="center"
                        data-y="155"
                        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                        data-speed="500"
                        data-start="800"
                        data-easing="Back.easeOut"
                        data-endspeed="500"
                        data-endeasing="Power4.easeIn"
                        data-captionhidden="on"
                        style="z-index: 4">
                        <h2 class="flex-title">UOB Travel Rewards Program</h2>
                    </div> -->
                    <!-- LAYER NR. 2 -->
                   <!--  <div class="tp-caption medium_thin_grey skewfromrightshort customout"
                        data-x="center"
                        data-y="265"
                        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                        data-speed="300"
                        data-start="1000"
                        data-easing="Back.easeOut"
                        data-endspeed="500"
                        data-endeasing="Power4.easeIn"
                        data-captionhidden="on"
                        style="z-index: 6"> 
                            <p class="flex-p mb50 animated activate bounceInRight" data-anim="bounceInRight">Bringing You More Than Travel</p>
                    </div> -->
                    <!-- LAYER NR. 3 -->
                    <!-- <div class="tp-caption medium_thin_grey skewfromrightshort customout"
                        data-x="center"
                        data-y="280"
                        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                        data-speed="300"
                        data-start="1000"
                        data-easing="Back.easeOut"
                        data-endspeed="500"
                        data-endeasing="Power4.easeIn"
                        data-captionhidden="on"
                        style="z-index: 6">
                    </div>   -->        
                </li>
            </ul>
        </div>
    </div>
    

    <section class="mt10">
        <div class="container animated activate bounceIn" data-anim="bounceIn">
            <div class="row">
                <div class="text-center col-md-8 col-md-offset-2">
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <img src="{{url('site/images/whitelabel/uob-travel/rew-img1.jpg')}}" alt="" width="100%">
                        <a href="#" >
                            <div class="rew-link">
                                <i class="fa fa-user-plus"></i>
                                Sign Up
                            </div>
                        </a>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <img src="{{url('site/images/whitelabel/uob-travel/rew-img2.jpg')}}" alt="" width="100%">
                        <a href="#" >
                            <div class="rew-link rew-link-red">
                                <i class="fa fa-gift"></i> 
                                    View Rewards
                            </div>
                         </a>
                    </div>
                </div>

                <div class="text-center col-md-8 col-md-offset-4">
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <img src="{{url('site/images/whitelabel/uob-travel/rew-img1.jpg')}}" alt="" width="100%">
                        <a href="#" >
                            <div class="rew-link">
                                <i class="fa fa-user-plus"></i>
                                Sign Up
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="container">
        <div class="col-md-12">
            <div class="divider d4 w57"><span><i class="fa fa-ellipsis-h"></i></span></div>
        </div>
    </div> 
    
    <section class="section custom-bg footer-bg" data-bg="{{ URL::asset('site/images/whitelabel/rendez-pets/rendez-pets-footer-bg-1.png')}}" data-bgposition="center top" data-bgfit="cover">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-md-4 sm-box2 work-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                    <i class="fa fa-star fa-work fa-rounded"></i>
                        <h3>
                            <a href="#">
                                Special
                            </a>
                        </h3>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 sm-box2 book-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                        <i class="fa fa-map-marker fa-book fa-rounded"></i>
                        <h3>
                            <a href="#" target="_blank">
                                Featured Destinations
                            </a>
                        </h3>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 xs-box2 about-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                        <i class="fa fa-info fa-about fa-rounded"></i>
                        <h3>
                            <a href="#" target="_blank">
                                Japan Information
                            </a>
                        </h3>
                    </div>
                </div>
            </div>
        </div>
    </section> 
@stop