@section('slider-style')
<!-- SLIDER REVOLUTION 5.x CSS SETTINGS -->
<link rel="stylesheet" type="text/css"
    href="{{env('SECURE_ASSETS').'/plugins/rs-plugin/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css'}}">
<link rel="stylesheet" type="text/css"
    href="{{env('SECURE_ASSETS').'/plugins/rs-plugin/fonts/font-awesome/css/font-awesome.css'}}">

<link rel="stylesheet" type="text/css" href="{{env('SECURE_ASSETS').'/plugins/rs-plugin/css/addons/typewriter.css'}}">
<link rel="stylesheet" type="text/css"
    href="{{env('SECURE_ASSETS').'/plugins/rs-plugin/css/addons/revolution.addon.revealer.css'}}">
<link rel="stylesheet" type="text/css"
    href="{{env('SECURE_ASSETS').'/plugins/rs-plugin/css/addons/revolution.addon.revealer.preloaders.css'}}">

<link rel="stylesheet" type="text/css" href="{{env('SECURE_ASSETS').'/plugins/rs-plugin/css/settings.css'}}" media="screen" />
<link rel="stylesheet" type="text/css" href="{{env('SECURE_ASSETS').'/plugins/rs-plugin/css/layers.css'}}">
<link rel="stylesheet" type="text/css" href="{{env('SECURE_ASSETS').'/plugins/rs-plugin/css/navigation.css'}}">

@endsection

<!-- Slider
		============================================= -->
<section id="slider" class="slider-element revslider-wrap" dir="ltr">

    <!-- START REVOLUTION SLIDER 5.4.8 fullwidth mode -->
    <div id="rev_slider_134_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.8">
        <ul>
            <!-- SLIDE  -->
            <li data-index="rs-330" data-transition="fade" data-slotamount="default" data-hideafterloop="0"
                data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300"
                data-thumb="" data-rotate="0"
                data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3=""
                data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9=""
                data-param10="" data-description="">
                <!-- MAIN IMAGE -->
                <img src=""
                    data-bgcolor='#FFFFFF' style='background:#8c2828' alt="Image" data-bgposition="center center"
                    data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg"
                    data-no-retina>
                <!-- LAYERS -->

                <!-- LAYER NR. 1 -->
                <div class="tp-caption   tp-resizeme rs-parallaxlevel-5" id="slide-330-layer-1"
                    data-x="['center','center','center','center']" data-hoffset="['-1','0','0','0']"
                    data-y="['bottom','bottom','bottom','bottom']" data-voffset="['90','90','90','70']"
                    data-width="none" data-height="none" data-whitespace="nowrap" data-type="image"
                    data-basealign="slide" data-responsive_offset="on"
                    data-frames='[{"delay":800,"speed":1000,"frame":"0","from":"rX:90deg;sX:1;sY:1;skY:10px;opacity:0;","to":"o:1;tO:50% 100%;z:-5;","ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                    data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
                    data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                    style="z-index: 5;"><img src="{{env('SECURE_ASSETS').'/plugins/rs-plugin/demos/assets/images/slide1.svg'}}"
                        alt="Image" data-ww="['1200px','1000px','800px','600px']"
                        data-hh="['522px','435','348','261px']" data-no-retina> </div>

                <!-- LAYER NR. 2 -->
                <div class="tp-caption   tp-resizeme rs-parallaxlevel-10"  id="slide-330-layer-4"
                    data-x="['left','left','left','left']" data-hoffset="['50','50','40','30']"
                    data-y="['top','top','top','top']" data-voffset="['50','50','40','30']"
                    data-fontsize="['45','40','30','30']" data-lineheight="['45','40','30','30']" data-width="none"
                    data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
                    data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"x:-200px;sX:1;sY:1;opacity:0;","to":"o:1;rZ:-2;","ease":"Power4.easeOut"},{"delay":"wait","speed":650,"frame":"999","to":"x:-200px;opacity:0;","ease":"Power4.easeIn"}]'
                    data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[5,5,7,7]"
                    data-paddingright="[20,20,20,20]" data-paddingbottom="[10,10,10,10]"
                    data-paddingleft="[20,20,20,20]"
                    style="z-index: 6; white-space: nowrap; font-size: 45px; line-height: 45px; font-weight: 600; color: #8c2828; letter-spacing: 0px;font-family:Oswald;background-color:rgb(255, 255, 255);">
                    <div class="rs-looped rs-wave" data-speed="2" data-angle="0" data-radius="2px"data-origin="50% 50%">
                         {{App::getLocale() == "en" ? 'MAKE AN':' '}}
                        <span style="color:#223756;">
                           {{App::getLocale() == "en" ? 'IMPRESSION!':'إحصل الان علي'}}
                        </span> </div>
                </div>

                <!-- LAYER NR. 3 -->
                <div class="tp-caption   tp-resizeme rs-parallaxlevel-10" id="slide-330-layer-5"
                    data-x="['left','left','left','left']" data-hoffset="['70','70','55','40']"
                    data-y="['top','top','top','top']" data-voffset="['104','100','80','70']"
                    data-fontsize="['45','40','30','30']" data-lineheight="['45','40','30','30']" data-width="none"
                    data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
                    data-frames='[{"delay":600,"speed":1000,"frame":"0","from":"x:200px;sX:1;sY:1;opacity:0;","to":"o:1;rZ:-2;","ease":"Power4.easeOut"},{"delay":"wait","speed":650,"frame":"999","to":"x:200px;opacity:0;","ease":"Power4.easeIn"}]'
                    data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[5,5,7,7]"
                    data-paddingright="[20,20,20,20]" data-paddingbottom="[10,10,10,10]"
                    data-paddingleft="[20,20,20,20]"
                    style="z-index: 7; white-space: nowrap; font-size: 45px; line-height: 45px; font-weight: 600; color: #8c2828; letter-spacing: 0px;font-family:Oswald;background-color:rgb(255, 255, 255);">
                    <div class="rs-looped rs-wave" data-speed="2" data-angle="0" data-radius="2px"
                        data-origin="50% 50%">{{App::getLocale() == "en" ? 'Get':''}} <span style="color:#223756;">{{App::getLocale() == "en" ? 'Our Online Courses':'افضل الكورسات التي نوفرها'}} </span>{{App::getLocale() == "en" ? ' Now ':'اونلاين'}}
                    </div>
                </div>

                <!-- LAYER NR. 4 -->
                <div class="tp-caption   tp-resizeme rs-parallaxlevel-11" id="slide-330-layer-6"
                    data-x="['left','left','left','left']" data-hoffset="['960','690','520','260']"
                    data-y="['top','top','top','top']" data-voffset="['71','70','60','140']"
                    data-fontsize="['25','20','15','15']" data-lineheight="['30','25','20','20']" data-width="none"
                    data-height="none" data-whitespace="nowrap" data-type="text"
                    data-typewriter='{"lines":"Eshra7ly","enabled":"on","speed":"30","delays":"1%7C100","looped":"on","cursorType":"one","blinking":"on","word_delay":"off","sequenced":"on","hide_cursor":"off","start_delay":"500","newline_delay":"1000","deletion_speed":"20","deletion_delay":"1000","blinking_speed":"500","linebreak_delay":"60","cursor_type":"one","background":"off"}'
                    data-responsive_offset="on"
                    data-frames='[{"delay":700,"speed":1000,"frame":"0","from":"y:50px;z:0;rX:45deg;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":500,"frame":"999","to":"y:-10px;opacity:0;","ease":"Power3.easeInOut"}]'
                    data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
                    data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                    style="z-index: 8; white-space: nowrap; font-size: 25px; line-height: 30px; font-weight: 500; color: #29052a; letter-spacing: 0px;font-family:Oswald;">
                    Eshra7ly</div>

                <!-- LAYER NR. 5 -->
                <div class="tp-caption tp-shape tp-shapewrapper  tp-resizeme" id="slide-330-layer-3"
                    data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                    data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-170','-200','-220','-250']"
                    data-width="full" data-height="400" data-whitespace="nowrap" data-type="shape"
                    data-basealign="slide" data-responsive_offset="on"
                    data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"opacity:0;","ease":"Power4.easeIn"}]'
                    data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
                    data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                    style="z-index: 9;">
                    <div class="tp-element-background"
                        style=" background: url('{{env('SECURE_ASSETS').'/plugins/rs-plugin/demos/assets/images/funky_paint-4.png'}}') repeat-x center top; background-size: contain; opacity: 1;">
                    </div>
                </div>

                <!-- LAYER NR. 6 -->
                {{-- <div class="tp-caption rev-btn  tp-resizeme" id="slide-330-layer-7"
                    data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                    data-y="['bottom','bottom','bottom','bottom']" data-voffset="['50','30','30','30']"
                    data-fontsize="['25','25','20','20']" data-lineheight="['60','60','50','50']" data-width="none"
                    data-height="none" data-whitespace="nowrap" data-type="button" data-basealign="slide"
                    data-responsive_offset="on"
                    data-frames='[{"delay":1500,"speed":1000,"frame":"0","from":"rX:90deg;sX:1;sY:1;opacity:0;","to":"o:1;tO:50% 0%;","ease":"Power4.easeOut"},{"delay":"wait","speed":500,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"200","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255,255,255,1);bg:rgb(41,5,42);bs:solid;bw:0 0 0 0;"}]'
                    data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[3,3,3,3]"
                    data-paddingright="[50,50,40,40]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[50,50,40,40]"
                    style="z-index: 10; white-space: nowrap; font-size: 25px; line-height: 60px; font-weight: 600; color: rgba(255,255,255,1); font-family:'Courier New', Courier, monospace;background-color:#8c2828;border-color:rgb(255, 255, 255);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
                    <a class="text-light" href="{{route('register/student')}}">{{App::getLocale() == "en" ? 'REGISTER':'التسجيل'}} </a> </div> --}}

                <!-- LAYER NR. 7 -->

            </li>
            <!-- SLIDE  -->

            <!-- SLIDE  -->

        </ul>
        <div class="tp-bannertimer" style="height: 10px; background: rgba(0,0,0,0.05);"></div>
    </div><!-- END REVOLUTION SLIDER -->

</section>





@section('slider-js')
<!-- SLIDER REVOLUTION 5.x SCRIPTS  -->
<script src="{{env('SECURE_ASSETS').'/plugins/rs-plugin/js/jquery.themepunch.tools.min.js'}}"></script>
<script src="{{env('SECURE_ASSETS').'/plugins/rs-plugin/js/jquery.themepunch.revolution.min.js'}}"></script>
<script src="{{env('SECURE_ASSETS').'/plugins/rs-plugin/js/addons/revolution.addon.typewriter.min.js'}}"></script>
<script src="{{env('SECURE_ASSETS').'/plugins/rs-plugin/js/addons/revolution.addon.revealer.min.js'}}"></script>
<!-- SLIDER REVOLUTION EXTENSIONS  -->
<script src="{{env('SECURE_ASSETS').'/plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js'}}"></script>
<script src="{{env('SECURE_ASSETS').'/plugins/rs-plugin/js/extensions/revolution.extension.carousel.min.js'}}"></script>
<script src="{{env('SECURE_ASSETS').'/plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js'}}"></script>
<script src="{{env('SECURE_ASSETS').'/plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js'}}"></script>
<script src="{{env('SECURE_ASSETS').'/plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js'}}"></script>
<script src="{{env('SECURE_ASSETS').'/plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js'}}"></script>
<script src="{{env('SECURE_ASSETS').'/plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js'}}"></script>
<script src="{{env('SECURE_ASSETS').'/plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js'}}"></script>
<script src="{{env('SECURE_ASSETS').'/plugins/rs-plugin/js/extensions/revolution.extension.video.min.js'}}"></script>

<!-- ADD-ONS JS FILES -->
<script>
    var revapi134,
        tpj;
    var $ = jQuery.noConflict();

    (function () {
        if (!/loaded|interactive|complete/.test(document.readyState)) document.addEventListener("DOMContentLoaded",
            onLoad);
        else onLoad();

        function onLoad() {
            if (tpj === undefined) {
                tpj = jQuery;
                if ("off" == "on") tpj.noConflict();
            }

            if (tpj("#rev_slider_134_1").revolution == undefined) {
                revslider_showDoubleJqueryError("#rev_slider_134_1");
            } else {
                revapi134 = tpj("#rev_slider_134_1").show().revolution({
                    sliderType: "standard",
                    jsFileLocation: "{{env('SECURE_ASSETS').'/plugins/rs-plugin/js/",
                    sliderLayout: "fullwidth",
                    dottedOverlay: "none",
                    delay: 9000,
                    revealer: {
                        direction: "tlbr_skew",
                        color: "#ffffff",
                        duration: "1500",
                        delay: "0",
                        easing: "Power3.easeOut",
                        spinner: "2",
                        spinnerColor: "rgba(0,0,0,",
                    },
                    navigation: {
                        keyboardNavigation: "off",
                        keyboard_direction: "horizontal",
                        mouseScrollNavigation: "off",
                        mouseScrollReverse: "default",
                        onHoverStop: "off",
                        arrows: {
                            style: "uranus",
                            enable: true,
                            hide_onmobile: false,
                            hide_onleave: false,
                            tmp: '',
                            left: {
                                h_align: "left",
                                v_align: "center",
                                h_offset: 20,
                                v_offset: 50
                            },
                            right: {
                                h_align: "right",
                                v_align: "center",
                                h_offset: 20,
                                v_offset: 50
                            }
                        }
                    },
                    responsiveLevels: [1240, 1024, 778, 480],
                    visibilityLevels: [1240, 1024, 778, 480],
                    gridwidth: [1240, 1024, 778, 480],
                    gridheight: [800, 700, 600, 500],
                    lazyType: "none",
                    parallax: {
                        type: "scroll",
                        origo: "slidercenter",
                        speed: 400,
                        speedbg: 0,
                        speedls: 0,
                        levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, -10, -15, -20, -25, 50, 51, 55],
                    },
                    shadow: 0,
                    spinner: "spinner5",
                    stopLoop: "off",
                    stopAfterLoops: -1,
                    stopAtSlide: -1,
                    shuffle: "off",
                    autoHeight: "off",
                    hideThumbsOnMobile: "off",
                    hideSliderAtLimit: 0,
                    hideCaptionAtLimit: 0,
                    hideAllCaptionAtLilmit: 0,
                    debugMode: false,
                    fallbacks: {
                        simplifyAll: "off",
                        nextSlideOnWindowFocus: "off",
                        disableFocusListener: false,
                    }
                });
            } /* END OF revapi call */

            RsTypewriterAddOn(tpj, revapi134);

            {



            }
        }; /* END OF ON LOAD FUNCTION */
    }()); /* END OF WRAPPING FUNCTION */

</script>

@endsection