templates/accueil/index.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block content %}
  4.     <!--slider start-->
  5.     <div class="tp-banner-container sliderWraper">
  6.         <div class="tp-banner">
  7.             <ul>
  8.                 <li data-slotamount="7" data-transition="pop" data-masterspeed="1000" data-saveperformance="on"><img
  9.                             alt="" src="{{ asset('assets/images/dummy.png') }}"
  10.                             data-lazyload="{{ asset('assets') }}/images/banner1.png">
  11.                     <div class="caption lft large-title tp-resizeme slidertext4" data-x="center" data-y="160"
  12.                          data-speed="600" data-start="1600">Bienvenue chez TEVA SARL
  13.                     </div>
  14.                     <div class="caption lft large-title tp-resizeme slidertext1" data-x="center" data-y="200"
  15.                          data-speed="600" data-start="2200">Nos appliquons des technologies évolutives
  16.                     </div>
  17.                     <div class="caption lfb large-title tp-resizeme slidertext2" data-x="center" data-y="310"
  18.                          data-speed="600" data-start="2800">Pour vous offrir la réalisation des travaux d'accès
  19.                         difficiles, de vos projets de construction, bâtiment, éléctricité, centrales solaires, <br/>sites
  20.                         télécom et les tous en mode clé en main <br/></div>
  21.                     <div class="caption lfl large-title tp-resizeme slidertext3" data-x="center" data-y="370"
  22.                          data-speed="600" data-start="3500"><a href="{{ path('app_service') }}" class="main-btn btn-1 btn-1e white_color">Nos
  23.                             services</a> <a href="{{ path('app_contact') }}" class="main-btn btn-1 btn-1e white_color">Contactez-nous</a>
  24.                     </div>
  25.                 </li>
  26.                 <li data-slotamount="7" data-transition="flip" data-masterspeed="1000" data-saveperformance="on"><img
  27.                             alt="" src="{{ asset('assets/images/dummy.png') }}"
  28.                             data-lazyload="{{ asset('assets') }}/images/banner2.png">
  29.                     <div class="caption lft large-title tp-resizeme slidertext4" data-x="center" data-y="160"
  30.                          data-speed="600" data-start="1600">Notre plus value
  31.                     </div>
  32.                     <div class="caption lft large-title tp-resizeme slidertext1" data-x="center" data-y="200"
  33.                          data-speed="600" data-start="2200">Normes de conduite professionnelle
  34.                     </div>
  35.                     <div class="caption lfb large-title tp-resizeme slidertext2" data-x="center" data-y="310"
  36.                          data-speed="600" data-start="2800">Nous mettons en pratique des normes de conduite
  37.                         professionnelle de haut niveau à toutes nos activités
  38.                     </div>
  39.                     <div class="caption lfl large-title tp-resizeme slidertext3" data-x="center" data-y="370"
  40.                          data-speed="600" data-start="3500"><a href="{{ path('app_service') }}" class="main-btn btn-1 btn-1e white_color">Nos
  41.                             services</a> <a href="{{ path('app_contact') }}" class="main-btn btn-1 btn-1e white_color">Contactez-nous</a>
  42.                     </div>
  43.                 </li>
  44.                 <li data-slotamount="7" data-transition="slidedown" data-masterspeed="1000" data-saveperformance="on">
  45.                     <img alt="" src="{{ asset('assets/images/dummy.png') }}"
  46.                          data-lazyload="{{ asset('assets') }}/images/banner3.png">
  47.                     <div class="caption lft large-title tp-resizeme slidertext4" data-x="center" data-y="160"
  48.                          data-speed="600" data-start="1600">Notre plus grande force
  49.                     </div>
  50.                     <div class="caption lft large-title tp-resizeme slidertext1" data-x="center" data-y="200"
  51.                          data-speed="600" data-start="2200">Comprendre notre marché et notre clientelle
  52.                     </div>
  53.                     <div class="caption lfb large-title tp-resizeme slidertext2" data-x="center" data-y="310"
  54.                          data-speed="600" data-start="2800">Nous travaillons en équipe avec nos clients et le marché, en
  55.                         proposant des solutions innovantes
  56.                     </div>
  57.                     <div class="caption lfl large-title tp-resizeme slidertext3" data-x="center" data-y="370"
  58.                          data-speed="600" data-start="3500"><a href="{{ path('app_service') }}" class="main-btn btn-1 btn-1e white_color">Nos
  59.                             services</a> <a href="{{ path('app_contact') }}" class="main-btn btn-1 btn-1e white_color">Contactez-nous</a>
  60.                     </div>
  61.                 </li>
  62.             </ul>
  63.         </div>
  64.     </div>
  65.     <!--slider end-->
  67.     <div class="quick-quote">
  68.         <div class="container">
  69.             <!--Row Start-->
  70.             <div class="row">
  71.                 <div class="col-md-9">
  72.                     <h2>Vous recherchez une équipe d'experts pour vos projets ?</h2>
  73.                 </div>
  74.                 <div class="col-md-3">
  75.                     <div class="quote-btn"><a href="{{ path('app_contact') }}">Contactez-nous</a></div>
  76.                 </div>
  77.             </div>
  78.             <!--Row End-->
  79.         </div>
  80.     </div>
  82.     <!--about-info start-->
  83.     <section class="about-info">
  84.         <div class="about-img-pro" style="background-image:url({{ asset('assets/images/about_home.png') }})"></div>
  85.         <div class="container">
  86.             <!--row start-->
  87.             <div class="row">
  88.                 <!--col start-->
  89.                 <div class="col-md-6 col-sm-push-6">
  90.                     <div class="section-title">
  91.                         <h3>15 ans d'experience<br>
  92.                             <span>Bienvenue chez TEVA SARL </span></h3>
  93.                         <h4>Votre expert polyvalent pour tous vos projets</h4>
  94.                         <p>
  95.                             nous sommes une équipe d'experts passionnés par la fourniture de solutions complètes et sur
  96.                             mesure à nos clients dans divers secteurs. Que vous ayez besoin d'une assistance pour des
  97.                             travaux à accès difficile, des installations électriques industrielles ou tertiaires, la
  98.                             construction de sites télécoms ou de centrales solaires, ou encore des services de
  99.                             plomberie, nous sommes là pour vous aider.
  100.                         </p>
  101.                     </div>
  102.                     <div class="about-description">
  103.                         <ul>
  104.                             <li>Expertise</li>
  105.                             <li>Innovation</li>
  106.                             <li>Sécurité</li>
  107.                             <li>Efficacité</li>
  108.                         </ul>
  109.                         <div class="readmore">
  110.                             <a href="{{ path('app_about') }}" class="main-btn btn-1 btn-1e">En savoir plus</a>
  111.                         </div>
  112.                     </div>
  113.                 </div>
  114.                 <!--col end-->
  115.                 <!--col start-->
  117.             </div>
  118.             <!--col start-->
  119.         </div>
  120.         <!--row end-->
  121.     </section>
  122.     <!--about-info end-->
  123.     <!--services start-->
  124.     <section class="services bg-gray">
  125.         <!--container start-->
  126.         <div class="container">
  127.             <div class="section-title">
  128.                 <h3>NOS SERViCES DE <span>QUALITÉ</span></h3>
  129.                 <p>Nous offrons une gamme complète de services dans plusieurs domaines </p>
  130.             </div>
  131.             <!--row start-->
  132.             <div class="row serviceList">
  133.                 <!--col start-->
  134.                 <div class="col-md-6 col-sm-6 col-xs-12">
  135.                     <a href="{{ path('app_service_building') }}">
  136.                         <div class="single-item" id="item1">
  137.                             <div class="fig_caption">
  138.                                 <div class="icon"><i class="fa fa-home"></i></div>
  139.                                 <div class="details">
  140.                                     <h3><a href="{{ path('app_service_building') }}">Le bâtiment</a></h3>
  141.                                     <p> Le service consiste aux travaux de maçonnerie, peinture, couverture, étanchéité,
  142.                                         et
  143.                                         tout ce qui touche de près ou de loin à l'entretien des bâtiments, nettoyage et
  144.                                         lavage, pose des panneaux publicitaires sur des murs et espaces en hauteur,
  145.                                         travaux
  146.                                         sur ouvrage classé, peinture, revêtement, pose paratonnerres, antennes télécom
  147.                                         etc.</p>
  148.                                 </div>
  149.                             </div>
  150.                         </div>
  151.                     </a>
  152.                 </div>
  153.                 <!--col end-->
  154.                 <!--col start-->
  155.                 <div class="col-md-6 col-sm-6 col-xs-12">
  156.                     <a href="{{ path('app_service_industry') }}">
  157.                         <div class="single-item"  id="item2">
  158.                             <div class="fig_caption">
  159.                                 <div class="icon"><i class="fa fa-wrench"></i></div>
  160.                                 <div class="details">
  161.                                     <h3><a href="#">L'industrie</a></h3>
  162.                                     <p>Nous effectuons des travaux de maintenance, réglage, montage, démontage,
  163.                                         contrôle,
  164.                                         soudure, nettoyage divers, peinture, maintenance des installations
  165.                                         électiomécaniques
  166.                                         en hauteur, travaux sur toutes surfaces à accès difficile etc...</p>
  167.                                 </div>
  168.                             </div>
  169.                         </div>
  170.                     </a>
  171.                 </div>
  172.                 <!--col end-->
  173.                 <!--col start-->
  174.                 <div class="col-md-6 col-sm-6 col-xs-12">
  175.                     <a href="{{ path('app_service_public_work') }}">
  176.                         <div class="single-item"  id="item3">
  177.                             <div class="fig_caption">
  178.                                 <div class="icon"><i class="fa fa-map-signs"></i></div>
  179.                                 <div class="details">
  180.                                     <h3><a href="#">Les travaux publics</a></h3>
  181.                                     <p>Nous sommes dévoués à fournir des services essentiels qui rehaussent la qualité
  182.                                         de
  183.                                         vie de nos clients. Nous nous engageons à offrir des solutions innovantes,
  184.                                         durables
  185.                                         et rentables qui répondent aux besoins de nos clients particuliers et
  186.                                         entreprises :
  187.                                         systèmes de traitement et de distribution d'eau de notre ville, bâtiments
  188.                                         publics
  189.                                         etc...</p>
  190.                                 </div>
  191.                             </div>
  192.                         </div>
  193.                     </a>
  194.                 </div>
  195.                 <!--col end-->
  196.                 <!--col start-->
  197.                 <div class="col-md-6 col-sm-6 col-xs-12">
  198.                     <a href="{{ path('app_service_office_personal_maintenance') }}">
  199.                         <div class="single-item"  id="item4">
  200.                             <div class="fig_caption">
  201.                                 <div class="icon"><i class="fa fa-universal-access"></i></div>
  202.                                 <div class="details">
  203.                                     <h3><a href="#">Entretien des
  204.                                             bureaux et particuliers </a></h3>
  205.                                     <p> Que vous soyez un particulier soucieux du confort de votre foyer ou une
  206.                                         entreprise
  207.                                         soucieuse de l'image qu'elle renvoie, Teva Sarl est votre allié pour des espaces
  208.                                         propres et sains.</p>
  209.                                 </div>
  210.                             </div>
  211.                         </div>
  212.                     </a>
  213.                 </div>
  214.                 <!--col end-->
  215.             </div>
  216.             <!--row end-->
  218.             <div class="readmore text-center">
  219.                 <a href="{{ path('app_service') }}" class="main-btn btn-1 btn-1e">Tous les sercives</a>
  220.             </div>
  221.         </div>
  222.         <!--container end-->
  223.     </section>
  224.     <!--services end-->
  225.     <!--counter start-->
  226.     <div class="counter">
  227.         <!--container start-->
  228.         <div class="container">
  229.             <!--row start-->
  230.             <div class="row">
  231.                 <!--col start-->
  232.                 <div class="col-md-3 col-sm-6 col-xs-12 counter-item">
  233.                     <div class="counterbox">
  234.                         <div class="counter-icon"><i class="fa fa-list-ul" aria-hidden="true"></i></div>
  235.                         <div class="counter_area"><span class="counter-number" data-from="1" data-to="15"
  236.                                                         data-speed="1000">15</span> <span class="counter-text">années d'expérience</span>
  237.                         </div>
  238.                     </div>
  239.                 </div>
  240.                 <!--col end-->
  241.                 <!--col start-->
  242.                 <div class="col-md-3 col-sm-6 col-xs-12 counter-item">
  243.                     <div class="counterbox">
  244.                         <div class="counter-icon"><i class="fa fa-users" aria-hidden="true"></i></div>
  245.                         <div class="counter_area"><span class="counter-number" data-from="1" data-to="30"
  246.                                                         data-speed="2000">30</span> <span
  247.                                     class="counter-text">Projets réalisés</span></div>
  248.                     </div>
  249.                 </div>
  250.                 <!--col end-->
  251.                 <!--col start-->
  252.                 <div class="col-md-3 col-sm-6 col-xs-12 counter-item">
  253.                     <div class="counterbox">
  254.                         <div class="counter-icon"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i></div>
  255.                         <div class="counter_area"><span class="counter-number" data-from="1" data-to="30"
  256.                                                         data-speed="3000">30</span> <span class="counter-text">Clients satisfaits</span>
  257.                         </div>
  258.                     </div>
  259.                 </div>
  260.                 <!--col end-->
  261.                 <!--col start-->
  262.                 <div class="col-md-3 col-sm-6 col-xs-12 counter-item">
  263.                     <div class="counterbox">
  264.                         <div class="counter-icon"><i class="fa fa-mortar-board" aria-hidden="true"></i></div>
  265.                         <div class="counter_area_1"><span class="counter-number" data-from="1" data-to="20"
  266.                                                           data-speed="4000">20</span> <span class="counter-text">Lauréats formés</span>
  267.                         </div>
  268.                     </div>
  269.                 </div>
  270.                 <!--col end-->
  271.                 <!--col start-->
  272.             </div>
  273.             <!--row end-->
  274.         </div>
  275.         <!--container end-->
  276.     </div>
  277.     <!--counter end-->
  278.     <!--portfolio-area start-->
  279.     <section class="bg-gray portfolio-area">
  280.         <!--container start-->
  281.         <div class="container-fluid">
  282.             <div class="section-title">
  283.                 <h3>NOS RECNTES <span>REALISATIONS</span></h3>
  284.                 <p> La sécurité, la norme, l'éfficcité sont le guage du travail bien fait chez nous. Voici quelques
  285.                     images de nos réalisations</p>
  286.             </div>
  287.             <!--row start-->
  288.             <div class="row">
  289.                 <ul class="container-filter categories-filter">
  290.                     <li><a class="categories active" data-filter="*">Tous les projets</a></li>
  291.                     <li><a class="categories hvr-link" data-filter=".electricity">Electricité</a></li>
  292.                     <li><a class="categories hvr-link" data-filter=".telecom">Télécom</a></li>
  293.                     <li><a class="categories hvr-link" data-filter=".rope_work">Travaux sur corde</a></li>
  294.                     <li><a class="categories hvr-link" data-filter=".civil_work">Génie civil</a></li>
  295.                     <li><a class="categories hvr-link" data-filter=".solar_panel">Panneaux solaires</a></li>
  296.                 </ul>
  297.             </div>
  298.             <!--row end-->
  299.             <div class="portfolio-inner">
  300.                 <!--row start-->
  301.                 <ul class="row container-masonry portfolio-posts grid">
  302.                     <!--col start-->
  303.                     <li class="col-md-3 col-sm-6 col-xs-12 nf-item grid-sizer electricity telecom">
  304.                         <div class="image-hover-effect"><img
  305.                                     src="{{ asset('assets/images/gallery/electricity/file2063.jpg') }}"
  306.                                     alt="Electricity1">
  307.                             <div class="caption">
  308.                                 <h3>Prestation en électricité</h3>
  309.                                 <p>Dépannage électrique sur site </p>
  310.                             </div>
  311.                             <div class="link-wrap"><a
  312.                                         href="{{ asset('assets/images/gallery/electricity/file2063.jpg') }}"
  313.                                         title="Electricité"
  314.                                         class="lightbox-image"><i class="fa fa-search"></i></a> <a
  315.                                         href="{{ path('app_service_industry') }}"><i class="fa fa-link"></i></a>
  316.                             </div>
  317.                         </div>
  318.                     </li>
  319.                     <!--col end-->
  320.                     <!--col start-->
  321.                     <li class="col-md-3 col-sm-6 col-xs-12 nf-item grid-sizer electricity solar_panel">
  322.                         <div class="image-hover-effect"><img
  323.                                     src="{{ asset('assets/images/gallery/electricity/20180827143835483.jpg') }}"
  324.                                     alt="Electricity1">
  325.                             <div class="caption">
  326.                                 <h3>Système électrique</h3>
  327.                                 <p>Pour la gestion de la station photovoltaïque </p>
  328.                             </div>
  329.                             <div class="link-wrap"><a
  330.                                         href="{{ asset('assets/images/gallery/electricity/20180827143835483.jpg') }}"
  331.                                         title="Electricité"
  332.                                         class="lightbox-image"><i class="fa fa-search"></i></a> <a
  333.                                         href="{{ path('app_service_public_work') }}"><i class="fa fa-link"></i></a>
  334.                             </div>
  335.                         </div>
  336.                     </li>
  337.                     <!--col end-->
  338.                     <!--col start-->
  339.                     <li class="col-md-3 col-sm-6 col-xs-12 nf-item grid-sizer  rope_work civil_work">
  340.                         <div class="image-hover-effect"><img
  341.                                     src="{{ asset('assets/images/gallery/rope_work/about_home.png') }}"
  342.                                     alt="Electricity1">
  343.                             <div class="caption">
  344.                                 <h3>Crépissage sur corde</h3>
  345.                                 <p>Pour la construction d'un bâtiment </p>
  346.                             </div>
  347.                             <div class="link-wrap"><a
  348.                                         href="{{ asset('assets/images/gallery/rope_work/about_home.png') }}"
  349.                                         title="Construcrion"
  350.                                         class="lightbox-image"><i class="fa fa-search"></i></a> <a
  351.                                         href="{{ path('app_service_building') }}"><i class="fa fa-link"></i></a>
  352.                             </div>
  353.                         </div>
  354.                     </li>
  355.                     <!--col end-->
  356.                     <!--col start-->
  357.                     <li class="col-md-3 col-sm-6 col-xs-12 nf-item grid-sizer  rope_work">
  358.                         <div class="image-hover-effect"><img
  359.                                     src="{{ asset('assets/images/gallery/rope_work/IMG_20220608_101922_1 - Copie.jpg') }}"
  360.                                     alt="Electricity1">
  361.                             <div class="caption">
  362.                                 <h3>Nettoyage sur corde</h3>
  363.                                 <p>Nettoyage d'un chateau sur corde</p>
  364.                             </div>
  365.                             <div class="link-wrap"><a
  366.                                         href="{{ asset('assets/images/gallery/rope_work/IMG_20220608_101922_1 - Copie.jpg') }}"
  367.                                         title="Télécom"
  368.                                         class="lightbox-image"><i class="fa fa-search"></i></a> <a
  369.                                         href="{{ path('app_service_office_personal_maintenance') }}"><i class="fa fa-link"></i></a>
  370.                             </div>
  371.                         </div>
  372.                     </li>
  373.                     <!--col end-->
  374.                     <!--col start-->
  375.                     <li class="col-md-3 col-sm-6 col-xs-12 nf-item grid-sizer civil_work">
  376.                         <div class="image-hover-effect"><img
  377.                                     src="{{ asset('assets/images/gallery/civil_engineer/escalier.png') }}"
  378.                                     alt="Electricity1">
  379.                             <div class="caption">
  380.                                 <h3>Préparation d'une dalle</h3>
  381.                                 <p>Mise en place d'un pont </p>
  382.                             </div>
  383.                             <div class="link-wrap"><a
  384.                                         href="{{ asset('assets/images/gallery/civil_engineer/escalier.png') }}"
  385.                                         title="Genie civil"
  386.                                         class="lightbox-image"><i class="fa fa-search"></i></a> <a
  387.                                         href="{{ path('app_service_building') }}"><i class="fa fa-link"></i></a>
  388.                             </div>
  389.                         </div>
  390.                     </li>
  391.                     <!--col end-->
  392.                     <!--col start-->
  393.                     <li class="col-md-3 col-sm-6 col-xs-12 nf-item grid-sizer solar_panel">
  394.                         <div class="image-hover-effect"><img
  395.                                     src="{{ asset('assets/images/gallery/solar_panel/20180825104754953.jpg') }}"
  396.                                     alt="Electricity1">
  397.                             <div class="caption">
  398.                                 <h3>Panneau solaire</h3>
  399.                                 <p>Installation d'une station photooltaïque </p>
  400.                             </div>
  401.                             <div class="link-wrap"><a
  402.                                         href="{{ asset('assets/images/gallery/solar_panel/20180825104754953.jpg') }}"
  403.                                         title="Panneau solaire"
  404.                                         class="lightbox-image"><i class="fa fa-search"></i></a> <a
  405.                                         href="{{ path('app_service_public_work') }}"><i class="fa fa-link"></i></a>
  406.                             </div>
  407.                         </div>
  408.                     </li>
  409.                     <!--col end-->
  410.                     <!--col start-->
  411.                     <li class="col-md-3 col-sm-6 col-xs-12 nf-item grid-sizer civil_work telecom">
  412.                         <div class="image-hover-effect"><img
  413.                                     src="{{ asset('assets/images/gallery/telecom/telecom.png') }}"
  414.                                     alt="Electricity1">
  415.                             <div class="caption">
  416.                                 <h3>Antenne télécom</h3>
  417.                                 <p>Construction clé en main d'une antenne télécom </p>
  418.                             </div>
  419.                             <div class="link-wrap"><a
  420.                                         href="{{ asset('assets/images/gallery/telecom/telecom.png') }}"
  421.                                         title="antenne télécom"
  422.                                         class="lightbox-image"><i class="fa fa-search"></i></a> <a
  423.                                         href="{{ path('app_service_public_work') }}"><i class="fa fa-link"></i></a>
  424.                             </div>
  425.                         </div>
  426.                     </li>
  427.                     <!--col end-->
  428.                     <!--col start-->
  429.                     <li class="col-md-3 col-sm-6 col-xs-12 nf-item grid-sizer civil_work telecom">
  430.                         <div class="image-hover-effect"><img
  431.                                     src="{{ asset('assets/images/gallery/telecom/file1023.png') }}"
  432.                                     alt="Electricity1">
  433.                             <div class="caption">
  434.                                 <h3>Antenne télécom</h3>
  435.                                 <p>Construction clé en main d'une entenne télécom </p>
  436.                             </div>
  437.                             <div class="link-wrap"><a
  438.                                         href="{{ asset('assets/images/gallery/telecom/file1023.png') }}"
  439.                                         title="Panneau solaire"
  440.                                         class="lightbox-image"><i class="fa fa-search"></i></a> <a
  441.                                         href="{{ path('app_service_public_work') }}"><i class="fa fa-link"></i></a>
  442.                             </div>
  443.                         </div>
  444.                     </li>
  445.                     <!--col end-->
  446.                     <!--col start-->
  447. {#                    <li class="col-md-3 col-sm-6 col-xs-12 nf-item grid-sizer civil_work rope_work">#}
  448. {#                        <div class="image-hover-effect"><img#}
  449. {#                                    src="{{ asset('assets/images/gallery/rope_work/alucobond_sur_corde.png') }}"#}
  450. {#                                    alt="Electricity1">#}
  451. {#                            <div class="caption">#}
  452. {#                                <h3>Travaux sur corde</h3>#}
  453. {#                                <p>Installation des alucobonds sans échafaudage </p>#}
  454. {#                            </div>#}
  455. {#                            <div class="link-wrap"><a#}
  456. {#                                        href="{{ asset('assets/images/gallery/rope_work/alucobond_sur_corde.png') }}"#}
  457. {#                                        title="Génie civil"#}
  458. {#                                        class="lightbox-image"><i class="fa fa-search"></i></a> <a#}
  459. {#                                        href="{{ path('app_service_building') }}"><i class="fa fa-link"></i></a>#}
  460. {#                            </div>#}
  461. {#                        </div>#}
  462. {#                    </li>#}
  463.                     <!--col end-->
  464.                 </ul>
  465.                 <!--row end-->
  466.             </div>
  467.         </div>
  468.         <!--container end-->
  469.     </section>
  470.     <!--portfolio-area end-->
  471.     <!--whychoose-wrap start-->
  472.     <section class="whychoose-wrap">
  473.         <!--container start-->
  474.         <div class="container">
  475.             <!--row start-->
  476.             <div class="row">
  477.                 <!--col start-->
  478.                 <div class="col-md-6">
  479.                     <div class="section-title">
  480.                         <h3>Nos points forts<br>
  481.                             <span>Pourquoi nous choisir </span></h3>
  482.                         <p>Forts de nombreuses années d'expérience dans une large gamme de domaines, nos équipes
  483.                             d'experts qualifiés et chevronnés sont à votre service pour vous accompagner dans la
  484.                             réalisation de vos projets les plus complexes.</p>
  485.                     </div>
  486.                     <div class="whychoose-description">
  487.                         <ul class="row">
  488.                             <li class="col-md-6">Qualité et sécurité irréprochables</li>
  489.                             <li class="col-md-6">Solutions adaptées à vos besoins</li>
  490.                             <li class="col-md-6">Partenaire de confiance et fiable</li>
  491.                             <li class="col-md-6">Efficacité dans la prestation</li>
  492.                             <li class="col-md-6">Service agile centrée sur le client</li>
  493.                             <li class="col-md-6">Nous tavaillons avec des normes</li>
  494.                         </ul>
  495.                     </div>
  496.                 </div>
  497.                 <!--col end-->
  498.                 <!--col start-->
  499.                 <div class="col-md-6">
  500.                     <div class="about-video-item">
  501.                         <div class="about-video-img"><img
  502.                                     src="{{ asset('assets/images/gallery/rope_work/IMG_20221110_152704_877.jpg') }}"
  503.                                     alt=""> <a
  504.                                     href="https://www.youtube.com/watch?v=JbHur_AW3oU"
  505.                                     class="video-play mfp-iframe xs-video"><i class="fa fa-play"></i></a></div>
  506.                     </div>
  507.                 </div>
  508.                 <!--col end-->
  509.             </div>
  510.             <!--row end-->
  511.         </div>
  512.         <!--container end-->
  513.     </section>
  514.     <!--whychoose-wrap end-->
  516.     {% include 'components/brand.html.twig' %}
  517. {% endblock %}
  519. {% block javascripts %}
  521.     {{ parent() }}
  522.     <script>
  523.         $('#item1').click(function (){
  524.             window.location.href = '{{ path('app_service_building') }}'
  525.         })
  526.         $('#item2').click(function (){
  527.             window.location.href = '{{ path('app_service_industry') }}'
  528.         })
  529.         $('#item3').click(function (){
  530.             window.location.href = '{{ path('app_service_public_work') }}'
  531.         })
  532.         $('#item4').click(function (){
  533.             window.location.href = '{{ path('app_service_office_personal_maintenance') }}'
  534.         })
  535.         $('#item5').click(function (){
  536.             window.location.href = '{{ path('app_service_training') }}'
  537.         })
  538.     </script>
  540. {% endblock %}