<!DOCTYPE HTML>
<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Gest Task Template - Votre plateforme de gestion de tâches</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="author" content="" />

  <!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Nunito:200,300,400" rel="stylesheet">

	<!-- Animate.css -->
	<link rel="stylesheet" href="{{asset('assets/accueil/css/animate.css')}}">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="{{asset('assets/accueil/css/icomoon.css')}}">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="{{asset('assets/accueil/css/bootstrap.css')}}">

	<!-- Magnific Popup -->
	<link rel="stylesheet" href="{{asset('assets/accueil/css/magnific-popup.css')}}">

	<!-- Owl Carousel -->
	<link rel="stylesheet" href="{{asset('assets/accueil/css/owl.carousel.min.css')}}">
	<link rel="stylesheet" href="{{asset('assets/accueil/css/owl.theme.default.min.css')}}">

	<!-- Theme style  -->
	<link rel="stylesheet" href="{{asset('assets/accueil/css/style.css')}}">

	<!-- Modernizr JS -->
	<script src="{{asset('assets/accueil/js/modernizr-2.6.2.min.js')}}"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>

	<div class="colorlib-loader"></div>

	<div id="page">
		<nav class="colorlib-nav" role="navigation">
			<div class="top-menu">
				<div class="container">
					<div class="row">
						<div class="col-md-3">
							<div id="colorlib-logo">
                                <a href="{{url('/')}}">
                                    <img
                                        src="{{asset('assets/images/logos/gestTask.png')}}"
                                        alt="logo_gest_task"
                                        width="100px"
                                        style="margin-right: 10px"
                                    >
                                    {{-- Gest Task --}}
                                </a>
                            </div>
						</div>
						<div class="col-md-9 text-right menu-1">
							<ul>
								<li class="active"><a href="{{url('/')}}">Accueil</a></li>
								<!--li><a href="contact.html">Contact</a></li>
								<li><a href="blog.html">Blog</a></li>
								<li><a href="about.html">About</a></li>
								<li><a href="shop.html">Shop</a></li-->
                                {{-- <li><a href="{{ route('user.connexion') }}">CONNEXION</a></li> --}}
                                {{-- <li><a href="{{ route('inscription-user') }}">INSCRIPTION</a></li> --}}
							</ul>
						</div>
					</div>
				</div>
			</div>
		</nav>

		<section id="home" class="video-hero" style="height: 700px; background-image: url(assets/accueil/images/cover_img_1.jpg);  background-size:cover; background-position: center center;background-attachment:fixed;" data-section="home">
		    <div class="overlay"></div>
			<a class="player" ></a>
			<div class="display-t text-center">
				<div class="display-tc">
					<div class="container">
						<div class="col-md-12 col-md-offset-0">
							<div class="animate-box">
								<h2>Gérez vos projets en groupe et collaborez en équipe avec Gest Task </h2>
								<p>Créez des projets, affectez-y des équipes</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<div class="colorlib-featured">
			<div class="row animate-box">
				<div class="featured-wrap">
					<div class="owl-carousel">
						<div class="item">
							<div class="col-md-8 col-md-offset-2">
								<div class="featured-entry">
									<img class="img-responsive" src="{{asset('assets/accueil/images/projet-image-1.jpg')}}" alt="">
								</div>
							</div>
						</div>
						<div class="item">
							<div class="col-md-8 col-md-offset-2">
								<div class="featured-entry">
									<img class="img-responsive" src="{{asset('assets/accueil/images/projet-image-2.jpg')}}" alt="">
								</div>
							</div>
						</div>
						<div class="item">
							<div class="col-md-8 col-md-offset-2">
								<div class="featured-entry">
									<img class="img-responsive" src="{{asset('assets/accueil/images/projet-image-3.jpg')}}" alt="">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="colorlib-services colorlib-bg-white">
			<div class="container">
				<div class="row">
					<div class="col-md-4 text-center animate-box">
						<div class="services">
							<span class="icon">
								<i class="icon-browser"></i>
							</span>
							<div class="desc">
								<h3>Créez vos propres projets</h3>
								<p>Vos projets sont constitués d'activités. </p>
							</div>
						</div>
					</div>
					<div class="col-md-4 text-center animate-box">
						<div class="services">
							<span class="icon">
								<i class="icon-download"></i>
							</span>
							<div class="desc">
								<h3>Gérez les tâches de vos activités</h3>
								<p>Vos activités sont constituées de tâches, vous pouvez affecter un de vos associés à une tâche.</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 text-center animate-box">
						<div class="services">
							<span class="icon">
								<i class="icon-layers"></i>
							</span>
							<div class="desc">
								{{-- <h3>Plusieurs équipes sur un même projet</h3>
								<p>Vous pouvez affecter plusieurs équipes à un même projet.</p> --}}
                                <h3>Collaborez sur un même tâche</h3>
								<p>Vous pouvez affecter plusieurs associés à une même tâche d'un projet.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


		<div id="colorlib-counter" class="colorlib-counters" style="background-image: url(assets/accueil/images/cover_img_1.jpg);" data-stellar-background-ratio="0.5">
			<div class="overlay"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="col-md-4 col-sm-4 text-center animate-box">
							<div class="counter-entry">
								<span class="icon"><i class="flaticon-ribbon"></i></span>
								<div class="desc">
									<span class="colorlib-counter js-counter" data-from="0" data-to="1500" data-speed="5000" data-refresh-interval="50"></span>
									<span class="colorlib-counter-label">Visiteurs</span>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-sm-4 text-center animate-box">
							<div class="counter-entry">
								<span class="icon"><i class="flaticon-church"></i></span>
								<div class="desc">
									<span class="colorlib-counter js-counter" data-from="0" data-to="500" data-speed="5000" data-refresh-interval="50"></span>
									<span class="colorlib-counter-label">Utilisateurs de la plateforme</span>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-sm-4 text-center animate-box">
							<div class="counter-entry">
								<span class="icon"><i class="flaticon-dove"></i></span>
								<div class="desc">
									<span class="colorlib-counter js-counter" data-from="0" data-to="1200" data-speed="5000" data-refresh-interval="50"></span>
									<span class="colorlib-counter-label">Connectés</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="colorlib-blog">
			<div class="container">
				<div class="row">
					<div class="col-md-8 col-md-offset-2 text-center colorlib-heading animate-box">
						<h2>Foire aux questions</h2>
						<p>Découvrez comment utiliser la plateforme de gestion de tâches GEST TASK.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4 animate-box" style="border-width: 2px;">
						<article>
							<h2>Comment <strong class="text-primary">accéder</strong> à la plateforme ?</h2>
							{{-- <p class="admin"><span>May 12, 2018</span></p> --}}
							<p>
								<ol>
									<li>Cliquer sur le bouton <span class="text-primary">Commencer dès maintenant</span>.</li>
									<li>Remplissez le formulaire de connexion (Email et Mot de passe) et cliquer sur le bouton <span class="text-primary">Se connecter</span>.</li>
									<li>Si vous n'avez pas de compte, cliquer sur le bouton <span class="text-primary">S'inscrire</span> pour vous inscrire sur la plateforme.</li>
								</ol>
							</p>
							{{-- <p class="author-wrap"><a href="#" class="author-img" style="background-image: url(assets/accueil/images/person1.jpg);"></a> <a href="#" class="author">by Dave Miller</a></p> --}}
						</article>
					</div>
					<div class="col-md-4 animate-box">
						<article style="padding-bottom: 23%;">
							<h2>Comment créer un <strong class="text-primary">projet</strong> ?</h2>
                            <p>
                                Une fois connecté:
								<ol>
									<li>Cliquer sur le bouton <span class="text-primary">Créer un projet</span>.</li>
									<li>Remplir les champs <strong>Nom du projet</strong> et <strong>description</strong> du formulaire.</li>
                                    <li>Cliquer sur le bouton <span class="text-primary">Créer</span> pour créer votre projet.</li>
								</ol>
							</p>
                        </article>
					</div>
					<div class="col-md-4 animate-box">
						<article>
							<h2>Comment créer une <strong class="text-primary">activité</strong> ?</h2>
							{{-- <p class="admin"><span>May 12, 2018</span></p> --}}
							<p>
                                <ol>
								    <li>Cliquer sur le bouton <span class="text-primary">Voir le projet</span> de la carte de votre projet.</li>
								    <li>Cliquer sur le bouton <span class="text-primary">Ajouter une activité</span>.</li>
								    <li>Remplir les champs
                                        <strong>Nom de l'activité</strong>,
                                        <strong>Date de début</strong> et
                                        <strong>Date de fin</strong> et
                                        cliquer sur le bouton
                                        <span class="text-primary">Ajouter</span>
                                        pour créer votre activité.
                                    </li>
                                </ol>
                            </p>
							{{-- <p class="author-wrap"><a href="#" class="author-img" style="background-image: url(assets/accueil/images/person3.jpg);"></a> <a href="#" class="author">by Dave Miller</a></p> --}}
						</article>
					</div>
				</div>
			</div>
		</div>


		{{-- <hr style="border-width:10px; color: black; width: 900px;"> --}}

		<footer class="bg-white" style="background-color: white;">
			<div class="container">
				<div class="row">
					<div class="col-lg-4" style="margin-top:10px; margin-bottom:20px;">
						<img src="{{asset('assets/accueil/images/logo_itech.png')}}">
                        <h3 style="color:black;">Institut d'Innovation Technologique (IITECH)</h3>
                        <p style="text-align:justify">
							Centre d'innovation Technologique, IITECH se veut être une entreprise offrant ses services dans divers domaines de l'informatique.
                        </p>
					</div>

                    <div class="col-lg-4" style="display:flex; flex-direction:column; margin-top: 10px;">
                        <h3 style="font-weight: bold; margin-left: 30px;">Accédez à notre plateforme via:</h3>
                        <div style="display:flex; flex-direction:column; font-size: 18px; margin-top: 20px; margin-left: 30px;">
                            <a href="{{ url('/') }}" style="color: DodgerBlue; font-weight: 500">Accueil</a>
                            <a href="{{ route('user.connexion') }}" style="color: DodgerBlue; font-weight: 500">Connexion</a>
                            {{-- <a href="{{ route('inscription-user') }}" style="color: DodgerBlue; font-weight: 500">Inscription</a> --}}
                        </div>
                    </div>

					<div class="col-lg-4">
						<h4 style="margin-top: 10px; margin-bottom: 20px; font-weight:bold; font-size:x-large">
                            Contactez-nous
                        </h4>
						<address style="font-size: medium; font-weight:400;">
							<img height="20" width="20" src="{{asset('assets/accueil/images/2.jpeg')}}">
                            <a href="https://iitech.refod.net/" style="margin-left: 5px"></i> iitech@refod.net </a><br><br>
							<div style="height:20px"></div>
							<img height="20" width="20" src="{{asset('assets/accueil/images/1.jpeg')}}"><a> (+229)96-32-98-90
								&amp; 94-17-28-79.</a><br><br>
							<div style="height:20px"></div>
							<img height="20" width="20" src="{{asset('assets/accueil/images/3.jpeg')}}"><a><span> Siège Social
									:
									Abomey-Calavi </span></a><br><br>
							<div style="height:20px"></div>
							<img height="20" width="20" src="{{asset('assets/accueil/images/3.jpeg')}}"><a><span> Numéro IFU :
									1201502566402.</span></a><br>
						</address>
					</div>
				</div>
			</div><br>
			<div class="copyright_area" style="margin-bottom:20px; text-align:center">
				Copyright 2020 All rights reserved. Designed by <a href="https://iitech.refod.net/">IITECH-BENIN</a>
			</div>
		</footer>
	</div>

	<div class="gototop js-top">
		<a href="#" class="js-gotop"><i class="icon-arrow-up2"></i></a>
	</div>

	<!-- jQuery -->
	<script src="{{asset('assets/accueil/js/jquery.min.js')}}"></script>
	<!-- jQuery Easing -->
	<script src="{{asset('assets/accueil/js/jquery.easing.1.3.js')}}"></script>
	<!-- Bootstrap -->
	<script src="{{asset('assets/accueil/js/bootstrap.min.js')}}"></script>
	<!-- Waypoints -->
	<script src="{{asset('assets/accueil/js/jquery.waypoints.min.js')}}"></script>
	<!-- Stellar Parallax -->
	<script src="{{asset('assets/accueil/js/jquery.stellar.min.js')}}"></script>
	<!-- YTPlayer -->
	<script src="{{asset('assets/accueil/js/jquery.mb.YTPlayer.min.js')}}"></script>
	<!-- Owl carousel -->
	<script src="{{asset('assets/accueil/js/owl.carousel.min.js')}}"></script>
	<!-- Magnific Popup -->
	<script src="{{asset('assets/accueil/js/jquery.magnific-popup.min.js')}}"></script>
	<script src="{{asset('assets/accueil/js/magnific-popup-options.js')}}"></script>
	<!-- Counters -->
	<script src="{{asset('assets/accueil/js/jquery.countTo.js')}}"></script>
	<!-- Main -->
	<script src="{{asset('assets/accueil/js/main.js')}}"></script>

	</body>
</html>

