templates/apropos/apropos.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3. <section class="section_apropos">
  4.     <div class="apropos">
  5.         <div class="container " >
  6.             <div class="details-container">
  7.                 <div class="avatar">
  8.                     <img class="lazy" data-original="{{asset('assets/img/apropos.jpg')}}" class="img-fluid" alt="">
  9.                 </div>
  10.                 <div class="about">
  11.                       <h2>Qui Sommes nous</h2>
  12.                     <div class="about-content">
  13.                      
  14.                         <p class="section-subheading ">Le développement relatif à la technologie de l'information et de la communication, notamment l’internet et la technologie des smartphones,constitue un défi majeur pour les entreprises d’aujourd’hui,cette révolution a entraîné plusieurs changements dans le monde des affaires.</p>
  15.                         <p class="section-subheading "> <strong>Xper Web Plus</strong> est un prestataire de service en informatique SSII spécialiste en développement sur-mesure de site web spécifique et de Web API.</p>
  16.                         <p class="section-subheading "> <strong>Xper Web Plus</strong> intervient auprès de clients grands comptes dont la plupart sont basée à Paris, elle s'adresse aux agences de voyages, aux tour opérateurs et aux professionnels de l'hébergement et du réceptif.</p>
  17.                     
  18.                     </div>
  19.                 </div>
  20.             </div>
  21.             <div class="skills-container">
  22.                 <div class="boxes">
  23.                     <div class="box">
  24.                         <div class="col-md-12 ">
  25.                             <span class="fa-stack fa-4x">
  26.                                 <i class="fas fa-circle fa-stack-2x font"></i>
  27.                                 <i class="fas fa-check-square fa-stack-1x fa-inverse"></i>
  28.                             </span>
  29.                             <h4 class="my-3">Transforamation Digitale</h4>
  30.                             <p>
  31.                                 Grace à notre expértise dans les métiers E-tourisme, FinTech ... en vous propose les meilleurs techniques  de créer votre systéme d'information et de communication.
  32.                                 On peut vous aidez à spécifier vos besoin pour créer votre systéme (ERP, CRM ...) à fin d’amélioration les processus organisationnels et commercial de votre activités.
  33.                             </p>
  34.                         </div>
  35.                     </div>
  36.                     <div class="box">
  37.                         <div class="col-md-12">
  38.                             <span class="fa-stack fa-4x">
  39.                                 <i class="fas fa-circle fa-stack-2x font "></i>
  40.                                 <i class="fas fa-play-circle fa-stack-1x fa-inverse"></i>
  41.                             </span>
  42.                             <h4 class="my-3">Solutions techniques</h4>
  43.                             <p>
  44.                                 Le développement de solutions détermine la meilleure façon de satisfaire les exigences d'une réalisation.Nos objectifs sont de :
  45.                                 évaluer les besoins de base et les solutions de rechange pour les atteindre,choisir la solution optimale et créer une spécification pour la solution.
  46.                             </p>
  47.                         </div>
  48.                     </div>
  49.                 </div>
  50.             </div> 
  51.         </div> 
  52.     </div> 
  53. </section>
  54. <section class="section_historique " id="history">
  55.     <div class="container">
  56.         <div class="text-center">
  57.             <div class="zoom">
  58.                 <h2 class="section-heading text-uppercase">Historique</h2>
  59.             </div>
  60.             <h3 class="section-subheading text-muted">Xper Web +</h3>
  61.         </div>
  62.         <section class="timeline">
  63.             <ul class="timeline">
  64.                 <li>
  65.                     <div class="timeline-image">
  66.                         <img class="rounded-circle " src="assets/img/about/1.jpg" alt="..."/>
  67.                     </div>
  68.                     <div class="timeline-panel">
  69.                         <div class="timeline-heading">
  70.                             <h4>2008</h4>
  71.                             <h4 class="subheading">Notre départ</h4>
  72.                         </div>
  73.                         <div class="timeline-body">
  74.                             <p class="text-muted">Des expérts en E-tourisme:Structures d'hebergement et de tourisme.Afin de gagner la confiance du consommateur, la plupart des sites veillent à la cohérence et à la lisibilité des conditions tarifaires, afin d'être transparent vis-à-vis du consommateur et de garantir un fort taux de conversion sur leurs sites.
  75.                             </p>
  76.                         </div>
  77.                     </div>
  78.                 </li>
  79.                 <li class="timeline-inverted">
  80.                     <div class="timeline-image">
  81.                         <img class="rounded-circle " src="assets/img/about/2.jpg" alt="..."/>
  82.                     </div>
  83.                     <div class="timeline-panel">
  84.                         <div class="timeline-heading">
  85.                             <h4>2011</h4>
  86.                             <h4 class="subheading">Le suivi de tendance</h4>
  87.                         </div>
  88.                         <div class="timeline-body">
  89.                             <p class="text-muted">Selon Christiane Waterschoot « Le web est une technologie majeure du 21esiècle. Sa nature, sa structure et son utilisation ont évolué au cours du temps, et, force est de constater que cette évolution a également profondément modifié nos pratiques commerciales et sociales ».Dès lors, notre objectif était vers le web 2.0, la conception graphique et le marketing Digital.
  90.                             </p>
  91.                         </div>
  92.                     </div>
  93.                 </li>
  94.                 <li>
  95.                     <div class="timeline-image">
  96.                         <img class="rounded-circle" src="assets/img/about/3.jpg" alt="..."/>
  97.                     </div>
  98.                     <div class="timeline-panel">
  99.                         <div class="timeline-heading">
  100.                             <h4>December 2017</h4>
  101.                             <h4 class="subheading">Plus d'éxpériences</h4>
  102.                         </div>
  103.                         <div class="timeline-body">
  104.                             <p class="text-muted">La révolution digitale est un fait inévitable, notamment avec l’évolution constante du Web,car les nouvelles générations de Web porteront sur des fonctionnalités supérieures à la communication interactive qu’a apportée le web 2.0,c'est pourquoi nous devons suivre ces évolutions pour survivre dans ce nouveau monde.</p>
  105.                         </div>
  106.                     </div>
  107.                 </li>
  108.                 <li class="timeline-inverted">
  109.                     <div class="timeline-image">
  110.                         <img class="rounded-circle " src="assets/img/about/4.jpg" alt="..."/>
  111.                     </div>
  112.                     <div class="timeline-panel">
  113.                         <div class="timeline-heading">
  114.                             <h4>Aujourd'hui</h4>
  115.                             <h4 class="subheading">Notre expertise à votre service</h4>
  116.                         </div>
  117.                         <div class="timeline-body">
  118.                             <p class="text-muted">Nous comptons parmi nos clients des hôtels,des restaurants et des organismes touristiques mais aussi des experts pour le financement. Il suffit d'imaginer, on analyse et on réalise.
  119.                             </p>
  120.                         </div>
  121.                     </div>
  122.                 </li>
  123.                 <li class="timeline-inverted">
  124.                     <div class="timeline-image">
  125.                         <h4>
  126.                             Be Part
  127.                             <br/>
  128.                             Of Our
  129.                             <br/>
  130.                             Story!
  131.                         </h4>
  132.                     </div>
  133.                 </li>
  134.             </ul>
  135.         </section>
  136.     </div>
  137. </section>
  138. {% endblock body %}