@extends('layouts.front')

@section('style')
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
    <link href="css/style.css" rel="stylesheet">
@endsection

@section('intro')
	@include('front.home.intro')
@endsection

@section('site')
    @include('front.home.news')
    <div class="jarallax" data-speed="1.4">
        <img class="jarallax-img" src="{{ asset('graf/p06.jpg') }}" alt="">
    </div>
    @include('front.home.baner1')
    <div class="view jarallax">
        <img class="jarallax-img" src="{{ asset('graf/p02.jpg') }}" alt="">
    </div>
    @include('front.home.baner2')
    <div class="jarallax" data-speed="0.2">
        <img class="jarallax-img" src="{{ asset('graf/p04.jpg') }}" alt="">
    </div>
    <div class="jarallax" data-speed="-0.2">
        <img class="jarallax-img" src="{{ asset('graf/p05.jpg') }}" alt="">
    </div>
    @include('front.home.baner3')
@endsection

@push('scripts')
    <script type="text/javascript">
        new WOW().init();

        objectFitImages();
        jarallax(document.querySelectorAll('.jarallax'));
        jarallax(document.querySelectorAll('.jarallax-keep-img'), {
            keepImg: true,
        });
    </script>
@endpush