<?php $__env->startSection('index'); ?>
  <!-- ======= Hero Section ======= -->
  <section id="hero" class="d-flex flex-column justify-content-center align-items-center">
    <div class="container text-center text-md-left" data-aos="fade-up">
      <h1>Welcome to TAKABACK</h1>
      <h2>Votre futur poste vous attend....</h2>
      <a href="#about" class="btn-get-started scrollto">Get Started</a>
    </div>
  </section><!-- End Hero -->

  <main id="main">

    <!-- ======= About Section ======= -->
    <section id="about" class="about">
      <div class="container">

        <div class="row">
          <div class="col-xl-6 col-lg-7" data-aos="fade-right">
            <img src="<?php echo e(asset('asset/img/about-img.jpg')); ?>" class="img-fluid" alt="">
          </div>
          <div class="col-xl-6 col-lg-5 pt-5 pt-lg-0">
            <h3 data-aos="fade-up">Qui sommes-nous?</h3>
            <p data-aos="fade-up">
			TAKABACK provient du mot "Taka" en langue fon(Bénin) qui signifie le cerveau, l´intelligence.
            </p>
			<p data-aos="fade-up" align="justify">
			Depuis 2014, Takaback œuvre pour le retour des cerveaux en Afrique et se veut avant tout un groupe d'échanges entre africains ( et amoureux de l'Afrique) qui souhaitent s'établir sur le continent afin de s'y épanouir professionnellement.
			</p>
			<p data-aos="fade-up" align="justify">
			Aujourdhui, nous sommes un cabinet panafricain de recrutement et de conseil en RH, avec 3 missions clés qui font notre identité.
			</p>






			<h3 data-aos="fade-up">Nos objectifs</h3>

            <div class="icon-box" data-aos="fade-up">
              <i class="bx bx-receipt"></i>
              <h4>Repatriation</h4>
              <p>Accompagner les talents de la diaspora africaine dans leur démarche de retour sur le continent. </p>
            </div>

            <div class="icon-box" data-aos="fade-up" data-aos-delay="100">
              <i class="bx bx-receipt"></i>
              <h4>Optimisation RH</h4>
              <p>Améliorer et rendre efficace le conseil et la gestion des RH en Afrique. </p>
            </div>

            <div class="icon-box" data-aos="fade-up" data-aos-delay="200">
              <i class="bx bx-receipt"></i>
              <h4>Développement de carrière</h4>
              <p>Combattre le chômage des jeunes à travers des programmes d´accompagnement, d´orientation et de formation.</p>
            </div>

          </div>
        </div>

      </div>
    </section><!-- End About Section -->

    <!-- ======= Steps Section ======= -->
    <section id="steps" class="steps section-bg">
      <div class="container">

        <div class="row no-gutters">
		<CENTER><h3 data-aos="fade-up">Nos valeurs</h3></CENTER>

          <div class="col-lg-4 col-md-6 content-item" data-aos="fade-in">

            <h4>Performance</h4>
            <p>Notre leitmotiv est de faire progresser vos activités et votre stratégie en nous positionnant comme un véritable business partner. L'atteinte de nos objectifs et la création de valeur est donc notre priorité.</p>
          </div>

          <div class="col-lg-4 col-md-6 content-item" data-aos="fade-in" data-aos-delay="100">

            <h4>Transparence</h4>
            <p>Une communication et des process clairs sont le gage d'une meilleure prise de décision.Nous faisons de la transparence un devoir car c´est le socle pour bâtir une relation de confiance avec nos clients.
</p>
          </div>

          <div class="col-lg-4 col-md-6 content-item" data-aos="fade-in" data-aos-delay="200">

            <h4>Créativité</h4>
            <p>Proposer une approche agile et innovante s´adaptant aux particularités et à la diversité de nos clients.</p>
          </div>

        </div>

      </div>
    </section><!-- End Steps Section -->



    <!-- ======= Features Section ======= -->
    <section id="features" class="features">
      <div class="container">

		<h3 data-aos="fade-up">Notre engagement</h3><br/>
        <div class="row">
          <div class="col-lg-4 mb-5 mb-lg-0" data-aos="fade-right">
            <ul class="nav nav-tabs flex-column">
              <li class="nav-item">
                <a class="nav-link active show" data-bs-toggle="tab" href="#tab-1">

                  <p align=>Garantir un accompagnement personnalisé et un suivi adapté quelque soit votre profil.</p>
                </a>
              </li>
              <li class="nav-item mt-2">
                <a class="nav-link" data-bs-toggle="tab" href="#tab-2">

                  <p>Mettre toutes nos compétences et notre réseau à profit pour offrir les meilleurs conseils et services à nos clients.</p>
                </a>
              </li>
              <li class="nav-item mt-2">
                <a class="nav-link" data-bs-toggle="tab" href="#tab-3">

                  <p>Conduire avec efficacité et rigueur nos missions de conseil pour une optimisation réussie de vos ressources.</p>
                </a>
              </li>

            </ul>
          </div>
          <div class="col-lg-7 ml-auto" data-aos="fade-left">
            <div class="tab-content">
              <div class="tab-pane active show" id="tab-1">
                <figure>
                  <img src="<?php echo e(asset('asset/img/features-1.png')); ?>" alt="" class="img-fluid">
                </figure>
              </div>
              <div class="tab-pane" id="tab-2">
                <figure>
                  <img src="<?php echo e(asset('asset/img/features-2.png')); ?>" alt="" class="img-fluid">
                </figure>
              </div>
              <div class="tab-pane" id="tab-3">
                <figure>
                  <img src="<?php echo e(asset('asset/img/features-3.png')); ?>" alt="" class="img-fluid">
                </figure>
              </div>
              <div class="tab-pane" id="tab-4">
                <figure>
                  <img src="<?php echo e(asset('asset/img/features-4.png')); ?>" alt="" class="img-fluid">
                </figure>
              </div>
            </div>
          </div>
        </div>

      </div>
    </section><!-- End Features Section -->

    <!-- ======= Services Section ======= -->
    <section id="services" class="services section-bg">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2>Nos Services</h2>
        </div>

        <div class="row">
          <div class="col-md-6 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up">
            <div class="icon-box icon-box-pink">
              <div class="icon"><i class="bx bxl-dribbble"></i></div>
              <h4 class="title"><a href="">Recrutement</a></h4>
              <p class="description">Nous vous accompagnons sur tous vos processus de recrutement, de la définition du besoin à l'intégration du nouveau collaborateur.<BR/>
Ainsi nous assurons la mise en place de la stratégie de sourcing , la chasse de tête, les entretiens , la mise à disposition et le suivi de l'intégration du nouveau collaborateur.
</p>
            </div>
          </div>

          <div class="col-md-6 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="100">
            <div class="icon-box icon-box-cyan">
              <div class="icon"><i class="bx bx-file"></i></div>
              <h4 class="title"><a href="">Conseil RH</a></h4>
              <p class="description">Nous effectuons selon vos besoins:  études de marché, diagnostic RH, et mise à disposition d'outils RH.<BR/>
									Nos consultations sur mesure sont conçues et réalisées pour vous offrir des solutions adaptées à vos problématiques RH
			  </p>
            </div>
          </div>

          <div class="col-md-6 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="200">
            <div class="icon-box icon-box-green">
              <div class="icon"><i class="bx bx-tachometer"></i></div>
              <h4 class="title"><a href="">Formation</a></h4>
              <p class="description">Nous vous accompagnons dans la conception de votre politique et de votre plan de formation.
				Mettre à disposition le meilleur formateur pour répondre au mieux à vos problématiques de formation.
			  </p>
            </div>
          </div>



        </div>

		<br/><br/>

		<div class="row">


		  <div class="col-md-6 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="300">
            <div class="icon-box icon-box-blue">
              <div class="icon"><i class="bx bx-world"></i></div>
              <h4 class="title"><a href="">Gestion de la paie et externalisation RH</a></h4>
              <p class="description">Nous assurons la sous-traitance de toutes vos tâches administratives RH récurrentes, notamment la gestion de la paie.<BR/>
									Nous garantissons votre mise en conformité avec la législation sociale en vigueur.
			  </p>
            </div>
          </div>

          <div class="col-md-6 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up">
            <div class="icon-box icon-box-pink">
              <div class="icon"><i class="bx bxl-dribbble"></i></div>
              <h4 class="title"><a href="">Team Bulding</a></h4>
              <p class="description">Vous souhaitez organiser un événement corporate, un séminaire ou un teambuilding? Nous mettons notre expérience en la matière à votre service.
			  </p>
            </div>
          </div>

		  <div class="col-md-6 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="200">
            <div class="icon-box icon-box-green">
              <div class="icon"><i class="bx bx-tachometer"></i></div>
              <h4 class="title"><a href="">Coaching</a></h4>
              <p class="description">Nous assurons un accompagnement personnalisé à la recherche d´emploi et nous organisons des ateliers et sessions de formation individuelles ou collectives.
			  </p>
            </div>
          </div>

      </div>
    </section><!-- End Services Section -->



    <!-- ======= Contact Section ======= -->
    <section id="contact" class="contact">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2>Contact</h2>
        </div>

        <div class="row no-gutters justify-content-center" data-aos="fade-up">

          <div class="col-lg-5 d-flex align-items-stretch">
            <div class="info">
              <div class="address">
                <i class="bi bi-geo-alt"></i>
                <h4>Adresse:</h4>
                <p>571 Avenue de Dunkerque<br/>59000 Lille, France</p>
              </div>

              <div class="email mt-4">
                <i class="bi bi-envelope"></i>
                <h4>Email:</h4>
                <p><a href="mailto:info@takaback.com">info@takaback.com</a></p>
              </div>

              <div class="phone mt-4">
                <i class="bi bi-phone"></i>
                <h4>Tel:</h4>
                <p><a href="tel:+33765170844">+33 7 65 17 08 44</a>  <br/><a href="tel:+22962192952">+229 62 19 29 52</a><br></p>
              </div>

            </div>

          </div>

          <div class="col-lg-5 d-flex align-items-stretch">
            <iframe style="border:0; width: 100%; height: 270px;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12097.433213460943!2d-74.0062269!3d40.7101282!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xb89d1fe6bc499443!2sDowntown+Conference+Center!5e0!3m2!1smk!2sbg!4v1539943755621" frameborder="0" allowfullscreen></iframe>
          </div>

        </div>

        <div class="row mt-5 justify-content-center" data-aos="fade-up">
          <div class="col-lg-10">
            <form action="forms/contact.php" method="post" role="form" class="php-email-form">
              <div class="row">
                <div class="col-md-6 form-group">
                  <input type="text" name="name" class="form-control" id="name" placeholder="Noms & Prénoms" required>
                </div>
                <div class="col-md-6 form-group mt-3 mt-md-0">
                  <input type="email" class="form-control" name="email" id="email" placeholder="E-mail" required>
                </div>
              </div>
              <div class="form-group mt-3">
                <input type="text" class="form-control" name="subject" id="subject" placeholder="Objet" required>
              </div>
              <div class="form-group mt-3">
                <textarea class="form-control" name="message" rows="5" placeholder="Message" required></textarea>
              </div>
              <div class="my-3">
                <div class="loading">Loading</div>
                <div class="error-message"></div>
                <div class="sent-message">Votre message est bien envoyé. Merci!</div>
              </div>
              <div class="text-center"><button type="submit">Envoyer le Message</button></div>
            </form>
          </div>

        </div>

      </div>
    </section><!-- End Contact Section -->

  </main><!-- End #main -->

<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.takaback', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /opt/lampp/htdocs/TT/resources/views/takaback/index_fr.blade.php ENDPATH**/ ?>