@extends('main.en.master')
@section('seo')
        <!-- This site is optimized with theSEO plugin  -->
<title>
    {{$website}}
    |
    {{$seo->seo_title}}

</title>
@endsection
@section('content')

           <div class="slider-section">
        <div class="tp-banner-container ">
            <div class="tp-banner">
                <ul>
                    @foreach($slider as $sl)
                        <li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-thumb="{{ URL::asset('/local/public/images') }}/{{ $sl->file_name }}" data-saveperformance="off" data-title="acu">
                            <img src="{{ URL::asset('/local/public/images') }}/{{ $sl->file_name }}" data-bgposition="center top" data-bgfit="100% 100%" data-bgrepeat="no-repeat" data-pagespeed-url-hash="2907524580">
                            <div class="tp-caption slider_layer_01 text-center lft tp-resizeme" data-x="center" data-y="204" data-speed="1000" data-start="600" data-easing="Power3.easeInOut" data-splitin="none"
                                 data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="1000" style="z-index: 9; white-space: nowrap;">
                                {{ $sl->title }}
                            </div>
                            <div class="tp-caption slider_layer_02 text-center lft tp-resizeme" data-x="center" data-y="305" data-speed="1000" data-start="800" data-easing="Power3.easeInOut" data-splitin="none"
                                 data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="1000" style="z-index: 9; white-space: nowrap;">{{ $sl->abstract }}</div>
                            <div class="tp-caption slider_btn text-center lft tp-resizeme" data-x="center" data-y="360" data-speed="1000" data-start="1000" data-easing="Power3.easeInOut" data-splitin="none"
                                 data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="1000" style="z-index: 9; white-space: nowrap;"><a href="#" class="btn btn-primary">See more</a>
                            </div>
                            @endforeach
                        </li>
                </ul>
            </div>
        </div>
    </div>
    <section class="section white">
        <div class="container">
            <div class="general-title text-center">
                <h4>Our Services</h4>
                <hr>
                <p class="lead">Listed below four reasons to choose us!</p>
            </div>
            <div id="owl-team" class="owl-custom text-center">
                <div class="owl-featured team-member">
                    <div class="entry">
                        <img class="img-responsive img-circle" src="{{ URL::asset('/local/public/images') }}/{{ $teb->file_name }}" alt="">

                        <div class="magnifier">
                            <div class="buttons">
                                <a class="st" rel="bookmark" href="{{ URL::asset('/en/about') }}/{{ $teb->post_link }}">
                                    <span class="fa fa-link"></span></a>

                            </div>
                        </div>
                    </div>
                    <h4><a href="{{ URL::asset('/en/about') }}/{{ $teb->post_link }}"> {{ $teb->title }} <span>|</span>
                        <small>Cupping</small>
                    </a></h4>
                    <p>{{ $teb->abstract }}</p>
                    <a href="" class="readmore">Read more</a>
                </div>
                <div class="owl-featured team-member">
                    <div class="entry">
                        <img class="img-responsive img-circle" src="{{ URL::asset('/local/public/images') }}/{{ $skin->file_name }}" alt="">

                        <div class="magnifier">
                            <div class="buttons">
                                <a class="st" rel="bookmark" href="{{ URL::asset('/en/about') }}/{{ $skin->post_link }}"><span class="fa fa-link"></span></a>
                            </div>
                        </div>
                    </div>
                    <h4><a href="{{ URL::asset('/en/about') }}/{{ $skin->post_link }}"> {{ $skin->title }} <span>|</span>
                        <small>Beauty</small>
                    </a></h4>
                    <p>{{ $skin->abstract }}</p>
                    <a href="{{ URL::asset('/en/about') }}/{{ $skin->post_link }}" class="readmore">Read more</a>
                </div>
                <div class="owl-featured team-member">
                    <div class="entry">
                        <img class="img-responsive img-circle" src="{{ URL::asset('/local/public/images') }}/{{ $hejamat->file_name }}" alt="">

                        <div class="magnifier">
                            <div class="buttons">
                                <a class="st" rel="bookmark" href="{{ URL::asset('/en/about') }}/{{ $hejamat->post_link }}"><span class="fa fa-link"></span></a>
                            </div>
                        </div>
                    </div>
                    <h4><a href="{{ URL::asset('/en/about') }}/{{ $hejamat->post_link }}">{{ $hejamat->title }}<span>|</span>
                        <small>Acupuncture</small>
                    </a></h4>
                    <p>{{ $hejamat->abstract }}</p>
                    <a href="{{ URL::asset('/en/about') }}/{{ $hejamat->post_link }}" class="readmore">Read more</a>
                </div>
                <div class="owl-featured team-member">
                    <div class="entry">
                        <img class="img-responsive img-circle" src="{{ URL::asset('main') }}/fa/img/circle_contact.jpg" alt="">

                        <div class="magnifier">
                            <div class="buttons">
                                <a class="st" rel="bookmark" href="{{ URL::asset('/en/contactus') }}"><span class="fa fa-link"></span></a>
                            </div>
                        </div>
                    </div>
                    <h4><a href="{{ URL::asset('/en/contactus') }}"> contact us<span>|</span>
                        <small>Conecte us</small>
                    </a></h4>
                    <p>{{$teb->abstract}}</p>
                    <a href="{{ URL::asset('/en/contactus') }}" class="readmore">Read more</a>
                </div>
            </div>
        </div>
    </section>
    <section class="section fullscreen paralbackground parallax " style="background-attachment: fixed;background-size: 100% 100%;
		background-position: center top;" data-img-width="1922" data-img-height="795" data-diff="100" >  <!--overlay-->
        <div class="overlay"></div>
        <div class="container">
            <div class="messagebox text-center ltr">
                <h2 class="wow fadeIn" style="animation-delay: 0.5s;">History of <mark class="rotate" style="display: inline; opacity: 0.4;"> ACUPUNCTURE</mark> from china around the world</h2>
                <p class="lead wow fadeInUp" style="animation-delay: 0.8s;">
                    {{ $aboutindex->abstract }}
                    </p>

                    <a class="btn btn-primary" href="{{ URL::asset('/en/history') }}">Continue</a>
            </div>
        </div>
    </section>
    <section class="section white nopadbot">
        <div class="container-full">
            <div class="general-title text-center">
                <h4 class="wow fadeInUp">From Our Gallery</h4>
                <hr>
                {{--<p class="lead">Listed below our patients and clinic photos!</p>--}}
            </div>
            <div class="text-center clearfix">
                <nav class="portfolio-filter ltr">
                    <ul>
                        <li><a href="#" data-filter="*"><i class="fa fa-filter"></i> All</a></li>
                        @foreach($gallerycat as $gc)
                        <li><a href="#" data-filter=".{{ $gc->cat_id }}">{{ $gc->cat_view}}</a></li>
                      @endforeach
                    </ul>
                </nav>
            </div>

            <div id="fourcol" class="portfolio">
                @foreach($gallery as $g)
                <div class="pitem entry item-w1 item-h1 {{ $g->cat_id }} padding-2">
                    <div style="background-image: url('{{ URL::asset('/local/public/images') }}/{{ $g->file_name }}')" class="img-responsive img-info"></div>
                    <div class="magnifier">
                        <div class="buttons">
                            <a data-rel="prettyPhoto" href="{{ URL::asset('/local/public/images') }}/{{ $g->file_name }}" class="st" rel="bookmark"><span class="fa fa-search"></span></a>
                            <a class="st" rel="bookmark" href=""><span class="fa fa-link"></span></a>
                        </div>
                    </div>
                </div>
             @endforeach
            </div>
        </div>
    </section><!--gallery-->

    <section class="section grey time-back" >
        <div class="container">
            <div class="general-title text-center" style="margin-bottom: 0;">
                <h4 class="wow fadeInUp" style="color: #fff;">Time of Work</h4>
                <hr>
                <p class="wow fadeIn p-time" >please take a time for appointment </p>
            </div>
            <div class="row module-wrapper">
                <div class="col-lg-6 col-md-offset-3">
                    <div class="workinghours worktime" >
                        <ul >
                            <li> Sutarday <span class="fa fa-clock-o"> 9:00am - 1:00pm</span>Morning</li>
                            <li>Wensday <span class="fa fa-clock-o"> 9:00am - 1:00pm </span>Morning </li>
                            <li>Tursday <span class="fa fa-clock-o"> 9:00am - 1:00pm</span>Morning  </li>
                            <li> Sutarday <span class="fa fa-clock-o"> 5:00pm - 8:00pm</span> Evening     </li>
                            <li>Monday <span class="fa fa-clock-o"> 5:00pm - 8:00pm</span>  Evening    </li>
                            <li>Wensday <span class="fa fa-clock-o"> 5:00pm - 8:00pm</span>  Evening  </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section><!--time work-->
    <section class="section white">
        <div class="container">
            <div class="general-title text-center">
                <h4 class="wow fadeInUp">Answer to the common's questions</h4>
                <hr>
            </div>
            <div class="row ltr ">
                <div class="col-md-12">
                    <div class="row testimonials ">
                        @foreach($questions as $qs)
                        <div class="col-md-12 col-sm-12 col-xs-12 pull-right size-ques" >
                            <blockquote>
                                <p class="clients-words">{{ $qs->title }} </p>
                                <span class="text-primary span-color" >Answer</span>
                                <p class="p-answer">{{ $qs->abstract }}</p>
                                <img class="img-circle img-thumbnail" src="{{ URL::asset('/local/public/images') }}/{{ $qs->file_name }}" alt="">
                            </blockquote>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

    </section><!--questions-->

    <section class="callout-section dark-yellow">
        <div class="container">
            <div class="row callout">
                <div class="col-md-9">
                    <h4>For take an appointment or your questions use this buttom please!</h4>
                </div>
                <div class="col-md-3">
                    <a href="#" class="btn btn-default btn-block ">Appointment Now</a>
                </div>
            </div>
        </div>
    </section>

    @endsection

@section('script')
<script src="{{ URL::asset('main') }}/fa/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script src="{{ URL::asset('main') }}/fa/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script>jQuery(document).ready(function () {
    jQuery('.tp-banner').show().revolution({
        dottedOverlay: "none",
        delay: 16000,
        startwidth: 1170,
        startheight: 480,
        hideThumbs: 200,
        thumbWidth: 100,
        thumbHeight: 50,
        thumbAmount: 5,
        navigationType: "none",
        navigationArrows: "solo",
        navigationStyle: "preview2",
        touchenabled: "on",
        onHoverStop: "on",
        swipe_velocity: 0.7,
        swipe_min_touches: 1,
        swipe_max_touches: 1,
        drag_block_vertical: false,
        parallax: "mouse",
        parallaxBgFreeze: "on",
        parallaxLevels: [10, 7, 4, 3, 2, 5, 4, 3, 2, 1],
        parallaxDisableOnMobile: "off",
        keyboardNavigation: "off",
        navigationHAlign: "center",
        navigationVAlign: "bottom",
        navigationHOffset: 0,
        navigationVOffset: 20,
        soloArrowLeftHalign: "left",
        soloArrowLeftValign: "center",
        soloArrowLeftHOffset: 20,
        soloArrowLeftVOffset: 0,
        soloArrowRightHalign: "right",
        soloArrowRightValign: "center",
        soloArrowRightHOffset: 20,
        soloArrowRightVOffset: 0,
        shadow: 0,
        fullWidth: "on",
        fullScreen: "off",
        spinner: "spinner4",
        stopLoop: "off",
        stopAfterLoops: -1,
        stopAtSlide: -1,
        shuffle: "off",
        autoHeight: "off",
        forceFullWidth: "off",
        hideThumbsOnMobile: "off",
        hideNavDelayOnMobile: 1500,
        hideBulletsOnMobile: "off",
        hideArrowsOnMobile: "off",
        hideThumbsUnderResolution: 0,
        hideSliderAtLimit: 0,
        hideCaptionAtLimit: 0,
        hideAllCaptionAtLilmit: 0,
        startWithSlide: 0,
        fullScreenOffsetContainer: ""
    });
});</script>
@endsection