@extends('partials.default')

@if ($domain)
    @section('title', 'UP e-Services')
@else
    @section('title', 'AfricaWebStudent e-Services')
@endif

@section('active_h', 'active')
@section('content')
    <!-- Start: Hero Section
==================================================-->
    <div class="slider_owl">
        <div class="hero-section hero_two">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-12">
                        <div class="hero_text">
                            <h2> Vos Données <br />
                                Anywhere <br />
                                Anytime <br />
                            </h2>
                            @if ($domain)
                                <p> Accéder à vos données
                                    quelque soit le lieu le temps en toute simplicité avec les
                                    E-services.
                                </p>
                            @else
                                <p> Accéder à vos données
                                    quelque soit le lieu le temps en toute simplicité avec les
                                    e-services de AfricaWebStudent...
                                </p>
                            @endif
                            {{-- <a href="{{url('/login')}}" class="more-link"> Login </a> --}}
                            <a href="{{route('auth')}}" class="more-link"> Login </a>
                        </div>
                        <!-- /.hero_text -->
                    </div>
                    <!-- /.col-md-6 col-sm-12-->

                    <div class="col-md-6 col-sm-12">
                        <div class="hero_img">
                            <img src="images/coding.png" alt="" class="coding">
                            <div class="hero_img_ani" id="scene">
                                <img src="images/hero-men2.png" alt="" data-depth="0.10" class="layer">
                            </div>
                            <div class="hero_stu">
                                <h4> 4k+ Students</h4>
                                <img src="images/hero_students.png" alt="">
                            </div>
                            <img src="images/pencil.png" alt="" class="pencil">
                            <!-- /.hero_stu-->
                        </div>
                    </div>
                    <!-- /.col-md-6 col-sm-12-->
                </div>
                <!-- /. row -->
            </div>
            <!-- /. container -->
            <div class="hero_ellipse_icon">
                <img class="ellipse1" src="images/ellipse1.png" alt="">
                <img class="ellipse2" src="images/ellipse11.png" alt="">
                <img class="ellipse3" src="images/ellipse3.png" alt="">
                <img class="ellipse4" src="images/ellipse4.png" alt="">
                <img class="ellipse7" src="images/ellipse7.png" alt="">
                <img class="ellipse8" src="images/ellipse10.png" alt="">
                <img class="ellipse6" src="images/ellipse9.png" alt="">
            </div>
            <!-- /.hero_ellipse_icon-->
        </div>
        <div class="hero-section hero_two">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-12">
                        <div class="hero_text">
                        <h2> Vos Données <br />
                                Anywhere <br />
                                Anytime <br />
                                </h2>
                                @if ($domain)
                                    <p> Accéder à vos données
                                        quelque soit le lieu le temps en toute simplicité avec les
                                        E-services.
                                    </p>
                                @else
                                    <p> Accéder à vos données
                                        quelque soit le lieu le temps en toute simplicité avec les
                                        e-services de AfricaWebStudent...
                                    </p>
                                @endif
                            {{-- <a href="{{url('/login')}}" class="more-link"> Login </a> --}}
                            <a href="{{route('auth')}}" class="more-link"> Login </a>
                        </div>
                        <!-- /.hero_text -->
                    </div>
                    <!-- /.col-md-6 col-sm-12-->

                    <div class="col-md-6 col-sm-12">
                        <div class="hero_img">
                            <img src="images/coding.png" alt="" class="coding">
                            <div class="hero_img_ani" id="scene4">
                                <img src="images/hero-men3.png" alt="" data-depth="0.10" class="layer">
                            </div>
                            <div class="hero_stu">
                                <h4> 4k+ Students</h4>
                                <img src="images/hero_students.png" alt="">
                            </div>
                            <img src="images/pencil.png" alt="" class="pencil">
                            <!-- /.hero_stu-->
                        </div>
                    </div>
                    <!-- /.col-md-6 col-sm-12-->
                </div>
                <!-- /. row -->
            </div>
            <!-- /. container -->
            <div class="hero_ellipse_icon">
                <img class="ellipse1" src="images/ellipse1.png" alt="">
                <img class="ellipse2" src="images/ellipse11.png" alt="">
                <img class="ellipse3" src="images/ellipse3.png" alt="">
                <img class="ellipse4" src="images/ellipse4.png" alt="">
                <img class="ellipse7" src="images/ellipse7.png" alt="">
                <img class="ellipse8" src="images/ellipse10.png" alt="">
                <img class="ellipse6" src="images/ellipse9.png" alt="">
            </div>
            <!-- /.hero_ellipse_icon-->
        </div>
    </div>
    <!-- End: Hero Section
==================================================-->



    <!-- Start:  About US  Section
==================================================-->
    <section class="about-section">
        <!-- Container -->
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-12">
                    <div class="abt_rating">
                        <h4> 4.9+</h4>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <span> Notes utilsateurs</span>
                    </div>
                    <!-- /.abt_rating-->
                    <div class="about_img" id="scene2">
                        <img src="images/about.png" alt="image" class="layer" data-depth="0.28">
                    </div>
                    <!-- /.about_img-->
                    <div class="abt_course">
                        <h4>30+</h4>
                        <i class="fa fa-heart"></i>
                        <i class="fa fa-heart"></i>
                        <i class="fa fa-heart"></i>
                        <i class="fa fa-heart"></i>
                        <i class="fa fa-heart"></i>
                        <span> Cours en ligne</span>
                    </div>
                    <!-- /.abt_course-->
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="about_text">
                        <h3> Nous rendons votre passage spéciale </h3>
                        @if($domain)
                        
                            <p align="justify"> 
                                À l’Université de Parakou, vous bénéficiez d’un environnement d’enseignement moderne et accessible, 
                                qui vous permet de suivre vos cours et de réaliser vos travaux où que vous soyez. 
                                Vous travaillez dans de bonnes conditions grâce à des infrastructures adaptées et à un personnel académique 
                                engagé pour votre réussite. Vous gagnez du temps car toutes les informations administratives et académiques sont 
                                centralisées et faciles d’accès..
                            </p>
                        
                        @else
                            <p align="justify"> Nous faisons des promesses au nom de tous les
                                enseignants, le personnel administratif technique
                                et de service et les étudiants sans qui les entités
                                universitaires ne sauraient exister.  Nous mettons en place un modèle unique
                                de gouvernance des affaires académiques des universités en nous basant sur le numérique.
                                Nous vous proposons des solutions hors du commun.</p>
                        @endif
                        <a href="{{url('/contact')}}" class="more-link"> Contacter </a>
                    </div>
                </div>
                <!--/ col-md-12  -->
            </div>
            <!--/ row - -->
        </div>
        <!--/ Container - -->
    </section>
    <!--   End: About US  Section
==================================================-->

    <!-- Start: Featured Courses Section
==================================================-->
    @if (!$domain)
        <section class="feat-course-section">
        <div class="container">
            <!-- Start: Heading -->
            <div class="base-header">
                <h3> AfricaWebStudent e-Services </h3>
            </div>
            <!-- End: Heading -->
            <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="feat_course_item">
                        <img src="images/courses1.jpg" alt="image">
                        <div class="feat_cour_price">
                            <span class="feat_cour_tag"> GestBook </span>
                            <span class="feat_cour_p"> ... </span>
                        </div>
                        <div class="feat_cour_lesson">
                            <span class="feat_cour_less" align="justify" align="justify">La plateforme de gestion du cahier de texte numérique et d'évaluation des
                            enseignements. </span>
                        </div>
                        <div class="feat_cour_rating">
                            <span class="feat_cour_rat">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </span>
                            {{-- <a href="{{url('/login')}}"> <i class="arrow_right"></i> </a> --}}
                            <a href="{{route('auth')}}"> <i class="arrow_right"></i> </a>
                        </div>
                    </div>
                </div>
                <!-- /. col-lg-4 col-md-6 col-sm-12-->

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="feat_course_item">
                        <img src="images/courses2.jpg" alt="image">
                        <div class="feat_cour_price">
                            <span class="feat_cour_tag"> AfricaWebStudent Web </span>
                            <span class="feat_cour_p"> ... </span>
                        </div>
                        <div class="feat_cour_lesson">
                            <span class="feat_cour_less" align="justify">La plateforme de consultation des résultats académiques
                                et de demande d'acte officiel.</span>
                        </div>
                        <div class="feat_cour_rating">
                            <span class="feat_cour_rat">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </span>
                            {{-- <a href="{{url('/login')}}"> <i class="arrow_right"></i> </a> --}}
                            <a href="{{route('auth')}}"> <i class="arrow_right"></i> </a>
                        </div>
                    </div>
                </div>
                <!-- /. col-lg-4 col-md-6 col-sm-12-->

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="feat_course_item">
                        <img src="images/courses3.jpg" alt="image">
                        <div class="feat_cour_price">
                            <span class="feat_cour_tag"> AfricaWebStudent NG </span>
                            <span class="feat_cour_p"> ... </span>
                        </div>
                        <div class="feat_cour_lesson">
                            <span class="feat_cour_less" align="justify">La plateforme d'évaluation en ligne à travers
                                des questions à choix multiples (QCM)... </span>
                        </div>
                        <div class="feat_cour_rating">
                            <span class="feat_cour_rat">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </span>
                            {{-- <a href="{{url('/login')}}"> <i class="arrow_right"></i> </a> --}}
                            <a href="{{route('auth')}}"> <i class="arrow_right"></i> </a>
                        </div>
                    </div>
                </div>
                <!-- /. col-lg-4 col-md-6 col-sm-12-->

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="feat_course_item">
                        <img src="images/courses4.jpg" alt="image">
                        <div class="feat_cour_price">
                            <span class="feat_cour_tag"> AfricaWebStudent Calendar </span>
                            <span class="feat_cour_p"> ... </span>
                        </div>
                        <div class="feat_cour_lesson">
                            <span class="feat_cour_less" align="justify">La plateforme de gestion du calendrier
                                académique avec intégration de notification... </span>
                        </div>
                        <div class="feat_cour_rating">
                            <span class="feat_cour_rat">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </span>
                            {{-- <a href="{{url('/login')}}"> <i class="arrow_right"></i> </a> --}}
                            <a href="{{route('auth')}}"> <i class="arrow_right"></i> </a>
                        </div>
                    </div>
                </div>
                <!-- /. col-lg-4 col-md-6 col-sm-12-->

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="feat_course_item">
                        <img src="images/courses5.jpg" alt="image">
                        <div class="feat_cour_price">
                            <span class="feat_cour_tag"> AfricaWebStudent Finance </span>
                            <span class="feat_cour_p"> ... </span>
                        </div>
                        <div class="feat_cour_lesson">
                            <span class="feat_cour_less" align="justify">La plateforme de paiement des frais de
                                scolarité par Mobile Money, Moov Money, Visa... </span>
                        </div>
                        <div class="feat_cour_rating">
                            <span class="feat_cour_rat">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </span>
                            {{-- <a href="{{url('/login')}}"> <i class="arrow_right"></i> </a> --}}
                            <a href="{{route('auth')}}"> <i class="arrow_right"></i> </a>
                        </div>
                    </div>
                </div>
                <!-- /. col-lg-4 col-md-6 col-sm-12-->

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="feat_course_item">
                        <img src="images/courses6.jpg" alt="image">
                        <div class="feat_cour_price">
                            <span class="feat_cour_tag"> GestBookcase </span>
                            <span class="feat_cour_p"> ... </span>
                        </div>
                        <div class="feat_cour_lesson">
                            <span class="feat_cour_less" align="justify">La plateforme de gestion de bibliothèque numérique.
                            Nous rendons accessible les savoirs les plus techniques... </span>
                        </div>
                        <div class="feat_cour_rating">
                            <span class="feat_cour_rat">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </span>
                            {{-- <a href="{{url('/login')}}"> <i class="arrow_right"></i> </a> --}}
                            <a href="{{route('auth')}}"> <i class="arrow_right"></i> </a>
                        </div>
                    </div>
                </div>
                <!-- /. col-lg-4 col-md-6 col-sm-12-->
            </div>
            <!-- /. row -->
            <div class="text-center">
                <a href="{{route('auth')}}" class="more-link"> Voir tout </a>
            </div>
        </div>
        <!-- /. container -->
    </section>
    @endif
    <!-- End: Featured Courses Section
==================================================-->

<!-- Start: Newsletter Section
==================================================-->
    <section class="newsletter-section pb-130">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="newsletter_wrap">
                        <!-- Start: Heading -->
                        <div class="base-header">
                            <h3> Abonnez-vous à notre newsletter </h3>
                        </div>
                        <span>
                            Abonnez-vous à notre newsletter et recevez d'informations <br />
                            utilies chaque semaine.
                        </span>
                        <div class="newsletter_form">
                            <input class="newsletter_field" name="search" id="search_field" type="text"
                                placeholder="Entrer votre adresse mail ici" />
                            <a href="#"> SOUSCRIRE </a>
                        </div>
                        <!-- Best Book Image 1 -->
                    </div>
                </div>
            </div>
            <!-- /. row -->
        </div>
        <!-- /. container -->
    </section>
    <!-- End: Newsletter Section
==================================================-->

@endsection