Outiref

Code source de l'URL : http://calldata.fr/

<!DOCTYPE html>


<html lang="en">
<head>
    
<script language=JavaScript>

<!-- http://www.spacegun.co.uk -->

var message = "function disabled";

function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }

if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }

document.onmousedown = rtclickcheck;

</script>
    
  <meta charset="utf-8">
  <title>CallData</title>
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <meta content="" name="keywords">
  <meta content="" name="description">

  <!-- Favicons -->
  <link href="img/favicon.png" rel="icon">
  <link href="img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700" rel="stylesheet">

  <!-- Bootstrap CSS File -->
  <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Libraries CSS Files -->
  <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <link href="lib/animate/animate.min.css" rel="stylesheet">
  <link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
  <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
  <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

  <!-- Main Stylesheet File -->
  <link href="css/style.css" rel="stylesheet">
  
  

  <!-- =======================================================
    Theme Name: CallData
    Author: KMS
    License: https://KMS/license/
  ======================================================= -->
</head>

<body>

  <!--==========================
    Header
  ============================-->
  <header id="header">
    <div class="container-fluid">

      <div id="logo" class="pull-left" top-margin=50%;>
		<img src="img/logo call data vector white-01.png" alt="" width="250" class="img-fluid">
		
		
        <!-- Uncomment below if you prefer to use an image logo -->
        <!-- <a href="#intro"><img src="img/logo.png" alt="" title="" /></a>-->
      </div>

      <nav id="nav-menu-container">
        <ul class="nav-menu">
          <li class="menu-active"><a href="#intro">Accueil</a></li>
          <li><a href="#about">A Propos</a></li>
          <li><a href="#services">Services</a></li>
        <!--  <li><a href="#portfolio">Portfolio</a></li>  -->
          <li><a href="#team">ÉQUIPE</a></li>
		<li><a href="#SECURITE_INFORMATIQUE">SECURITE INFORMATIQUE</a></li>
		<li><a href="#recrutement">Recrutement</a></li>
		<li><a href="#NosFiliales">Nos Filiales</a></li>


          <!-- <li class="menu-has-children"><a href="">Drop Down</a> -->
            <ul>
              <li><a href="#">Drop Down 1</a></li>
              <li><a href="#">Drop Down 3</a></li>
              <li><a href="#">Drop Down 4</a></li>
              <li><a href="#">Drop Down 5</a></li>
            </ul>
          <li><a href="#contact">Contact</a></li>
        </ul>
      </nav><!-- #nav-menu-container -->
    </div>
  </header><!-- #header -->

  <!--==========================
    Intro Section
  ============================-->
  <section id="intro">
    <div class="intro-container">
      <div id="introCarousel" class="carousel  slide carousel-fade" data-ride="carousel">

        <ol class="carousel-indicators"></ol>

        <div class="carousel-inner" role="listbox">

          <div class="carousel-item active">
            <div class="carousel-background"><img src="img/intro-carousel/1.jpg" alt=""></div>
            <div class="carousel-container">
              <div class="carousel-content">
                <h2><b>Faites le choix de l’excellence ! </b></h2>
                <h2><p><b> CALLDATA Votre partenaire spécialisé dans le domaine de l’outsourcing</b></p></h2>
                <p><b>Externalisez avec succès, de manière économique et plus rapide.</b></p>

<p><b>Nous développons, construisons et fournissons des solutions globales de telemarketing, de gestion à distance de la relation client et de back-office (BPO) pour les entreprises qui nécessitent un accompagnement personnalisé.</b></p>

<ul>
<li>Réduisez et maitrisez vos coûts (pas de frais de recrutement, réduction de la masse salariale, tarifs attractifs</li>
<li>Gagnez en productivité grâce à une main d’œuvre spécialisée</li>
<li>Augmentez la performance de votre service client</li>
<li>Partez à la conquête de nouveaux clients </li>
<li>Offrez à vos clients un service de qualité </li>
<li>Éviter les charges supplémentaire pour la ressource humaine</li>
<li>Recentrez vous sur votre cœur de métier</li>
</ul>
                
                <a href="#featured-services" class="btn-get-started scrollto">Get Started</a>
              </div>
            </div>
          </div>

          <div class="carousel-item">
            <div class="carousel-background"><img src="img/intro-carousel/2.jpg" alt=""></div>
            <div class="carousel-container">
              <div class="carousel-content">
                <h2>  </h2>
                <p>Notre proposition s’articule autour de 3 services qui combinent 3 expertises complémentaires Data / Marketing / Relation Client.</p>
                <a href="#featured-services" class="btn-get-started scrollto">Get Started</a>
              </div>
            </div>
          </div>

          <div class="carousel-item">
            <div class="carousel-background"><img src="img/intro-carousel/3.jpg" alt=""></div>
            <div class="carousel-container">
              <div class="carousel-content">
                <h2>SOLUTIONS</h2>
                <p>LEAD GÉNÉRATION & DATA MARKETING Gestion Bases en régie  Collecte de leads intentionnistes Datamanagement Data science </p>
                <a href="#featured-services" class="btn-get-started scrollto">Get Started</a>
              </div>
            </div>
          </div>

          <div class="carousel-item">
            <div class="carousel-background"><img src="img/intro-carousel/4.jpg" alt=""></div>
            <div class="carousel-container">
              <div class="carousel-content">
                <h2>DISTRIBUTION</h2>
                <p>VENTE CONQUÊTE & FIDELISATION Commercialisation Comparaison Courtage</p>
                <a href="#featured-services" class="btn-get-started scrollto">Get Started</a>
              </div>
            </div>
          </div>

          <div class="carousel-item">
            <div class="carousel-background"><img src="img/intro-carousel/5.jpg" alt=""></div>
            <div class="carousel-container">
              <div class="carousel-content">
                <h2>OPERATIONS</h2>
                <p>RELATION CLIENT & BPOService client BO Assistance </p>
                <a href="#featured-services" class="btn-get-started scrollto">Get Started</a>
              </div>
            </div>
          </div>

        </div>

        <a class="carousel-control-prev" href="#introCarousel" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon ion-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>

        <a class="carousel-control-next" href="#introCarousel" role="button" data-slide="next">
          <span class="carousel-control-next-icon ion-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>

      </div>
    </div>
  </section><!-- #intro -->

  <main id="main">

    <!--==========================
      Featured Services Section
     ============================-->
    <section id="featured-services">
      <div class="container">
        <div class="row">
<!--==========================
          <div class="col-lg-4 box">
            <i class="ion-ios-bookmarks-outline"></i>
            <h4 class="title"><a href="">Coming Soon</a></h4>
            <p class="description">*******************</p>
          </div>

          <div class="col-lg-4 box box-bg">
            <i class="ion-ios-stopwatch-outline"></i>
            <h4 class="title"><a href="">Coming Soon</a></h4>
            <p class="description">*******************</p>
          </div>

          <div class="col-lg-4 box">
            <i class="ion-ios-heart-outline"></i>
            <h4 class="title"><a href="">Coming Soon</a></h4>
            <p class="description">*******************</p>
          </div>
============================-->
        </div>
      </div>
    </section><!-- #featured-services -->
    

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

        <header class="section-header">
          <h3>A Propos</h3>
          <p>NOTRE CENTRE DE CONTACT OFFSHORE</p>
		  <p>Crée en 2021, CALLDATA est un centre de contact multicanal spécialisé dans l’externalisation de la relation client, le telemarketing et la communication digitale. </p>

<p>Aujourd’hui, nous sommes une équipe de plus de 200 collaborateurs et groupons nos expertises pour vous proposer une solution unique en matière d'externalisation : apporter la meilleure expérience client à vos clients tout en réduisant votre charge opérationnelle.</p>

<p>Avec 2 sites de production basé à l’ile Maurice et à Madagascar nous répondons à tous les besoins de l’externalisation 7j/7 24h/24 </p>

<p>Notre équipe est composée d’experts du contact, conseillers en marketing et technologie. Nous offrons une gamme étendue de services à valeur ajoutée pour satisfaire tous les besoins des entreprises. Nos clients peuvent compter sur notre savoir-faire afin de répondre aux objectifs business de leur activité grâce à nos solutions clés en main et à nos prestations sur mesure.
</p>
        </header>

        <div class="row about-cols">

          <div class="col-md-4 wow fadeInUp">
            <div class="about-col">
              <div class="img">
                <img src="img/about-mission.jpg" alt="" class="img-fluid">
                <div class="icon"><i class="ion-ios-speedometer-outline"></i></div>
              </div>
              <h2 class="title"><a href="#">Notre Mission</a></h2>
              <p>
                Expert de l’externalisation Calldata s’adapte à vos besoins :
            </p>
            <ul style="list-style-type:circle">
             <li>Accessibilité des services quel que soit le canal.</li>
              <li>Joignable 24h/7j sur tous les canaux (Voix, chat, mailing, …)</li>
              <li>Organisations souples avec des Services bilingues</li>
              <li>Approche personnalisée quel que soit le pays ou la langue</li>
<li>Gestion de crise : Mobilisation des moyens et Plan de Continuité de l’Activité</li>
<li>Sécurité des données : RGPD</li>   
            </ul>
              
            
            </div>
          </div>

          <div class="col-md-4 wow fadeInUp" data-wow-delay="0.1s">
            <div class="about-col">
              <div class="img">
                <img src="img/about-plan.jpg" alt="" class="img-fluid">
                <div class="icon"><i class="ion-ios-list-outline"></i></div>
              </div>
              <h2 class="title"><a href="#">Notre Plan</a></h2>
              <p>
                Une répartition claire des rôles et responsabilités. 
Nous proposons une organisation projet pérenne depuis la phase de mise en place jusqu’à la phase de production, pour garantir une continuité tout au long de la prestation, et ainsi inscrire notre relation dans une optique de partenariat.
              </p>
            </div>
          </div>

          <div class="col-md-4 wow fadeInUp" data-wow-delay="0.2s">
            <div class="about-col">
              <div class="img">
                <img src="img/about-vision.jpg" alt="" class="img-fluid">
                <div class="icon"><i class="ion-ios-eye-outline"></i></div>
              </div>
              <h2 class="title"><a href="#">Notre Vision</a></h2>
              <p>
               Nous sommes votre voix et vos valeurs. Grâce à nos experts nous prendrons soin de vos clients en les écoutants et en les accompagnants lors de chaque interaction afin de les fidéliser mais aussi d’accroître votre parc client.
              </p>
            </div>
          </div>

        </div>

      </div>
    </section><!-- #about -->

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

        <header class="section-header wow fadeInUp">
          <h3>Services</h3>
          <p>Nous mettons à disposition nos compétences et notre expérience dans tous types de services externalisables au profit de nos partenaires.
          </p>
        </header>

        <div class="row">

          <div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-duration="1.4s">
            <div class="icon"><i class="ion-ios-analytics-outline"></i></div>
            <h4 class="title"><a href="">RECEPTION/EMISSION D’APPEL</a></h4>
            <p class="description">
            <ul style="list-style-type:circle">
<li>Service client</li>
<li>SAV</li>
<li>Conseil et Assistance</li>
<li>Télésecrétariat</li>
<li>Réservation</li>
<li>Prospection téléphonique</li>
<li>Télévente</li>
<li>Création de Trafic</li>
<li>Recouvrement</li>
<li>Fidélisation</li>
<li>Enquêtes et Sondages</li>
</ul>
          </div>
          <div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-duration="1.4s">
            <div class="icon"><i class="ion-ios-bookmarks-outline"></i></div>
            <h4 class="title"><a href="">BACK OFFICE</a></h4>
            <p class="description">
            <ul style="list-style-type:circle">
            
<li>Saisie de donnée</li>
<li>Comptabilité</li>
<li>Web marketing</li>
<li>Community management</li>
<li>Surveillance</li>
</ul>
           
          </div>
          <div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-duration="1.4s">
            <div class="icon"><i class="ion-ios-paper-outline"></i></div>
            <h4 class="title"><a href="">RECRUTEMENT</a></h4>
            <p class="description">
            <ul style="list-style-type:circle">
            
<li>Saisie de donnée</li>
<li>Sourcing</li>
<li>Approche directe</li>
<li>Bilan de compétence</li>
<li>Test de personnalité</li>
<li>Formation</li>
<li>Coaching</li>
</ul>
          
          </div>
          <!--========================== 
          <div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
            <div class="icon"><i class="ion-ios-speedometer-outline"></i></div>
            <h4 class="title"><a href="">Magni Dolores</a></h4>
            <p class="description">Coming Soon</p>
          </div>
          <div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
            <div class="icon"><i class="ion-ios-barcode-outline"></i></div>
            <h4 class="title"><a href="">Nemo Enim</a></h4>
            <p class="description">Coming Soon</p>
          </div>
          <div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
            <div class="icon"><i class="ion-ios-people-outline"></i></div>
            <h4 class="title"><a href="">Eiusmod Tempor</a></h4>
            <p class="description">Coming Soon</p>
          </div>
============================-->
        </div>

      </div>
    </section>
    
    <!-- #services -->

    <!--==========================
      Call To Action Section
    ============================-->
    <section id="call-to-action" class="wow fadeIn">
      <div class="container text-center">
        <h3>DIVERSITÉ LINGUISTIQUE</h3>
        <p> Chez CALLDATA, nous sommes fiers d'offrir à nos clients une gamme diversifiée de services de centre d'appels.
Un exemple de cette diversité est nos capacités bilingues.
Nous fournissons des services de centre d'appels en anglais et en français - écrit et parlé.
Cela signifie que nous pouvons servir les clients qui ont besoin d'assistance dans l'une ou l'autre langue, ou même dans les deux langues simultanément.
Cela fait de nous un atout unique et précieux dans l'industrie des centres d'appels et nous permet de servir un plus large éventail de clients que la plupart de nos concurrents. 
</p>
 <!--       <a class="cta-btn" href="#">Call To Action</a> -->
      </div>
   </section> <!-- #call-to-action --> 

   
  <!--==========================
  Skills Section
    
    <section id="skills">
      <div class="container">

        <header class="section-header">
          <h3>Our Skills</h3>
          <p>Coming Soon</p>
        </header>

        <div class="skills-content">

          <div class="progress">
            <div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
              <span class="skill">Coming Soon <i class="val">100%</i></span>
            </div>
          </div>

          <div class="progress">
            <div class="progress-bar bg-info" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
              <span class="skill">Coming Soon <i class="val">90%</i></span>
            </div>
          </div>

          <div class="progress">
            <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
              <span class="skill">Coming Soon <i class="val">75%</i></span>
            </div>
          </div>

          <div class="progress">
            <div class="progress-bar bg-danger" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100">
              <span class="skill">Coming Soon <i class="val">55%</i></span>
            </div>
          </div>

        </div>

      </div>
    </section>

    <!--==========================
      Facts Section
    ============================
    <section id="facts"  class="wow fadeIn">
      <div class="container">

        <header class="section-header">
          <h3>Facts</h3>
          <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</p>
        </header>

        <div class="row counters">

  				<div class="col-lg-3 col-6 text-center">
            <span data-toggle="counter-up">274</span>
            <p>Clients</p>
  				</div>

          <div class="col-lg-3 col-6 text-center">
            <span data-toggle="counter-up">421</span>
            <p>Projects</p>
  				</div>

          <div class="col-lg-3 col-6 text-center">
            <span data-toggle="counter-up">1,364</span>
            <p>Hours Of Support</p>
  				</div>

          <div class="col-lg-3 col-6 text-center">
            <span data-toggle="counter-up">18</span>
            <p>Hard Workers</p>
  				</div>

  			</div>

        <div class="facts-img">
          <img src="img/facts-img.png" alt="" class="img-fluid">
        </div>

      </div>
    </section><!-- #facts -->

    <!--==========================
      Portfolio Section
    ============================
    <section id="portfolio"  class="section-bg" >
      <div class="container">

        <header class="section-header">
          <h3 class="section-title">Our Portfolio</h3>
        </header>

        <div class="row">
          <div class="col-lg-12">
            <ul id="portfolio-flters">
              <li data-filter="*" class="filter-active">All</li>
              <li data-filter=".filter-app">App</li>
              <li data-filter=".filter-card">Card</li>
              <li data-filter=".filter-web">Web</li>
            </ul>
          </div>
        </div>

        <div class="row portfolio-container">

          <div class="col-lg-4 col-md-6 portfolio-item filter-app wow fadeInUp">
            <div class="portfolio-wrap">
              <figure>
                <img src="img/portfolio/app1.jpg" class="img-fluid" alt="">
                <a href="img/portfolio/app1.jpg" data-lightbox="portfolio" data-title="App 1" class="link-preview" title="Preview"><i class="ion ion-eye"></i></a>
                <a href="#" class="link-details" title="More Details"><i class="ion ion-android-open"></i></a>
              </figure>

              <div class="portfolio-info">
                <h4><a href="#">App 1</a></h4>
                <p>App</p>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-web wow fadeInUp" data-wow-delay="0.1s">
            <div class="portfolio-wrap">
              <figure>
                <img src="img/portfolio/web3.jpg" class="img-fluid" alt="">
                <a href="img/portfolio/web3.jpg" class="link-preview" data-lightbox="portfolio" data-title="Web 3" title="Preview"><i class="ion ion-eye"></i></a>
                <a href="#" class="link-details" title="More Details"><i class="ion ion-android-open"></i></a>
              </figure>

              <div class="portfolio-info">
                <h4><a href="#">Web 3</a></h4>
                <p>Web</p>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-app wow fadeInUp" data-wow-delay="0.2s">
            <div class="portfolio-wrap">
              <figure>
                <img src="img/portfolio/app2.jpg" class="img-fluid" alt="">
                <a href="img/portfolio/app2.jpg" class="link-preview" data-lightbox="portfolio" data-title="App 2" title="Preview"><i class="ion ion-eye"></i></a>
                <a href="#" class="link-details" title="More Details"><i class="ion ion-android-open"></i></a>
              </figure>

              <div class="portfolio-info">
                <h4><a href="#">App 2</a></h4>
                <p>App</p>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-card wow fadeInUp">
            <div class="portfolio-wrap">
              <figure>
                <img src="img/portfolio/card2.jpg" class="img-fluid" alt="">
                <a href="img/portfolio/card2.jpg" class="link-preview" data-lightbox="portfolio" data-title="Card 2" title="Preview"><i class="ion ion-eye"></i></a>
                <a href="#" class="link-details" title="More Details"><i class="ion ion-android-open"></i></a>
              </figure>

              <div class="portfolio-info">
                <h4><a href="#">Card 2</a></h4>
                <p>Card</p>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-web wow fadeInUp" data-wow-delay="0.1s">
            <div class="portfolio-wrap">
              <figure>
                <img src="img/portfolio/web2.jpg" class="img-fluid" alt="">
                <a href="img/portfolio/web2.jpg" class="link-preview" data-lightbox="portfolio" data-title="Web 2" title="Preview"><i class="ion ion-eye"></i></a>
                <a href="#" class="link-details" title="More Details"><i class="ion ion-android-open"></i></a>
              </figure>

              <div class="portfolio-info">
                <h4><a href="#">Web 2</a></h4>
                <p>Web</p>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-app wow fadeInUp" data-wow-delay="0.2s">
            <div class="portfolio-wrap">
              <figure>
                <img src="img/portfolio/app3.jpg" class="img-fluid" alt="">
                <a href="img/portfolio/app3.jpg" class="link-preview" data-lightbox="portfolio" data-title="App 3" title="Preview"><i class="ion ion-eye"></i></a>
                <a href="#" class="link-details" title="More Details"><i class="ion ion-android-open"></i></a>
              </figure>

              <div class="portfolio-info">
                <h4><a href="#">App 3</a></h4>
                <p>App</p>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-card wow fadeInUp">
            <div class="portfolio-wrap">
              <figure>
                <img src="img/portfolio/card1.jpg" class="img-fluid" alt="">
                <a href="img/portfolio/card1.jpg" class="link-preview" data-lightbox="portfolio" data-title="Card 1" title="Preview"><i class="ion ion-eye"></i></a>
                <a href="#" class="link-details" title="More Details"><i class="ion ion-android-open"></i></a>
              </figure>

              <div class="portfolio-info">
                <h4><a href="#">Card 1</a></h4>
                <p>Card</p>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-card wow fadeInUp" data-wow-delay="0.1s">
            <div class="portfolio-wrap">
              <figure>
                <img src="img/portfolio/card3.jpg" class="img-fluid" alt="">
                <a href="img/portfolio/card3.jpg" class="link-preview" data-lightbox="portfolio" data-title="Card 3" title="Preview"><i class="ion ion-eye"></i></a>
                <a href="#" class="link-details" title="More Details"><i class="ion ion-android-open"></i></a>
              </figure>

              <div class="portfolio-info">
                <h4><a href="#">Card 3</a></h4>
                <p>Card</p>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-web wow fadeInUp" data-wow-delay="0.2s">
            <div class="portfolio-wrap">
              <figure>
                <img src="img/portfolio/web1.jpg" class="img-fluid" alt="">
                <a href="img/portfolio/web1.jpg" class="link-preview" data-lightbox="portfolio" data-title="Web 1" title="Preview"><i class="ion ion-eye"></i></a>
                <a href="#" class="link-details" title="More Details"><i class="ion ion-android-open"></i></a>
              </figure>

              <div class="portfolio-info">
                <h4><a href="#">Web 1</a></h4>
                <p>Web</p>
              </div>
            </div>
          </div>

        </div>

      </div>
    </section><!-- #portfolio -->

    <!--==========================
      Clients Section
   
    <section id="clients" class="wow fadeInUp">
      <div class="container">

        <header class="section-header">
          <h3>Our Clients</h3>
        </header>

        <div class="owl-carousel clients-carousel">
          <img src="img/clients/client-1.png" alt="">
          <img src="img/clients/client-2.png" alt="">
          <img src="img/clients/client-3.png" alt="">
          <img src="img/clients/client-4.png" alt="">
          <img src="img/clients/client-5.png" alt="">
          <img src="img/clients/client-6.png" alt="">
          <img src="img/clients/client-7.png" alt="">
          <img src="img/clients/client-8.png" alt="">
        </div>

      </div>
    </section><!-- #clients -->   

    <!--==========================
      Clients Section
    ============================-->
    
    <!--==========================
    <section id="testimonials" class="section-bg wow fadeInUp">
      <div class="container">

        <header class="section-header">
          <h3>Testimonials</h3>
        </header>

        <div class="owl-carousel testimonials-carousel">

          <div class="testimonial-item">
            <img src="img/testimonial-1.jpg" class="testimonial-img" alt="">
            <h3>Cedric Richard</h3>
            <h4>Ceo &amp; Founder</h4>
            <p>
              <img src="img/quote-sign-left.png" class="quote-sign-left" alt="">
              Cofondateur du Centre de Contact Calldata.
              <img src="img/quote-sign-right.png" class="quote-sign-right" alt="">
            </p>
          </div>

        </div>

      </div>
    </section>
     ============================-->

    <!--==========================
      Team Section
    ============================-->
    <section id="team">
      <div class="container">
        <div class="section-header wow fadeInUp">
          <h3>ÉQUIPE</h3>
          <p>Choisissez un partenaire qui correspond à votre niveau d'engagement
Rencontrez une équipe qui a l'expérience de la relation client et l'expertise des grands projets BPO.</p>
        </div>

        <div class="row">

          <div class="col-lg-3 col-md-6 wow fadeInUp">
            <div class="member">
              <img src="img/team-1.jpeg" class="img-fluid" alt="">
              <div class="member-info">
                <div class="member-info-content">
                  <h4>RICHARD Cédric</h4>
                  <span>CEO

+ 12 ans d’expérience dans la direction de projet et d’entreprises :

Mise en œuvre de stratégie de développement

Pilotage projet multidimensionnel 

Management d’équipe projet

Conduite du changement
</span>

<div class="social">
                    <a href=""><i class="fa fa-twitter"></i></a>
                    <a href="https://www.facebook.com/cedric.demaurice.7"><i class="fa fa-facebook"></i></a>
                    <a href=""><i class="fa fa-google-plus"></i></a>
                    <a href=""><i class="fa fa-linkedin"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          

      <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
            <div class="member">
              <img src="img/team-3.jpeg" class="img-fluid" alt="">
              <div class="member-info">
                <div class="member-info-content">
                  <h4>AUBINEAU David</h4>
                  <span>Directeur de Projet

+ 20 ans d’expérience dans les centres d’appels
Spécialisé dans la vente, la prospection, la relation client, le web marketing, le 
Recrutement, la formation, le management et la mise en place des nouveaux projets B2B & B2C
</span>

                  
                  <div class="social">
                    <a href=""><i class="fa fa-twitter"></i></a>
                    <a href="https://www.facebook.com/david.aubineau.92"><i class="fa fa-facebook"></i></a>
                    <a href=""><i class="fa fa-google-plus"></i></a>
                    <a href=""><i class="fa fa-linkedin"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>    

</span>

          
          <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
            <div class="member">
              <img src="img/team-2.jpeg" class="img-fluid" alt="">
              <div class="member-info">
                <div class="member-info-content">
                  <h4>Nicky RANDRIAMANANA</h4>
                  <span>Responsable Business Unit

Plus de 9 ans d’expérience dans les centres d’appels

Spécialisé dans la vente, la prospection, la relation client, le web marketing et le management des opérationnelles.
</span>
                  <div class="social">
                    <a href=""><i class="fa fa-twitter"></i></a>
                    <a href="https://www.facebook.com/joey.victoire.3"><i class="fa fa-facebook"></i></a>
                    <a href=""><i class="fa fa-google-plus"></i></a>
                    <a href=""><i class="fa fa-linkedin"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          
          <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
            <div class="member">
              <img src="img/Team-10.jpeg" class="img-fluid" alt="">
              <div class="member-info">
                <div class="member-info-content">
                  <h4>RojoNirina ANDRIAMALALA</h4>
                  <span>Responsable RH

+ 3 ans d’expérience, recrutement et gestion des Ressources Humaines, assistante administrative 
</span>

                  
                  <div class="social">
                    <a href=""><i class="fa fa-twitter"></i></a>
                    <a href="https://www.facebook.com/"><i class="fa fa-facebook"></i></a>
                    <a href=""><i class="fa fa-google-plus"></i></a>
                    <a href=""><i class="fa fa-linkedin"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>    
          
          

        </div>

      </div>
    </section><!-- #team -->

	   <!--==========================
NEWS SECTION    ============================-->
<p></p>
<p></p>
    <section id="SECURITE_INFORMATIQUE">
      <div class="container">

        <header class="section-header">
          <h3>SECURITE INFORMATIQUE</h3>
          <p>***********************</p>
        </header>
<ul style="list-style-type:circle">
              <p>
               Chez CALLDATA nous comprenons que le respect de vos données est important pour vous.
Nous nous engageons à vous offrir un niveau de protection adapté et bienveillant.
Nous apprenons à chacun de nos utilisateurs les meilleurs pratiques de sécurité et de confidentialité en ligne afin qu'ils puissent prendre des mesures pour protéger leurs propres données.
Nous nous adaptons constamment à la technologie, surveillons les risques et les menaces, nous conformons aux réglementations internationales sur la confidentialité des données et recherchons de nouvelles façons de protéger les données de l'entreprise et des clients.

              
              Le RGPD pour Règlement Général sur la Protection des Données est un Règlement Européen en vigueur depuis Mai 2018, il concerne la protection des données personnelles, Il couvre l’ensemble des sociétés, même celles qui sont en dehors de l’Union Européenne. Les entreprises sous-traitantes sont aussi concernées car jusqu'à aujourd'hui, ce sont les donneurs d'ordres qui étaient impactés par une éventuelle sanction.
Cette nouvelle réforme poursuit 3 objectifs :
<li> Renforcement des droits des personnes majeures ou mineures par la création d’un droit à la portabilité des données personnelles.</li>
<li> Responsabilisation des acteurs traitants des données ( entreprises ou intermédiaires ). </li>
<li> Renforcement du contrôle et application des sanctions afin de crédibiliser la régulation.</li>
</ul></P>

            </div>

          

    </section><!-- #news -->
	  
	   <!--==========================
      Recrutement Section
    ============================-->
    <section id="recrutement" class="section-bg wow fadeInUp">
      <div class="container">

        <div class="section-header">
          <h3>Recrutement</h3>
          <p>Want to work with us ?</p>
        </div>

        <div class="form">
          <div id="sendmessage">Your message has been sent. Thank you!</div>
          <div id="errormessage"></div>
          <form action="" method="post" role="form" class="contactForm">
            <div class="form-row">
              <div class="form-group col-md-6">
                <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
                <div class="validation"></div>
              </div>
              <div class="form-group col-md-6">
                <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
                <div class="validation"></div>
              </div>
            </div>
            <div class="form-group">
              <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
              <div class="validation"></div>
            </div>
            <div class="form-group">
              <textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
              <div class="validation"></div>
            </div>
            <div class="text-center"><button type="submit">Send Message</button></div>
          </form>
        </div>

      </div>
    </section><!-- #recrutement -->
	  
	  <!--==========================
      NosFiliales Section
    ============================-->
    <section id="NosFiliales">
      <div class="container">

        <header class="section-header wow fadeInUp">
          <h3>Nos Filiales</h3>
          <p>********************************************************************************************************************</p>
        </header>

        <div class="row">
          <div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-duration="1.4s">
            <!--<div class="icon"><i class="ion-ios-bookmarks-outline"></i></div> -->
            <span class="iconify" data-icon="emojione:flag-for-madagascar"></span>

            <h4 class="title"><a href="">Calldata Madagascar</a></h4>
            <p class="description">Calldata Madagascar
Situé au cœur de la capital face à un bel espace vert, un site de 150 positions extensibles aménagés pour les besoins de l’activité dédiées à la production. Le centre compte également 2 salles de formation, 1 salle de réunion, 2 salles de pauses et surtout un cadre de verdure luxuriante.

</p>
          </div>
          
          <div class="row">
          <div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-duration="1.4s">
            <!--<div class="icon"><i class="ion-ios-bookmarks-outline"></i></div> -->
            <span class="iconify" data-icon="emojione:flag-for-maurice"></span>

            <h4 class="title"><a href="">Calldata Maurice</a></h4>
            <p class="description">Calldata Maurice
 Calldata Maurice Situé dans le nord de l'ile, un site de 60 positions extensibles aménagés pour les besoins de l’activité dédiées à la production. Le centre compte également 1 salle de formation, 1 salle de réunion, 1 salle de pauses et 1 terrasses ouvertes et aménagées totalisant près de 150 m² pour le confort des collaborateurs.
</p>
          </div>
         
          <div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-duration="1.4s">
            <!--<div class="icon"><i class="ion-ios-paper-outline"></i></div>
            <h4 class="title"><a href="">********</a></h4>
            <p class="description">********</p>
          </div>
          <div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
            <div class="icon"><i class="ion-ios-speedometer-outline"></i></div>
            <h4 class="title"><a href="">********</a></h4>
            <p class="description">********</p>
          </div>
          <div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
            <div class="icon"><i class="ion-ios-barcode-outline"></i></div>
            <h4 class="title"><a href="">********</a></h4>
            <p class="description">********</p>
          </div>
          <div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
            <div class="icon"><i class="ion-ios-people-outline"></i></div>
            <h4 class="title"><a href="">********</a></h4>
            <p class="description">********</p>
          </div>
-->
        </div>

      </div>
    </section>
	  
    <!--==========================
      Contact Section
    ============================-->
    <section id="contact" class="section-bg wow fadeInUp">
      <div class="container">

        <div class="section-header">
          <h3>Contact Us</h3>
          <p>Trust Us, We'll not Disappoint You!</p>
        </div>

        <div class="row contact-info">

          <div class="col-md-4">
            <div class="contact-address">
              <i class="ion-ios-location-outline"></i>
              <h3>Address</h3>
              <address>IKS Building Rue Farquhar, Port-Louis Île Maurice</address>
            </div>
          </div>

          <div class="col-md-4">
            <div class="contact-phone">
              <i class="ion-ios-telephone-outline"></i>
              <h3>Phone Number</h3>
              <p><a href="tel:+155895548855">+230 5259 6061</a></p>
            </div>
          </div>

          <div class="col-md-4">
            <div class="contact-email">
              <i class="ion-ios-email-outline"></i>
              <h3>Email</h3>
              <p><a href="mailto:info@example.com">contact@calldata.fr</a></p>
            </div>
          </div>

        </div>

        <div class="form">
          <div id="sendmessage">Your message has been sent. Thank you!</div>
          <div id="errormessage"></div>
          <form action="" method="post" role="form" class="contactForm">
            <div class="form-row">
              <div class="form-group col-md-6">
                <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
                <div class="validation"></div>
              </div>
              <div class="form-group col-md-6">
                <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
                <div class="validation"></div>
              </div>
            </div>
            <div class="form-group">
              <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
              <div class="validation"></div>
            </div>
            <div class="form-group">
              <textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
              <div class="validation"></div>
            </div>
            <div class="text-center"><button type="submit">Send Message</button></div>
          </form>
        </div>

      </div>
    </section><!-- #contact -->

  </main>

  <!--==========================
    Footer
  ============================-->
  <footer id="footer">
    <div class="footer-top">
      <div class="container">
        <div class="row">

          <div class="col-lg-3 col-md-6 footer-info">
            
			  <img src="img/logo call data vector white-01.png" alt="" width="250" class="img-fluid">
			  <br><br>
			 
            <p>Coming soon.</p>
          </div>

          <div class="col-lg-3 col-md-6 footer-links">
            <h4>Useful Links</h4>
            <ul>
              <li><i class="ion-ios-arrow-right"></i> <a href="#">Accueil</a></li>
              <li><i class="ion-ios-arrow-right"></i> <a href="#">A Propos</a></li>
              <li><i class="ion-ios-arrow-right"></i> <a href="#">Services</a></li>
              <li><i class="ion-ios-arrow-right"></i> <a href="#">Terms of service</a></li>
              <li><i class="ion-ios-arrow-right"></i> <a href="#">Privacy policy</a></li>
            </ul>
          </div>

          <div class="col-lg-3 col-md-6 footer-contact">
            <h4>Contact Us</h4>
            <p>
              IKS Building <br>
              Rue Farquhar, Port-Louis<br>
              Île Maurice<br>
              <strong>Phone:</strong> +230 5976 0014<br>
              <strong>Email:</strong> contact@calldata.fr<br>
            </p>

            <div class="social-links">
              <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
              <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
              <a href="#" class="instagram"><i class="fa fa-instagram"></i></a>
              <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a>
              <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
            </div>

          </div>

          <div class="col-lg-3 col-md-6 footer-newsletter">
            <h4>Our Newsletter</h4>
            <p>Coming Soon.</p>
            <form action="" method="post">
              <input type="email" name="email"><input type="submit"  value="Subscribe">
            </form>
          </div>

        </div>
      </div>
    </div>

    <div class="container">
      <div class="copyright">
        &copy; Copyright <strong>CallData</strong>. All Rights Reserved
      </div>
      <div class="credits">
        <!--
          All the links in the footer should remain intact.
          You can delete the links only if you purchased the pro version.
          Licensing information: https://KMS/license/
          Purchase the pro version with working PHP/AJAX contact form: https://KMS/buy/?theme=CallData
        -->
        Designed by <a href="https://KMS/">Calldata</a>
      </div>
    </div>
  </footer><!-- #footer -->

  <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
  <!-- Uncomment below i you want to use a preloader -->
  <!-- <div id="preloader"></div> -->

  <!-- JavaScript Libraries -->
  <script src="lib/jquery/jquery.min.js"></script>
  <script src="lib/jquery/jquery-migrate.min.js"></script>
  <script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="lib/easing/easing.min.js"></script>
  <script src="lib/superfish/hoverIntent.js"></script>
  <script src="lib/superfish/superfish.min.js"></script>
  <script src="lib/wow/wow.min.js"></script>
  <script src="lib/waypoints/waypoints.min.js"></script>
  <script src="lib/counterup/counterup.min.js"></script>
  <script src="lib/owlcarousel/owl.carousel.min.js"></script>
  <script src="lib/isotope/isotope.pkgd.min.js"></script>
  <script src="lib/lightbox/js/lightbox.min.js"></script>
  <script src="lib/touchSwipe/jquery.touchSwipe.min.js"></script>
  <!-- Contact Form JavaScript File -->
  <script src="contactform/contactform.js"></script>

  <!-- Template Main Javascript File -->
  <script src="js/main.js"></script>
  <script src="https://code.iconify.design/2/2.2.0/iconify.min.js"></script>
  
</body>
</html>