@extends('template_front.index')
@section('content')
@if($slider==1)
    <div class="slider">
    <div id="about-slider">
        <div id="carousel-slider" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators visible-xs">
                <li data-target="#carousel-slider" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-slider" data-slide-to="1"></li>
                <li data-target="#carousel-slider" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner pocinki">
                <div class="item active">
                    <img src="{{asset('assets/img/slider1.jpeg')}}" class="img-responsive" alt="" width="100%">
                    <div class="carousel-caption">
                        <div class="wow pulse d" data-wow-offset="0" data-wow-delay="0.3s">
                            <h2><span>SELAMAT DATANG DI WEBSITE RESMI DESA NEPO</span></h2>
                        </div>
                        <div class="col-md-12" id="coba">
                            <div class="wow pulse dd" data-wow-offset="0" data-wow-delay="0.6s">
                                <p class="isi">
                                    Desa Nepo Merupakan Salah Satu Desa Di Kecamatan Mallusetasi Kabupaten Barru Provinsi Sulawesi Selatan. Desa Nepo Terletak Di Ujung Utara Kabupaten Barru Dan Sebagian Wilayahnya Berbatasan Langsung Dengan Kota Parepare Serta Kab.Sidrap Dan Sebelah Selatan Dengan Kabupaten Soppeng. Desa Nepo Teletak Di Kawasan Kab.Barru Sebelah Utara Tepatnya Diseblah Timur Ibukota Kecamatan Mallusetasi.
                                </p>
                            </div>
                        </div>
                        <div class="wow bounceIn" data-wow-offset="0" data-wow-delay="0.9s">
                            <form class="form-inline" style="float: left;">
                                <div class="form-group">
                                    <a class="btn btn-primary btn-lg btn-livedemo" href="{{url('sejarah')}}">Sejarah</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="{{asset('assets/img/slider2.jpeg')}}" class="img-responsive" alt="" width="100%">
                    <div class="carousel-caption" >
                        <div class="wow pulse d" data-wow-offset="0" data-wow-delay="1.0s">
                            <h2><span>VISI DAN MISI DESA NEPO</span></h2>
                        </div>
                        <div class="col-md-10 ">
                            <div class="wow pulse" data-wow-offset="0" data-wow-delay="0.6s">
                                 <p class="isi">
                                    Kehadiran visi di Desa Nepo ini, diharapkan mampu memberikan arah, menentukan keputusan dan motivasi seluruh aparat dan anggota masyarakat desa untuk mencapai tujuan. Visi juga memperkokoh kesatuan tim kerja agar energi yang ada dalam masyarakat dapat disalurkan, moral menjadi tinggi dan komitmen terbentuk.
                                </p>
                            </div>
                        </div>
                        <div class="wow pulse dd" data-wow-offset="0" data-wow-delay="1.6s">
                            <form class="form-inline" style="float: left;">
                                <div class="form-group">
                                    <a class="btn btn-primary btn-lg btn-livedemo" href="{{url('visimisi')}}">Visi dan Misi</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="{{asset('assets/img/slider3.jpeg')}}" class="img-responsive" alt="" width="100%">
                    <div class="carousel-caption">
                        <div class="wow pulse d" data-wow-offset="0" data-wow-delay="1.9s">
                            @if(empty($berita_slider->judul))
                                 <h2><span>Lindungi Alam Lindungi Desaku</span></h2>
                            @else
                                 <h2><span>{{$berita_slider->judul}}</span></h2>
                            @endif
                        </div>
                        <div class="col-md-10 ">
                            <div class="wow pulse" data-wow-offset="0" data-wow-delay="0.6s">
                               <p class="isi">
                                    @if(empty($berita_slider->judul))
                                         Lindungi alam untuk masa depan anak dan cucu kita, budayakan hidup bersih dan selalu menjaga kelestraian alam.
                                    @else
                                        {!!str_limit(strip_tags($berita_slider->isi_berita),300)!!}
                                    @endif
                                </p>
                            </div>
                        </div>
                        <div class="wow pulse dd" data-wow-offset="0" data-wow-delay="2.0s">
                             <form class="form-inline" style="float: left;">
                                <div class="form-group">
                                     @if(empty($berita_slider->judul))
                                        <a class="btn btn-primary btn-lg btn-livedemo" href="">Selengkapnya</a>
                                    @else
                                         <a class="btn btn-primary btn-lg btn-livedemo" href="{{url('berita/'.$berita_slider->slug)}}">Selengkapnya</a>
                                    @endif
                                </div>
                            </form>
                        </div>
                    </div>
                    </div>
                </div>
               <!--  <a class="left carousel-control hidden-xs" href="#carousel-slider" data-slide="prev">
                    <i class="fa fa-angle-left"></i>
                </a>
                <a class=" right carousel-control hidden-xs" href="#carousel-slider" data-slide="next">
                    <i class="fa fa-angle-right"></i>
                </a> -->
            </div>
        </div>
    </div>
    </div>
    <hr>
@endif
@yield('content_news')
@endsection