@extends('partials.default')
@section('title', 'AfricaWebStudent e-Services')
@section('active_c', 'active')
@section('content')

    <!-- header -->
    <!-- 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>
                            <p> Accéder à vos données
                                quelque soit le lieu le temps en toute simplicité avec les
                                e-services de AfricaWebStudent... </p>
                            {{-- <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>
                            <p> Accéder à vos données
                                quelques soit le lieu le temps en toute simplicité avec les
                                e-services de AfricaWebStudent... </p>
                            {{-- <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
==================================================-->
    <!--/. header -->
    <!--/
==================================================-->

    <!-- Start:  contact US  Section
==================================================-->
    <section class="contact-section">
        <div class="container">
            <div class="contact_wrp">
                <div class="row">
                    @if(session()->has('message'))
                        <div class="alert alert-success mb-2 text-center">
                            <div class="alert-body">
                                <span>{{ session('message') }}</span>
                            </div>
                        </div>
                    @endif

                    @if(session()->has('error'))
                        <div class="alert alert-danger mb-2 text-center">
                            <div class="alert-body">
                                <span>{{ session('error') }}</span>
                            </div>
                        </div>
                    @endif
                    <div class="col-md-5 col-lg-4 col-sm-12">
                        <div class="contact_pg_address">
                            <h3>Info utiles IITECH SARL</h3>
                            <div class="single_con_add">
                                <a href="#"><i class="pe-7s-home"></i></a>
                                <p>Addresse :</p>
                                <span>Abomey-Calavi, <br> Bénin</span>
                            </div>
                            <div class="single_con_add">
                                <a href="#"><i class="pe-7s-mail-open-file"></i></a>
                                <p>Email : </p>
                                <span>iitech@iitech-benin.net</span>
                            </div>
                            <div class="single_con_add">
                                <a href="#"><i class="pe-7s-headphones"></i></a>
                                <p>Téléphone :</p>
                                <span>+229 61 37 45 00</span>
                            </div>
                            <div class="contact_social">
                                <a href="#"><i class="fab fa-facebook-f"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fab fa-instagram"></i></a>
                                <a href="#"><i class="fab fa-pinterest-p"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7 col-lg-8 col-sm-12 inner-contact">
                        <!--  Contact Form  -->
                        <div class="contact-form">
                            <h3>Envoyez-nous un message</h3>
                            <form method="post" action="{{url('contact')}}" id="contact-form">
                                @csrf
                                <div class="row">
                                    <div class="col-lg-6 col-sm-12">
                                        <input class="con-field" name="name" id="name" type="text" placeholder="Name" required>
                                    </div>
                                    <div class="col-lg-6 col-sm-12">
                                        <input class="con-field" name="email" id="email2" type="email"
                                            placeholder="Email" required>
                                    </div>
                                    <div class="col-lg-6 col-sm-12">
                                        <input class="con-field" name="phone" id="phone" type="text"
                                            placeholder="Phone" required>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12 col-sm-12">
                                        <textarea class="con-field" name="message" id="message2" rows="6"
                                            placeholder="Your Message" required></textarea>
                                        <div class="submit-area">
                                            <input type="submit" class="submit-contact" value="submit Now">
                                            {{-- <div id="msg" class="message"></div> --}}
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- End:Contact Form  -->
                    </div>

                    <div class="col-sm-12 map-container">
                        <iframe
                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3765.023938894304!2d-81.38341548467582!3d19.324767486945657!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8f2587a9a0b98737%3A0x38fe616bb6df631f!2s638+W+Bay+Rd%2C+Cayman+Islands!5e0!3m2!1sen!2sus!4v1549260798680"></iframe>
                    </div>
                </div>
                <!-- row /- -->
            </div>
        </div>
        <!-- container /- -->
    </section>
    <!--   End: contact US  Section
==================================================-->

@endsection