templates/about/index.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block title %} A propos de nous | {{ parent() }}{% endblock %}
  5. {% block content %}
  6.     <section class="inner-heading">
  7.         <div class="container">
  8.             <h1>A propos de nous</h1>
  9.             <ul class="xs-breadcumb">
  10.                 <li><a href="/"> Accueil / </a> <a href="/">Pages /</a> A propos de nous</li>
  11.             </ul>
  12.         </div>
  13.     </section>
  15.     <!--about-info start-->
  16.     <section class="about-info">
  17.         <!--container start-->
  18.         <div class="container">
  19.             <!--row start-->
  20.             <div class="row">
  21.                 <!--col start-->
  22.                 <div class="col-md-6 col-sm-push-6">
  23.                     <div class="section-title">
  24.                         <h3><span>A propos de TEVA SARL</span></h3>
  25.                         <h4>Ce qui fait notre marque de fabrique</h4>
  26.                         <p>TEVA est une entreprise dynamique et expérimentée qui offre une large gamme de services dans
  27.                             les
  28.                             secteurs du bâtiment, de l'industrie et des énergies renouvelables. Depuis notre création en
  29.                             [Année de création], nous sommes fiers de fournir à nos clients des solutions complètes et
  30.                             de haute qualité qui répondent à leurs besoins spécifiques.</p>
  31.                     </div>
  32.                     <div class="aboutUs-description">
  33.                         <div class="row">
  34.                             <!--col start-->
  35.                             <div class="col-sm-4 counter-item">
  36.                                 <div class="single-about"><i class="fa fa-list-ul" aria-hidden="true"></i> <span
  37.                                             class="counter_number" data-from="1" data-to="15"
  38.                                             data-speed="1000">15</span>
  39.                                     <p>Années d'experience</p>
  40.                                 </div>
  41.                             </div>
  42.                             <!--col end-->
  44.                             <!--col start-->
  45.                             <div class="col-sm-4 counter-item">
  46.                                 <div class="single-about"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <span
  47.                                             class="counter_number" data-from="1" data-to="30"
  48.                                             data-speed="3000">30</span>
  49.                                     <p>Clients satisfaits</p>
  50.                                 </div>
  51.                             </div>
  52.                             <!--col end-->
  53.                             <!--col start-->
  54.                             <div class="col-sm-4 counter-item">
  55.                                 <div class="single-about"><i class="fa fa-users" aria-hidden="true"></i> <span
  56.                                             class="counter_number" data-from="1" data-to="30"
  57.                                             data-speed="4000">30</span>
  58.                                     <p>Projets réalisés</p>
  59.                                 </div>
  60.                             </div>
  61.                             <!--col end-->
  62.                             <!--col start-->
  63.                         </div>
  64.                     </div>
  65.                 </div>
  66.                 <!--col end-->
  67.                 <!--col start-->
  68.                 <div class="col-md-6 col-sm-pull-6">
  69.                     <div class="about-img">
  70.                         <figure><img src="{{ asset('assets/images/about_teva.png') }}" class="img-responsive"
  71.                                      alt="Image"></figure>
  72.                     </div>
  73.                 </div>
  74.                 <!--col start-->
  75.             </div>
  76.             <!--row end-->
  77.         </div>
  78.         <!--container end-->
  79.     </section>
  80.     <!--about-info end-->
  81.     <!--get_qoute start-->
  82.     <section class="get_qoute">
  83.         <div class="container">
  84.             <div class="section-title">
  85.                 <h2> Etes-vous prêt à solliciter un service ?</h2>
  86.                 <h4>N'attendez plus et faites le pas intelligent pour la bonne réalisation de votre projet</h4>
  87.                 <p> Nous serons à votre écoute durant tous le processus de réalisation de votre projet car chez TEVA
  88.                     Sarl, nous utilisions des méthodes agiles en mettant nos clients au centre du projet pour une
  89.                     meilleur efficacité grace à une collaboration en temps réel.</p>
  91.                 <div class="readmore">
  92.                     <a href="{{ path('app_contact') }}" class="main-btn btn-1 btn-1e white_color">Contactez-nous</a>
  93.                 </div>
  94.             </div>
  95.         </div>
  96.     </section>
  97.     <!--get_qoute end-->
  98.     <!--why_choose_us_sec start-->
  100.     <section class="why_choose_us_sec">
  101.         <div class="container">
  102.             <div class="section-title">
  103.                 <h3>Pourquoi <span>nous choisir</span></h3>
  104.             </div>
  105.             <div class="row">
  106.                 <div class="col-md-4">
  107.                     <div class="why_choose_us_sec_img"><img src="images/worker.png" alt="img" class="img-responsive"/>
  108.                     </div>
  109.                 </div>
  110.                 <div class="col-md-8">
  111.                     <div class="row">
  112.                         <div class="col-md-6">
  113.                             <div class="single-why-choose-list"><i class="fa fa-users"></i>
  114.                                 <h3>Equipe</h3>
  115.                                 <p>Notre équipe de travail est bien constitué pour une livraison de projet finie et
  116.                                     conforme aux normes</p>
  117.                             </div>
  118.                         </div>
  119.                         <div class="col-md-6">
  120.                             <div class="single-why-choose-list"><i class="fa fa-wrench"></i>
  121.                                 <h3>Méthode de travail</h3>
  122.                                 <p>Nous utilisons des normes certifiées et les membre de notre équipe collaborent de
  123.                                     manière fluide pour la réalisation efficace des projets</p>
  124.                             </div>
  125.                         </div>
  126.                         <div class="col-md-6">
  127.                             <div class="single-why-choose-list"><i class="fa fa-home"></i>
  128.                                 <h3>Sécurité</h3>
  129.                                 <p>La sécurité chez nous c'est une affaire de cuture. Nous avons des filets, des tenues
  130.                                     etc... pour protéger notre personnel d'une part et l'environnement autour de la
  131.                                     realisation du projet d'autre part.</p>
  132.                             </div>
  133.                         </div>
  134.                         <div class="col-md-6">
  135.                             <div class="single-why-choose-list"><i class="fa fa-map-signs"></i>
  136.                                 <h3>Clients</h3>
  137.                                 <p>Nous mettons toujours nos cients au centre de la réalisation de son projet pour une
  138.                                     progression plus efficace. Notre service est orienté client et nous gardons une
  139.                                     confidentialité pour chaque projet avec nos clients qui sont pour la plupart
  140.                                     personnalisés.</p>
  141.                             </div>
  142.                         </div>
  143.                     </div>
  144.                 </div>
  145.             </div>
  146.         </div>
  147.     </section>
  148.     <!--why_choose_us_sec end-->
  149.     {{ include('components/brand.html.twig') }}
  150. {% endblock %}