@extends("web.layout.layout")

@section("contenido")
    <!-- slider area start -->
    <section class="slider__area p-relative">
        <div class="slider__wrapper swiper-container">
            <div class="swiper-wrapper">
                <div class="single-slider swiper-slide slider__height slider__overlay d-flex align-items-center" data-background="../../slider-1.jpg">
                    <div class="container">
                        <div class="row">
                            <div class="col-xxl-7 col-xl-8 col-lg-9 col-md-9 col-sm-10">
                                <div class="slider__content">
                                    <span>Innovando cada día</span>
                                    <h3 class="slider__title">Bienvenidos al sitio <span class="yellow-bg">en línea. <img src="assets/img/shape/red-bg.png" alt=""> </span> </h3>
                                    <p>Manténganse informado sobre nuestros eventos, matrícula en línea </p>
                                    <a href="{{route("estudiante::login")}}" class="e-btn slider__btn"> <i class="fas fa-graduation-cap pe-2"></i>Acceso estudiante</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
         </div>
        </div>
        <div class="swiper-container slider__nav d-none d-md-block">
            <div class="swiper-wrapper">
                <div class="slider__nav-item swiper-slide orange-bg" data-background="../../nav/slider-nav-1.jpg">
                    <div class="slider__nav-content">
                        <h4>Pasión</h4>
                    </div>
                </div>
                <div class="slider__nav-item swiper-slide blue-bg" data-background="../../nav/slider-nav-2.jpg">
                    <div class="slider__nav-content">
                        <h4>Compromiso</h4>
                    </div>
                </div>
                <div class="slider__nav-item swiper-slide pink-bg" data-background="../../nav/slider-nav-3.jpg">
                    <div class="slider__nav-content">
                        <h4>Desarrollo Integral</h4>
                    </div>
                </div>
                <div class="slider__nav-item swiper-slide green-bg" data-background="../../nav/slider-nav-4.jpg">
                    <div class="slider__nav-content">
                        <h4>Excelencia Académica</h4>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- slider area end -->

@endsection