@extends('layout.basic_front')

@section("content")
    
        <div id="content" role="main" class="no-padding">
        
            <div id="revslider-container" style="background-color:#00739B;">
                <div id="revslider" style="overflow: hidden;">
                <video loop="loop" id="home_video" class="video-playing video-area" style="margin-top: 13%;width:100%; height:100%;position: relative;" autoplay="autoplay" preload="auto" controls muted>
                        <!--source src="./homeVideo.mp4"-->
                        {{--<source src="{{{asset('media/GHBIKE.mp4')}}}">--}}
                        <source src="{{{asset('media/GHver3.mp4')}}}">
                </video>
                  <img class="home_cover hide" src="http://106.187.42.25/genghung/public/images/imgs/phone_cover.jpg" style="margin-top: 50%; min-width:100%; min-height:67%">
                <a href="#id-to-scroll" class="scroll-btn light" data-offset="-55" data-0="opacity:1" data-top-bottom="opacity:0;" title="Go Down"><span></span></a>
                </div><!-- End #revslider -->
            </div><!-- End #revslider-container -->

            <div class="container-fluid no-padding" id="id-to-scroll">
                <div class="row no-margin">
                    <div class="col-md-6 bg-custom home-intro" style="background-color:#00739B;">
                        <div class="col-sm-2 colored-box index-icon-top  colored-icon">
                            <img src="{{{asset('images/imgs/Home/Icon_1.png')}}}" style="height:75px;width:75px;"/>                     
                        </div>
                        <div class="col-sm-10 colored-box">
                            </br>
                            <h3 class="text-white mb20">{{trans("home.intro1_title")}}</h3>
                            <p>{{trans("home.intro1_content")}}</p>

                        </div><!-- End .colored-box -->
                    </div><!-- End .col-sm-4 -->


                    <div class="col-md-6 bg-custom home-intro" style="background-color:#0A3C5A;">
                        <div class="col-sm-2 colored-box index-icon-top colored-icon">
                            <img src="{{{asset('images/imgs/Home/Icon_2.png')}}}" style="height:75px;width:75px;" />                          
                        </div>
                        <div class="col-sm-10 colored-box">
                        </br>
                            <h3 class="text-white mb20">{{trans("home.intro2_title")}}</h3>
                            <p>{{trans("home.intro2_content")}}</p>

                        </div><!-- End .colored-box -->
                    </div><!-- End .col-sm-4 -->
                </div><!-- End .row -->
            </div><!-- End .container-fluid -->


            <hr class="gray mt0 mb65">


            <div class="container container_slide">
                <div class="row">
                    <div class="col-md-12">
                        </br>
                        <div class="team-member-carousel owl-carousel gray-nav no-radius nav-higher">
                            <div class="team-member team-animate-social">
                                <figure>
                                    <img src="{{asset('images/imgs/Home/Bike_1.png')}}" alt="Bike" class="img-responsive">
                                </figure>
                            </div><!-- End .team-member -->

                            <div class="team-member team-animate-social">
                                <figure>
                                    <img src="{{asset('images/imgs/Home/Bike_2.png')}}" alt="Bike" class="img-responsive">
                                </figure>
                            </div><!-- End .team-member -->

                            <div class="team-member team-animate-social">
                                <figure>
                                    <img src="{{asset('images/imgs/Home/Bike_3.png')}}" alt="Bike" class="img-responsive">
                                </figure>
                            </div><!-- End .team-member -->

                            <div class="team-member team-animate-social">
                                <figure>
                                    <img src="{{asset('images/imgs/Home/Bike_4.png')}}" alt="Bike" class="img-responsive">
                                </figure>
                            </div><!-- End .team-member -->

                            <div class="team-member team-animate-social">
                                <figure>
                                    <img src="{{asset('images/imgs/Home/Bike_1.png')}}" alt="Bike" class="img-responsive">
                                </figure>
                            </div><!-- End .team-member -->
                            <div class="team-member team-animate-social">
                                <figure>
                                    <img src="{{asset('images/imgs/Home/Bike_2.png')}}" alt="Bike" class="img-responsive">
                                </figure>
                            </div><!-- End .team-member -->
                            <div class="team-member team-animate-social">
                                <figure>
                                    <img src="{{asset('images/imgs/Home/Bike_3.png')}}" alt="Bike" class="img-responsive">
                                </figure>
                            </div><!-- End .team-member -->                                                        
                            <div class="team-member team-animate-social">
                                <figure>
                                    <img src="{{asset('images/imgs/Home/Bike_4.png')}}" alt="Bike" class="img-responsive">
                                </figure>
                            </div><!-- End .team-member -->                             
                        </div><!-- End .owl-carousel -->

                    </div><!-- End .col-md-12 -->
                </div><!-- End .row -->
            </div><!-- End .container -->
            

        </div><!-- End #content -->
@stop