@extends ('web.layouts-v2.master')

@section ('title')
@lang('messages.title') - @lang('messages.title_desc')
@endsection
@section ('description')
<meta name="description" content="@lang('messages.desc_homepage')">
@endsection

@section ('seoNotation')
@include('web.partials-v2.seo-notation')
@endsection

@section ('css')
<style>
    .blink-me {
        /* animation: blinker 1.5s linear infinite; */
        animation: blinker 1.5s linear 0.2s 3 normal forwards; /* 0.2s delay, 3 */
        color: white;
        font-family: sans-serif;
    }
    @keyframes blinker {
        /* 70% {
            opacity: 0;
        } */
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
</style>
@endsection

@section ('content')

@include ('web.partials-ncier.action-announcement')
@include ('web.partials-ncier.slider')
@include ('web.partials-ncier.time-icon-blocks')
@include ('web.partials-ncier.impact-numbers')
@include ('web.partials-ncier.courses')
@include ('web.partials-v2.faq')
{{-- @include ('web.partials-v2.finding-perfect-product') --}}

<!-- Explore Our Comprehensive Training Programs -->
<!-- Enhance Your Emergency Response Capabilities -->
<!-- Explore Our Free Training Resources -->
<!-- Participant Evaluations* -->
<!-- Training Highlights or gallery -->
@include ('web.partials-v2.media-gallery')
<!-- 
{{-- @include ('web.partials-v2.media-gallery-fluid')  --}}
-->



<!--<h2 class="g-color-gray text-center g-px-80 g-py-150">Partners logos + Slider of people enjing the class</h2>-->
{{-- @include ('web.partials-v2.asim-checklist-app-promo') --}}
{{-- @include ('web.partials-v2.how-we-do-it-icon-blocks') --}}
<!-- @ include ('web.partials-v2.testimonials') -->
{{-- @include ('web.partials-v2.testimonials-opt2') --}}
{{-- @include ('web.partials-v2.our-promise-icon-blocks') --}}

@include ('web.partials-ncier.map-info')

@endsection

@section ('javascript')
<!-- Raiting -->
<script src="{{ asset('../resources/assets/js/components/hs.rating.js') }}"></script>

<!-- JS Plugins Init. -->
<script >
    $(function() {
            
        let isMobile = window.matchMedia("only screen and (max-width: 760px)").matches;
        // alert(isMobile);

        // initialization of rating
        $.HSCore.components.HSRating.init($('.js-rating'), {
            spacing: 2
        });
        
        // initialization of popups
        $.HSCore.components.HSPopup.init('.js-fancybox'); /** Responders Gallery **/

        // Carousel initialization (Clients Testimonial (Slick), Partnership, Responders Gallery)
        $.HSCore.components.HSCarousel.init('.js-carousel');

        $('#carouselPartners').slick('setOption', 'responsive', [{ // Partners
        breakpoint: 992,
            settings: {
            slidesToShow: 2
            }
        }, {
            breakpoint: 576,
            settings: {
            slidesToShow: 1
            }
        }], true);

        $('#carouselDeliveryGallery').slick('setOption', 'responsive', [{ // Testimonials
        breakpoint: 992, // 768px
            settings: {
                slidesToShow: 2,
                slidesToScroll: 2,
                centerPadding: 0
            }
        }, {
            breakpoint: 576,
            settings: {
            slidesToShow: 1
            }
        }], true);

        $('#carouselReviews').slick('setOption', 'responsive', [{ // Testimonials
        breakpoint: 992,
            settings: {
            slidesToShow: 2
            }
        }, {
            breakpoint: 576,
            settings: {
            slidesToShow: 1
            }
        }], true);

    });
</script>
@endsection