@extends('layout.master')
@section('content')

    <!-- ==============================================
    ** Banner Carousel **
    =================================================== -->
    <div class="banner-outer">
        <div class="banner-slider">
            <div class="slide1">
                <div class="container">
                    <div class="content animated fadeInRight">
                        <div class="fl-right">
                            <h1 class="animated fadeInRight">Bienvenu à <span class="animated fadeInRight" style="text-transform: none !important;">AHTK MANAKEL Consulting</span> </h1>
                            <p class="animated fadeInRight">la première Université Privée du Grand Kloto</p>
                            <a href="{{url('apropos')}}" class="btn animated fadeInRight">A propos <span class="icon-more-icon"></span></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="slide2">
                <div class="container">
                    <div class="content">
                        <h1 class="animated fadeInUp" style="color:#fff">Notre Objectif </h1>
                        <p class="animated fadeInUp">Afin d’encourager la formation professionnelle et l’insertion des jeunes, de même que soutenir les parents et tuteurs soucieux de l’avenir de leurs enfants, l’AHTK-Manakel Consulting est créé et ce, pour être plus proche de la population </p>
                        <a href="{{url('apropos')}}" class="btn animated fadeInUp">En savoir plus <span class="icon-more-icon"></span></a>
                        <a href="{{url('contact')}}" class="btn white animated fadeInUp hidden-xs">Nous contacter <span class="icon-more-icon"></span></a>
                    </div>
                </div>
            </div>
            <div class="slide3">
                <div class="container">
                    <div class="content animated fadeInLeft">
                        <h1 class="animated fadeInLeft">Notre Mission </h1>
                        <p class="animated fadeInLeft">Donner des formations qualifiantes dans les domaines de l’Hôtellerie, Hôtessariat, Tourisme etc. et le Luxe et assurer une insertion professionnelle aux apprentis </p>
                        <a href="{{url('apropos')}}" class="btn animated fadeInLeft">En savoir plus <span class="icon-more-icon"></span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ==============================================
    ** About **
    =================================================== -->
    <section class="about">
        <div class="container">
            <ul class="row our-links">
                <li class="col-sm-4 apply-online clearfix equal-hight">
                    <div class="icon"><img src="template/images/apply-online-ico.png" class="img-responsive" alt=""></div>
                    <div class="detail">
                        <h3>Nous Contacter</h3>
                        <p>Laissez nous votre message directement via le site</p>
                        <a href="{{url('contact')}}" class="more"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
                    </div>
                </li>
                <li class="col-sm-4 prospects clearfix equal-hight">
                    <div class="icon"><img src="template/images/prospects-ico.png" class="img-responsive" alt=""></div>
                    <div class="detail">
                        <h3><span>Télécharger des</span>Documents</h3>
                        <p>Veuillez cliquer ici pour accéder et télécharger des documents et fiches utiles</p>
                        <a href="#" class="more"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
                    </div>
                </li>
                <li class="col-sm-4 certification clearfix equal-hight">
                    <div class="icon"><img src="template/images/certification-ico.png" class="img-responsive" alt=""></div>
                    <div class="detail">
                        <h3>Certifications</h3>
                        <p>L’Académie Manakel Consulting a formé plus de 1.000 jeunes</p>
                        <a href="javascript:void(0)" class="more"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-sm-7 col-sm-push-5 left-block"> <span class="sm-head">AHTK Manakel Consulting </span>
                    <h2>Qui sommes nous ?</h2>
                    <p>Créée le 17 février 2014 sous l’appellation  « Institut de Formation Professionnelle Qualifiante » (IFPQ-Manakel Consulting) en 2018, il prendra désormais, et ce, depuis juillet 2021, le nom de l’Académie de l’Hôtellerie et du Tourisme de Kloto (AHTK-Manakel Consulting) et donc aujourd’hui neuf (9) ans. L’Académie Manakel Consulting a formé plus de 1.000 jeunes, dont +75% sont insérés et bénéficient d’un accompagnement de +50% de réduction sur les frais de formation, contribuant ainsi à la réduction du chômage dans le pays.</p>
                    <div class="know-more-wrapper"> <a href="{{url('apropos')}}" class="know-more">Lire la suite <span class="icon-more-icon"></span></a> </div>
                </div>
                <div class="col-sm-5 col-sm-pull-7">
                    <div class="video-block">
                        <div id="thumbnail_container"> <img src="{{url('template/images/about-video.jpg')}}" id="thumbnail" class="img-responsive" alt=""> </div>
                        <a href="https://www.youtube.com/watch?v=YJ_AvFvED8k" class="start-video video"><img src="{{url('template/images/play-btn.png')}}" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ==============================================
    ** Our Cources **
    =================================================== -->
    <section class="our-cources padding-lg">
        <div class="container">
            <h2> <span>Découvrer nos formations</span> Nos formations</h2>
            <ul class="course-list owl-carousel">
                <li>
                    <div class="inner">
                        <figure><img src="template/images/course-img1.jpg" alt=""></figure>
                        <h3>Online <span>MBA General</span></h3>
                        <p>A comprehensive study of modern business...</p>
                        <div class="bottom-txt clearfix">
                            <div class="duration">
                                <h4>2 Year</h4>
                                <span> Courses</span>
                            </div>
                            <a href="#"><span class="icon-more-icon"></span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="inner">
                        <figure><img src="template/images/course-img2.jpg" alt=""></figure>
                        <h3>Online MBA <span>Operations</span></h3>
                        <p>A comprehensive study of modern business...</p>
                        <div class="bottom-txt clearfix">
                            <div class="duration">
                                <h4>1 Year</h4>
                                <span> Courses</span>
                            </div>
                            <a href="#"><span class="icon-more-icon"></span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="inner">
                        <figure><img src="template/images/course-img3.jpg" alt=""></figure>
                        <h3>Online MBA <span>Marketing</span></h3>
                        <p>A comprehensive study of modern business...</p>
                        <div class="bottom-txt clearfix">
                            <div class="duration">
                                <h4>3 Year</h4>
                                <span> Courses</span>
                            </div>
                            <a href="#"><span class="icon-more-icon"></span></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="inner">
                        <figure><img src="template/images/course-img4.jpg" alt=""></figure>
                        <h3>Online MBA <span>Human</span><span>Resource</span></h3>
                        <p>A comprehensive study of modern business...</p>
                        <div class="bottom-txt clearfix">
                            <div class="duration">
                                <h4>2 Year</h4>
                                <span> Courses</span>
                            </div>
                            <a href="#"><span class="icon-more-icon"></span></a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </section>

    {{--

    <!-- ==============================================
    ** Our Importance **
    =================================================== -->
    <section class="our-impotance padding-lg">
        <div class="container">
            <ul class="row">
                <li class="col-sm-4 equal-hight">
                    <div class="inner"> <img src="template/images/study-time-ico.jpg" alt="Malleable Study Time">
                        <h3>Malleable Study Time</h3>
                        <p>Study material available online 24/7. Study in your free time, no time management issues, perfect balance between work and study time.</p>
                    </div>
                </li>
                <li class="col-sm-4 equal-hight">
                    <div class="inner"> <img src="template/images/placement-ico.jpg" alt="Placement Assistance">
                        <h3>Placement Assistance</h3>
                        <p>Edumart University Online has access to all of Edumart Group’s placement resources and alumni network, through which thousands of job opportunities are generated.</p>
                    </div>
                </li>
                <li class="col-sm-4 equal-hight">
                    <div class="inner"> <img src="template/images/easy-access-ico.jpg" alt="Easy To Access">
                        <h3>Easy To Access</h3>
                        <p>There is easy accessibility to online help in terms of online teachers and online forums. Teachers can be contacted with the help of video chats and e-mails.</p>
                    </div>
                </li>
                <li class="col-sm-4 equal-hight">
                    <div class="inner"> <img src="template/images/study-go-ico.jpg" alt="Study on the Go">
                        <h3>Study on the Go</h3>
                        <p>LMS that is easily accessible on a number of devices such as mobile phones, I-pads, computers and other such devices. Availability of ready reckoners such that students can remember the key points of the session learnt.</p>
                    </div>
                </li>
                <li class="col-sm-4 equal-hight">
                    <div class="inner"> <img src="template/images/get-innovative-ico.jpg" alt="Get an Innovative, In-depth Transition">
                        <h3>Get an Innovative, <span>In-depth Transition</span></h3>
                        <p>The transition to an environment of learning becomes easy with the availability of multiple sources of learning such as text books, power-point presentations, and story boards on various subjects.</p>
                    </div>
                </li>
                <li class="col-sm-4 equal-hight">
                    <div class="inner"> <img src="template/images/practical-ico.jpg" alt="Practical & Interactive Participation">
                        <h3>Practical & Interactive <span>Participation</span></h3>
                        <p>Assessments and interactivities are given at the end of every session such that the practical application of theory learnt can be gauged.</p>
                    </div>
                </li>
            </ul>
        </div>
    </section>

    <!-- ==============================================
    ** How Study **
    =================================================== -->
    <section class="how-study padding-lg">
        <div class="container">
            <h2> <span>There are many ways to learn</span> How do you want to study?</h2>
            <ul class="row">
                <li class="col-sm-4">
                    <div class="overly">
                        <div class="cnt-block">
                            <h3>Self-paced distance
                                learning</h3>
                            <p>Lorem Ipsum is simply dummy text of the printing...</p>
                        </div>
                        <a href="#" class="more"><i class="fa fa-caret-right" aria-hidden="true"></i></a>
                    </div>
                    <figure><img src="template/images/how-study-img1.jpg" class="img-responsive" alt=""></figure>
                </li>
                <li class="col-sm-4">
                    <div class="overly">
                        <div class="cnt-block">
                            <h3>Study on
                                campus</h3>
                            <p>Lorem Ipsum is simply dummy text of the printing...</p>
                        </div>
                        <a href="#" class="more"><i class="fa fa-caret-right" aria-hidden="true"></i></a>
                    </div>
                    <figure><img src="template/images/how-study-img2.jpg" class="img-responsive" alt=""></figure>
                </li>
                <li class="col-sm-4">
                    <div class="overly">
                        <div class="cnt-block">
                            <h3> Our Learning
                                Partners </h3>
                            <p>Lorem Ipsum is simply dummy text of the printing...</p>
                        </div>
                        <a href="#" class="more"><i class="fa fa-caret-right" aria-hidden="true"></i></a>
                    </div>
                    <figure><img src="template/images/how-study-img3.jpg" class="img-responsive" alt=""></figure>
                </li>
            </ul>
        </div>
    </section>

    <!-- ==============================================
    ** Why Choose **
    =================================================== -->
    <section class="why-choose padding-lg">
        <div class="container">
            <h2><span>The Numbers Say it All</span>Why Choose Us</h2>
            <ul class="our-strength">
                <li>
                    <div class="icon"><span class="icon-certification-icon"> </span></div>
                    <span class="counter">36</span>
                    <div class="title">Certified Courses</div>
                </li>
                <li>
                    <div class="icon"><span class="icon-student-icon"></span></div>
                    <span class="counter">258,658</span>
                    <div class="title">Students Enrolled </div>
                </li>
                <li>
                    <div class="icon"><span class="icon-book-icon"></span></div>
                    <div class="couter-outer"><span class="counter">95</span><span>%</span></div>
                    <div class="title">Passing to Universities</div>
                </li>
                <li>
                    <div class="icon"><span class="icon-parents-icon"></span></div>
                    <div class="couter-outer"><span class="counter">100</span><span>%</span></div>
                    <div class="title">Satisfied Parents</div>
                </li>
            </ul>
        </div>
    </section>

    <!-- ==============================================
    ** News & Events **
    =================================================== -->
    <section class="news-events padding-lg">
        <div class="container">
            <h2><span>There are many ways to learn</span>News and events</h2>
            <ul class="row cs-style-3">
                <li class="col-sm-4">
                    <div class="inner">
                        <figure> <img src="template/images/new-event-img1.jpg" class="img-responsive">
                            <figcaption>
                                <div class="cnt-block"> <a href="news.html" class="plus-icon">+</a>
                                    <h3>We have added new features to Dream Palace</h3>
                                    <div class="bottom-block clearfix">
                                        <div class="date">
                                            <div class="icon"><span class="icon-calander-icon"></span></div>
                                            <span>14 Feb</span> 2017
                                        </div>
                                        <div class="comment">
                                            <div class="icon"><span class="icon-chat-icon"></span></div>
                                            <span>24</span> comments
                                        </div>
                                    </div>
                                </div>
                            </figcaption>
                        </figure>
                    </div>
                </li>
                <li class="col-sm-4">
                    <div class="inner">
                        <figure> <img src="template/images/new-event-img2.jpg" class="img-responsive">
                            <figcaption>
                                <div class="cnt-block"> <a href="news.html" class="plus-icon">+</a>
                                    <h3>We have added new features to Dream Palace</h3>
                                    <div class="bottom-block clearfix">
                                        <div class="date">
                                            <div class="icon"><span class="icon-calander-icon"></span></div>
                                            <span>14 Feb</span> 2017
                                        </div>
                                        <div class="comment">
                                            <div class="icon"><span class="icon-chat-icon"></span></div>
                                            <span>24</span> comments
                                        </div>
                                    </div>
                                </div>
                            </figcaption>
                        </figure>
                    </div>
                </li>
                <li class="col-sm-4">
                    <div class="inner">
                        <figure> <img src="template/images/new-event-img3.jpg" class="img-responsive">
                            <figcaption>
                                <div class="cnt-block"> <a href="news.html" class="plus-icon">+</a>
                                    <h3>We have added new features to Dream Palace</h3>
                                    <div class="bottom-block clearfix">
                                        <div class="date">
                                            <div class="icon"><span class="icon-calander-icon"></span></div>
                                            <span>14 Feb</span> 2017
                                        </div>
                                        <div class="comment">
                                            <div class="icon"><span class="icon-chat-icon"></span></div>
                                            <span>24</span> comments
                                        </div>
                                    </div>
                                </div>
                            </figcaption>
                        </figure>
                    </div>
                </li>
            </ul>
            <div class="know-more-wrapper"> <a href="news.html" class="know-more">More Post <span class="icon-more-icon"></span></a> </div>
        </div>
    </section>

    <!-- ==============================================
    ** Campus Tour **
    =================================================== -->
    <section class="campus-tour padding-lg">
        <div class="container">
            <h2><span>Our campus have a lot to offer for our students</span>TAKE A CAMPUS TOUR</h2>
        </div>
        <ul class="gallery clearfix">
            <li>
                <div class="overlay">
                    <h3>Lorem ipsum</h3>
                    <p>Lorem ipsum</p>
                    <a class="galleryItem" href="images/tour-lg1.jpg"><span class="icon-enlarge-icon"></span></a>
                    <a href="gallery.html" class="more"><span class="icon-gallery-more-arrow"></span></a>
                </div>
                <figure><img src="template/images/tour1.jpg" class="img-responsive" alt=""></figure>
            </li>
            <li>
                <div class="overlay">
                    <h3>Lorem ipsum</h3>
                    <p>Lorem ipsum</p>
                    <a class="galleryItem" href="images/tour-lg2.jpg"><span class="icon-enlarge-icon"></span></a>
                    <a href="gallery.html" class="more"><span class="icon-gallery-more-arrow"></span></a>
                </div>
                <figure><img src="template/images/tour2.jpg" class="img-responsive" alt=""></figure>
            </li>
            <li>
                <div class="overlay">
                    <h3>Lorem ipsum</h3>
                    <p>Lorem ipsum</p>
                    <a class="galleryItem" href="images/tour-lg3.jpg"><span class="icon-enlarge-icon"></span></a>
                    <a href="gallery.html" class="more"><span class="icon-gallery-more-arrow"></span></a>
                </div>
                <figure><img src="template/images/tour3.jpg" class="img-responsive" alt=""></figure>
            </li>
            <li>
                <div class="overlay">
                    <h3>Lorem ipsum</h3>
                    <p>Lorem ipsum</p>
                    <a class="galleryItem" href="images/tour-lg4.jpg"><span class="icon-enlarge-icon"></span></a>
                    <a href="gallery.html" class="more"><span class="icon-gallery-more-arrow"></span></a>
                </div>
                <figure><img src="template/images/tour4.jpg" class="img-responsive" alt=""></figure>
            </li>
            <li>
                <div class="overlay">
                    <h3>Lorem ipsum</h3>
                    <p>Lorem ipsum</p>
                    <a class="galleryItem" href="images/tour-lg5.jpg"><span class="icon-enlarge-icon"></span></a>
                    <a href="gallery.html" class="more"><span class="icon-gallery-more-arrow"></span></a>
                </div>
                <figure><img src="template/images/tour5.jpg" class="img-responsive" alt=""></figure>
            </li>
            <li>
                <div class="overlay">
                    <h3>Lorem ipsum</h3>
                    <p>Lorem ipsum</p>
                    <a class="galleryItem" href="images/tour-lg6.jpg"><span class="icon-enlarge-icon"></span></a>
                    <a href="gallery.html" class="more"><span class="icon-gallery-more-arrow"></span></a>
                </div>
                <figure><img src="template/images/tour6.jpg" class="img-responsive" alt=""></figure>
            </li>
            <li>
                <div class="overlay">
                    <h3>Lorem ipsum</h3>
                    <p>Lorem ipsum</p>
                    <a class="galleryItem" href="images/tour-lg7.jpg"><span class="icon-enlarge-icon"></span></a>
                    <a href="gallery.html" class="more"><span class="icon-gallery-more-arrow"></span></a>
                </div>
                <figure><img src="template/images/tour7.jpg" class="img-responsive" alt=""></figure>
            </li>
            <li>
                <div class="overlay">
                    <h3>Lorem ipsum</h3>
                    <p>Lorem ipsum</p>
                    <a class="galleryItem" href="images/tour-lg8.jpg"><span class="icon-enlarge-icon"></span></a>
                    <a href="gallery.html" class="more"><span class="icon-gallery-more-arrow"></span></a>
                </div>
                <figure><img src="template/images/tour8.jpg" class="img-responsive" alt=""></figure>
            </li>
            <li>
                <div class="overlay">
                    <h3>Lorem ipsum</h3>
                    <p>Lorem ipsum</p>
                    <a class="galleryItem" href="images/tour-lg9.jpg"><span class="icon-enlarge-icon"></span></a>
                    <a href="gallery.html" class="more"><span class="icon-gallery-more-arrow"></span></a>
                </div>
                <figure><img src="template/images/tour9.jpg" class="img-responsive" alt=""></figure>
            </li>
            <li>
                <div class="overlay">
                    <h3>Lorem ipsum</h3>
                    <p>Lorem ipsum</p>
                    <a class="galleryItem" href="images/tour-lg10.jpg"><span class="icon-enlarge-icon"></span></a>
                    <a href="gallery.html" class="more"><span class="icon-gallery-more-arrow"></span></a>
                </div>
                <figure><img src="template/images/tour10.jpg" class="img-responsive" alt=""></figure>
            </li>
        </ul>
    </section>

    <!-- ==============================================
    ** Brands **
    =================================================== -->
    <section class="logos">
        <div class="container">
            <ul class="owl-carousel clearfix">
                <li><a href="#"><img src="template/images/logo1.jpg" class="img-responsive" alt=""></a></li>
                <li><a href="#"><img src="template/images/logo2.jpg" class="img-responsive" alt=""></a></li>
                <li><a href="#"><img src="template/images/logo3.jpg" class="img-responsive" alt=""></a></li>
                <li><a href="#"><img src="template/images/logo4.jpg" class="img-responsive" alt=""></a></li>
                <li><a href="#"><img src="template/images/logo5.jpg" class="img-responsive" alt=""></a></li>
                <li><a href="#"><img src="template/images/logo6.jpg" class="img-responsive" alt=""></a></li>
            </ul>
        </div>
    </section>

    <!-- ==============================================
    ** Testimonials **
    =================================================== -->
    <section class="testimonial padding-lg">
        <div class="container">
            <div class="wrapper">
                <h2>Alumini Testimonials</h2>
                <ul class="testimonial-slide">
                    <li>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley...<a href="#">Read more</a></p>
                        <span>Thomas, <span>London</span></span>
                    </li>
                    <li>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley...<a href="#">Read more</a></p>
                        <span>Thomas, <span>London</span></span>
                    </li>
                    <li>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley...<a href="#">Read more</a></p>
                        <span>Thomas, <span>London</span></span>
                    </li>
                </ul>
                <div id="bx-pager">
                    <a data-slide-index="0" href=""><img src="template/images/testimonial-thumb1.jpg" class="img-circle" alt="" /></a>
                    <a data-slide-index="1" href=""><img src="template/images/testimonial-thumb2.jpg" class="img-circle" alt="" /></a>
                    <a data-slide-index="2" href=""><img src="template/images/testimonial-thumb3.jpg" class="img-circle" alt="" /></a>
                </div>
            </div>
        </div>
    </section>

    --}}

@endsection