@extends('layout/app')

@section('title', 'Accueil')

@section('content')
<header>
  <div class="header-main homepage-01">
    <div class="container">
        <div class="header-main-wrapper">
            <div class="navbar-heade">
                <div class="logo pull-left"><a href="#" class="header-logo"><img src="assets/images/alpha1.png" alt=""/></a></div>
                <button type="button" data-toggle="collapse" data-target=".navigation" class="navbar-toggle edugate-navbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
            </div>
            <nav class="navigation collapse navbar-collapse pull-right">
                <ul class="nav-links nav navbar-nav">
                    <li class="dropdown active"><a href="javascript:void(0)" class="main-menu">Accueil<span class="fa fa-angle-down icons-dropdown"></span></a></li>
                    <li class="dropdown"><a href="javascript:void(0)" class="main-menu">Prestation<span class="fa fa-angle-down icons-dropdown"></span></a>
                        <ul class="dropdown-menu edugate-dropdown-menu-1">
                            <li><a href="#" class="link-page">Formation informatique</a></li>
                            <li><a href="#" class="link-page">Depannage informatique</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="javascript:void(0)" class="main-menu">Tarifs<span class="fa fa-angle-down icons-dropdown"></span></a>

                    </li>
                    <li class="dropdown"><a href="javascript:void(0)" class="main-menu">Contact<span class="fa fa-angle-down icons-dropdown"></span></a>
                        <ul class="dropdown-menu edugate-dropdown-menu-1">
                            <li><a href="#" class="link-page">categories</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="" class="main-menu">Espace client<span class="fa fa-angle-down icons-dropdown"></span></a>
                        <ul class="dropdown-menu edugate-dropdown-menu-1">
                            <li><a href="{{ route('login') }}">Se connecter</a></li>
                            <li><a href="{{ route('register') }}">S'inscrire</a></li>
                        </ul>
                    </li>
                    <li><a href="#" class="main-menu">comment ca marche?</a></li>
                    <li><a href="#" class="main-menu">Astuce</a></li>
                </ul>
            </nav>
        </div>
    </div>
    </div>
</header>
<!-- WRAPPER-->
<div id="wrapper-content"><!-- PAGE WRAPPER-->
    <div id="page-wrapper"><!-- MAIN CONTENT-->
        <div class="main-content"><!-- CONTENT-->
            <div class="content"><!-- SLIDER BANNER-->
                <div class="section slider-banner set-height-top">
                    <div class="slider-item">
                        <div class="slider-1">
                            <div class="slider-caption">
                                <div class="container"><h5 class="text-info-2">Assistance en Ligne</h5>

                                    <h1 class="text-info-1">besoin d'aide?</h1>
                                    <h1 class="text-info-1"> </h1>

                                    <p class="text-info-3">Nous vous assistons</p>

                                    <a href="{{route('login') }}" ><button class="btn btn-green"><span>commencer maintenant !</span></button></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="slider-item">
                        <div class="slider-2">
                            <div class="slider-caption">
                                <div class="container"><h5 class="text-info-2">Depannage d'ordinateur</h5>

                                    <h1 class="text-info-1">Vous avez des soucis avec votre ordinateur?</h1>

                                    <p class="text-info-3">Nous vous depannons avec succes </p>
                                    <button class="btn btn-green"><span>commencer maintenant!</span></button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="slider-item">
                        <div class="slider-3">
                            <div class="slider-caption">
                                <div class="container"><h5 class="text-info-2">Vous Avez perdu vos donnée??</h5>

                                    <h1 class="text-info-1">votre disque dur est inaccessible?</h1>

                                    <p class="text-info-3">Nous recuperons vos données </p>
                                    <button class="btn btn-green"><span>commencer maintenant !</span></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- BUTTON BACK TO TOP-->
</div>
<!-- CHOOSE COURSES-->
<div class="section section-padding choose-course">
    <div class="container">
        <div class="group-title-index"><h4 class="top-title">CHOISISSEZ DE TYPE D'ASSISTANCE QUI VOUS CONVIENT</h4>

            <h2 class="center-title">Trouvez une solution rapide a votre preoccupation avec AlphaAssiste </h2>

            <div class="bottom-title"><i class="bottom-icon icon-a-1-01-01"></i></div>
        </div>
        <div class="choose-course-wrapper row">
            <div class="col-md-4 col-xs-6">
                <div class="item-course item-1">
                    <div class="icon-circle">
                        <div class="icon-background"><i class="icons-img icon-globe"></i></div>
                        <div class="info">
                            <div class="info-back"><a href="#">Inscrivez vous</a></div>
                        </div>
                    </div>
                    <div class="name-course"><a href="#">Assistance MS-Office</a><i class="fa fa-long-arrow-right"></i></div>
                </div>
            </div>
            <div class="col-md-4 col-xs-6">
                <div class="item-course item-2">
                    <div class="icon-circle">
                        <div class="icon-background"><i class="icons-img fa fa-database"></i></div>
                        <div class="info">
                            <div class="info-back"><a href="#">Inscrivez vous</a></div>
                        </div>
                    </div>
                    <div class="name-course"><a href="#">Assistance Mobile</a><i class="fa fa-long-arrow-right"></i></div>
                </div>
            </div>
            <div class="col-md-4 col-xs-6">
                <div class="item-course item-3">
                    <div class="icon-circle">
                        <div class="icon-background"><i class="icons-img icon-computer_network"></i></div>
                        <div class="info">
                            <div class="info-back"><a href="#">Inscrivez vous</a></div>
                        </div>
                    </div>
                    <div class="name-course"><a href="#">Assistance Logiciel</a><i class="fa fa-long-arrow-right"></i></div>
                </div>
            </div>
            <div class="col-md-4 col-xs-6">
                <div class="item-course item-4">
                    <div class="icon-circle">
                        <div class="icon-background"><i class="icons-img icon-photocamera_1"></i></div>
                        <div class="info">
                            <div class="info-back"><a href="#">Inscrivez vous</a></div>
                        </div>
                    </div>
                    <div class="name-course"><a href="#">Assistance Materiel</a><i class="fa fa-long-arrow-right"></i></div>
                </div>
            </div>
            <div class="col-md-4 col-xs-6">
                <div class="item-course item-5">
                    <div class="icon-circle">
                        <div class="icon-background"><i class="icons-img icon-credit_card"></i></div>
                        <div class="info">
                            <div class="info-back"><a href="#">Inscrivez vous</a></div>
                        </div>
                    </div>
                    <div class="name-course"><a href="#">Formation en ligne</a><i class="fa fa-long-arrow-right"></i></div>
                </div>
            </div>
            <div class="col-md-4 col-xs-6">
                <div class="item-course item-6">
                    <div class="icon-circle">
                        <div class="icon-background"><i class="icons-img icon-chat_bubbles"></i></div>
                        <div class="info">
                            <div class="info-back"><a href="#">Inscrivez vous</a></div>
                        </div>
                    </div>
                    <div class="name-course"><a href="#">Assistance en ligne</a><i class="fa fa-long-arrow-right"></i></div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- PRICING-->
<div class="section section-padding pricing">
    <div class="container">
        <div class="group-title-index"><h4 class="top-title"></h4>

            <h2 class="center-title">Nous vous offrons les meilleurs tarifs pour nos services</h2>

            <div class="bottom-title"><i class="bottom-icon icon-a-1-01-01"></i></div>
        </div>
        <div class="row">
            <div class="pricing-wrapper">
                <div class="col-sm-4">
                    <div class="pricing-widget">
                        <div class="pricing-header">
                            <div class="price-cost">
                                <div class="inner"><p data-from="0" data-to="0" data-speed="1000" class="inner-number">0</p></div>
                            </div>
                        </div>
                        <div class="pricing-content"><h3 class="pricing-title">trial</h3>

                            <p class="pricing-subtitle">30 days free trial</p>
                            <ul class="pricing-list">
                                <li><p><strong>One day</strong> trial</p></li>
                                <li><p><strong>Limited</strong> courses</p></li>
                                <li><p><strong>Free</strong> 3 lessons</p></li>
                                <li><p><strong>No</strong> supporter</p></li>
                                <li><p><strong>No</strong> ebook</p></li>
                                <li><p><strong>No</strong> tutorial</p></li>
                                <li><p><strong>Limited</strong> registered user</p></li>
                            </ul>
                            <div class="pricing-button"><a href="#">choose plan</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="pricing-widget main active">
                        <div class="pricing-header">
                            <div class="price-cost">
                                <div class="inner"><p data-from="0" data-to="35" data-speed="1000" class="inner-number">0</p></div>
                            </div>
                        </div>
                        <div class="pricing-content"><h3 class="pricing-title">Standard</h3>

                            <p class="pricing-subtitle">per month when paid annually</p>
                            <ul class="pricing-list">
                                <li><p><strong>One year</strong> standard access</p></li>
                                <li><p><strong>Limited</strong> courses</p></li>
                                <li><p><strong>300+</strong> lessons</p></li>
                                <li><p><strong>Random</strong> supporter</p></li>
                                <li><p><strong>View only</strong> ebook</p></li>
                                <li><p><strong>Standard</strong> tutorials</p></li>
                                <li><p><strong>Unlimited</strong> registered user</p></li>
                            </ul>
                            <div class="pricing-button"><a href="#">choose plan</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="pricing-widget">
                        <div class="pricing-header">
                            <div class="price-cost">
                                <div class="inner"><p data-from="0" data-to="89" data-speed="1000" class="inner-number">0</p></div>
                            </div>
                        </div>
                        <div class="pricing-content"><h3 class="pricing-title">Premiere</h3>

                            <p class="pricing-subtitle">per month when paid annually</p>
                            <ul class="pricing-list">
                                <li><p><strong>Life time</strong> access</p></li>
                                <li><p><strong>Unlimited</strong> All courses</p></li>
                                <li><p><strong>3000+</strong> lessons & growing</p></li>
                                <li><p><strong>Free</strong> supporter</p></li>
                                <li><p><strong>Free</strong> Ebook Downloads</p></li>
                                <li><p><strong>Premium</strong> tutorials</p></li>
                                <li><p><strong>Unlimited</strong> registered user</p></li>
                            </ul>
                            <div class="pricing-button"><a href="#">choose plan</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="group-btn-slider">
            <div class="btn-prev"><i class="fa fa-angle-left"></i></div>
            <div class="btn-next"><i class="fa fa-angle-right"></i></div>
        </div>
    </div>
</div>

<!-- PROGRESS BARS-->
<div class="section progress-bars section-padding">
    <div class="container">
        <div class="progress-bars-content">
            <div class="progress-bar-wrapper"><h2 class="title-2">Some important facts about us</h2>

                <div class="row">
                    <div class="content">
                        <div class="col-sm-3">
                            <div class="progress-bar-number">
                                <div data-from="0" data-to="45" data-speed="1000" class="num">0</div>
                                <p class="name-inner">teachers</p></div>
                        </div>
                        <div class="col-sm-3">
                            <div class="progress-bar-number">
                                <div data-from="0" data-to="56" data-speed="1000" class="num">0</div>
                                <p class="name-inner">courses</p></div>
                        </div>
                        <div class="col-sm-3">
                            <div class="progress-bar-number">
                                <div data-from="0" data-to="165" data-speed="1000" class="num">0</div>
                                <p class="name-inner">members</p></div>
                        </div>
                        <div class="col-sm-3">
                            <div class="progress-bar-number">
                                <div data-from="0" data-to="15" data-speed="1000" class="num">0</div>
                                <p class="name-inner">Countries</p></div>
                        </div>
                    </div>
                </div>
                <div class="group-btn-slider">
                    <div class="btn-prev"><i class="fa fa-angle-left"></i></div>
                    <div class="btn-next"><i class="fa fa-angle-right"></i></div>
                </div>
            </div>
        </div>
    </div>
</div>

<footer>

    <div class="footer-main">
        <div class="container">
            <div class="footer-main-wrapper">
                <div class="row">
                    <div class="col-2">
                        <div class="col-md-3 col-sm-6 col-xs-6 sd380">
                            <div class="edugate-widget widget">
                                <div class="title-widget">Alpha-Assist</div>
                                <div class="content-widget"><p> </p>

                                    <div class="info-list">
                                        <ul class="list-unstyled">
                                            <li><i class="fa fa-envelope-o"></i><a href="#">hello@edugate.com</a></li>
                                            <li><i class="fa fa-phone"></i><a href="#">P: 3333 222 1111</a></li>
                                            <li><i class="fa fa-map-marker"></i><a href="#"><p>99 Barnard St - Suite 111</p>

                                                <p>United States - GA 22222</p></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-6 sd380">
                            <div class="useful-link-widget widget">
                                <div class="title-widget">USEFUL LINKS</div>
                                <div class="content-widget">
                                    <div class="useful-link-list">
                                        <div class="row">
                                            <div class="col-md-6 col-sm-6 col-xs-6">
                                                <ul class="list-unstyled">
                                                    <li><i class="fa fa-angle-right"></i><a href="#">Teachers</a></li>
                                                    <li><i class="fa fa-angle-right"></i><a href="#">Courses</a></li>
                                                    <li><i class="fa fa-angle-right"></i><a href="#">Support</a></li>
                                                    <li><i class="fa fa-angle-right"></i><a href="#">Why Edugate</a></li>
                                                    <li><i class="fa fa-angle-right"></i><a href="#">Social Media</a></li>
                                                    <li><i class="fa fa-angle-right"></i><a href="#">Site Map</a></li>
                                                </ul>
                                            </div>
                                            <div class="col-md-6 col-sm-6 col-xs-6">
                                                <ul class="list-unstyled">
                                                    <li><i class="fa fa-angle-right"></i><a href="#">Company</a></li>
                                                    <li><i class="fa fa-angle-right"></i><a href="#">Latest Courses</a></li>
                                                    <li><i class="fa fa-angle-right"></i><a href="#">Partners</a></li>
                                                    <li><i class="fa fa-angle-right"></i><a href="#">Blog Post</a></li>
                                                    <li><i class="fa fa-angle-right"></i><a href="#">Help Topic</a></li>
                                                    <li><i class="fa fa-angle-right"></i><a href="#">Policies</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="col-md-3 col-sm-6 col-xs-6 sd380">
                            <div class="gallery-widget widget">
                                <div class="title-widget">GALLERY</div>
                                <div class="content-widget">
                                    <div class="gallery-list"><a href="#" class="thumb"><img src="assets/images/gallery/gallery-01.jpg" alt="" class="img-responsive"/></a><a href="#" class="thumb"><img src="assets/images/gallery/gallery-02.jpg" alt="" class="img-responsive"/></a><a href="#" class="thumb"><img src="assets/images/gallery/gallery-03.jpg" alt="" class="img-responsive"/></a><a href="#" class="thumb"><img src="assets/images/gallery/gallery-04.jpg" alt="" class="img-responsive"/></a><a href="#" class="thumb"><img src="assets/images/gallery/gallery-05.jpg" alt="" class="img-responsive"/></a><a href="#" class="thumb"><img src="assets/images/gallery/gallery-06.jpg" alt="" class="img-responsive"/></a><a href="#" class="thumb"><img src="assets/images/gallery/gallery-07.jpg" alt="" class="img-responsive"/></a><a href="#" class="thumb"><img src="assets/images/gallery/gallery-08.jpg"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        alt="" class="img-responsive"/></a></div>
                                    <div class="clearfix"></div>
                                    <a href="#" class="view-more">View more&nbsp;<i class="fa fa-angle-double-right mls"></i></a></div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-6 sd380">
                            <div class="mailing-widget widget">
                                <div class="title-widget">MAILING</div>
                                <div class="content-wiget"><p>Sign up for our mailing list to get latest updates and offers.</p>

                                    <form action="http://swlabs.co/edugate/index.html">
                                        <div class="input-group"><input type="text" placeholder="Email address" class="form-control form-email-widget"/><span class="input-group-btn"><input type="submit" value="✓" class="btn btn-email"/></span></div>
                                    </form>
                                    <p>We respect your privacy</p>

                                    <div class="socials"><a href="#" class="facebook"><i class="fa fa-facebook"></i></a><a href="#" class="google"><i class="fa fa-google-plus"></i></a><a href="#" class="twitter"><i class="fa fa-twitter"></i></a><a href="#" class="pinterest"><i class="fa fa-pinterest"></i></a><a href="#" class="blog"><i class="fa fa-rss"></i></a><a href="#" class="dribbble"><i class="fa fa-dribbble"></i></a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="hyperlink">
                <div class="pull-left hyper-left">
                    <ul class="list-inline">
                        <li><a href="#">HOME</a></li>
                        <li><a href="#">COURSES</a></li>
                        <li><a href="#">ABOUT</a></li>
                        <li><a href="#">PAGES</a></li>
                        <li><a href="#">NEWS</a></li>
                        <li><a href="#">CONTACT</a></li>
                    </ul>
                </div>
                <div class="pull-right hyper-right">@ SWLABS</div>
            </div>
        </div>
    </div>
</footer>
@stop