templates/about/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %} {{ parent() }} | {{ "Qui nous sommes" | trans }} {% endblock %}
  5. {% block content %}
  6.     <!--==============================
  7.       Breadcrumb
  8.   ============================== -->
  9.     {% for about in abouts %}
  10.         {% if about.langue == 'fr_fr' and '/fr/' in app.request.uri %}
  11.             <div class="breadcumb-wrapper " data-bg-src="{{ asset('content/media/' ~ about.bannerImg) }}">
  12.                 <div class="container z-index-common">
  13.                     <div class="breadcumb-content">
  14.                         <h1 class="breadcumb-title">{{ about.title }}</h1>
  15.                         <div class="breadcumb-menu-wrap">
  16.                             <ul class="breadcumb-menu">
  17.                                 <li><a href="{{ path('app_main') }}">{{ "Accueil" | trans }}</a></li>
  18.                                 <li>{{ about.title }}</li>
  19.                             </ul>
  20.                         </div>
  21.                     </div>
  22.                 </div>
  23.             </div>
  24.         {% elseif about.langue == 'en_en' and '/en/' in app.request.uri %}
  25.             <div class="breadcumb-wrapper " data-bg-src="{{ asset('content/media/' ~ about.bannerImg) }}">
  26.                 <div class="container z-index-common">
  27.                     <div class="breadcumb-content">
  28.                         <h1 class="breadcumb-title">{{ about.title }}</h1>
  29.                         <div class="breadcumb-menu-wrap">
  30.                             <ul class="breadcumb-menu">
  31.                                 <li><a href="{{ path('app_main') }}">{{ "Accueil" | trans }}</a></li>
  32.                                 <li>{{ about.title }}</li>
  33.                             </ul>
  34.                         </div>
  35.                     </div>
  36.                 </div>
  37.             </div>
  38.         {% endif %}
  39.     {% endfor %}
  41.     <!--==============================
  42.     About Us
  43.     ==============================-->
  44.     <section class=" space-top space-extra-bottom">
  45.         <div class="container">
  46.             <div class="row gx-50">
  47.                 {% for about in abouts %}
  48.                     {% if about.langue == 'fr_fr' and '/fr/' in app.request.uri %}
  49.                         <div class="col-xl-6 mb-30 text-center text-xl-start wow fadeInUp" data-wow-delay="0.3s">
  50.                             <img src="{{ asset('content/media/' ~ about.image) }}" alt="image">
  51.                         </div>
  52.                     {% elseif about.langue == 'en_en' and '/en/' in app.request.uri %}
  53.                         <div class="col-xl-6 mb-30 text-center text-xl-start wow fadeInUp" data-wow-delay="0.3s">
  54.                             <img src="{{ asset('content/media/' ~ about.image) }}" alt="image">
  55.                         </div>
  56.                     {% endif %}
  57.                 {% endfor %}
  58.                 <div class="col-xl-6 align-self-center text-center text-xl-start wow fadeInUp" data-wow-delay="0.4s">
  59. {#                    <span class="sec-subtitle">{{ "pourquoi nous choisir ?" | trans }}</span>#}
  60. {#                    <h2 class="sec-title mb-2 pb-2">We Help To Improve Customer Service</h2>#}
  62.                     <div class="accordion accordion-style1" id="accordionStyle1">
  63.                         {% for about in abouts %}
  64.                             {% if about.langue == 'fr_fr' and '/fr/' in app.request.uri %}
  65.                                 <div class="accordion-item active">
  66.                                     <div class="accordion-header" id="headingOne">
  67.                                         <button class="accordion-button" type="button" data-bs-toggle="collapse"
  68.                                                 data-bs-target="#collapseOne" aria-expanded="true"
  69.                                                 aria-controls="collapseOne">
  70.                                             {{ about.title }}
  71.                                         </button>
  72.                                     </div>
  73.                                     <div id="collapseOne" class="accordion-collapse collapse show"
  74.                                          aria-labelledby="headingOne"
  75.                                          data-bs-parent="#accordionStyle1">
  76.                                         <div class="accordion-body">
  77.                                             <p>{{ about.content | raw }}</p>
  78.                                         </div>
  79.                                     </div>
  80.                                 </div>
  81.                             {% elseif about.langue == 'en_en' and '/en/' in app.request.uri %}
  82.                                 <div class="accordion-item active">
  83.                                     <div class="accordion-header" id="headingOne">
  84.                                         <button class="accordion-button" type="button" data-bs-toggle="collapse"
  85.                                                 data-bs-target="#collapseOne" aria-expanded="true"
  86.                                                 aria-controls="collapseOne">
  87.                                             {{ about.title }}
  88.                                         </button>
  89.                                     </div>
  90.                                     <div id="collapseOne" class="accordion-collapse collapse show"
  91.                                          aria-labelledby="headingOne"
  92.                                          data-bs-parent="#accordionStyle1">
  93.                                         <div class="accordion-body">
  94.                                             <p>{{ about.content | raw }}</p>
  95.                                         </div>
  96.                                     </div>
  97.                                 </div>
  98.                             {% endif %}
  99.                         {% endfor %}
  100.                         {% for value in values %}
  101.                             {% if value.langue == 'fr_fr' and '/fr/' in app.request.uri %}
  102.                                 <div class="accordion-item">
  103.                                     <div class="accordion-header" id="headingThree">
  104.                                         <button class="accordion-button collapsed" type="button"
  105.                                                 data-bs-toggle="collapse"
  106.                                                 data-bs-target="#collapseThree" aria-expanded="false"
  107.                                                 aria-controls="collapseThree">
  108.                                             {{ value.title }}
  109.                                         </button>
  110.                                     </div>
  111.                                     <div id="collapseThree" class="accordion-collapse collapse"
  112.                                          aria-labelledby="headingThree"
  113.                                          data-bs-parent="#accordionStyle1">
  114.                                         <div class="accordion-body">
  115.                                             <p>{{ value.content | raw }}</p>
  116.                                         </div>
  117.                                     </div>
  118.                                 </div>
  119.                             {% elseif value.langue == 'en_en' and '/en/' in app.request.uri %}
  120.                                 <div class="accordion-item">
  121.                                     <div class="accordion-header" id="headingThree">
  122.                                         <button class="accordion-button collapsed" type="button"
  123.                                                 data-bs-toggle="collapse"
  124.                                                 data-bs-target="#collapseThree" aria-expanded="false"
  125.                                                 aria-controls="collapseThree">
  126.                                             {{ value.title }}
  127.                                         </button>
  128.                                     </div>
  129.                                     <div id="collapseThree" class="accordion-collapse collapse"
  130.                                          aria-labelledby="headingThree"
  131.                                          data-bs-parent="#accordionStyle1">
  132.                                         <div class="accordion-body">
  133.                                             <p>{{ value.content | raw }}</p>
  134.                                         </div>
  135.                                     </div>
  136.                                 </div>
  138.                             {% endif %}
  139.                         {% endfor %}
  141.                         {% for force in forces %}
  142.                             {% if force.langue == 'fr_fr' and '/fr/' in app.request.uri %}
  143.                                 <div class="accordion-item">
  144.                                     <div class="accordion-header" id="headingFour">
  145.                                         <button class="accordion-button collapsed" type="button"
  146.                                                 data-bs-toggle="collapse"
  147.                                                 data-bs-target="#collapseFour" aria-expanded="false"
  148.                                                 aria-controls="collapseFour">
  149.                                             {{ force.title }}
  150.                                         </button>
  151.                                     </div>
  152.                                     <div id="collapseFour" class="accordion-collapse collapse"
  153.                                          aria-labelledby="headingFour"
  154.                                          data-bs-parent="#accordionStyle1">
  155.                                         <div class="accordion-body">
  156.                                             <p>{{ force.content | raw }}</p>
  157.                                         </div>
  158.                                     </div>
  159.                                 </div>
  160.                             {% elseif force.langue == 'en_en' and '/en/' in app.request.uri %}
  161.                                 <div class="accordion-item">
  162.                                     <div class="accordion-header" id="headingFour">
  163.                                         <button class="accordion-button collapsed" type="button"
  164.                                                 data-bs-toggle="collapse"
  165.                                                 data-bs-target="#collapseFour" aria-expanded="false"
  166.                                                 aria-controls="collapseFour">
  167.                                             {{ value.title }}
  168.                                         </button>
  169.                                     </div>
  170.                                     <div id="collapseFour" class="accordion-collapse collapse"
  171.                                          aria-labelledby="headingFour"
  172.                                          data-bs-parent="#accordionStyle1">
  173.                                         <div class="accordion-body">
  174.                                             <p>{{ value.content | raw }}</p>
  175.                                         </div>
  176.                                     </div>
  177.                                 </div>
  179.                             {% endif %}
  180.                         {% endfor %}
  182.                     </div>
  184.                 </div>
  185.             </div>
  186.         </div>
  187.     </section>
  189.     <!--==============================
  191.     ==============================-->
  192.     <section class=" space" data-bg-src="{{ asset('assets/img/bg/process-bg-1.jpg') }}">
  193.         <div class="container">
  194.             <div class="title-area text-center wow fadeInUp" data-wow-delay="0.3s">
  195.                 <div class="sec-pills">
  196.                     <div class="pill"></div>
  197.                     <div class="pill"></div>
  198.                     <div class="pill"></div>
  199.                 </div>
  200.                 <span class="sec-subtitle2">How We Works</span>
  201.                 <h2 class="sec-title">Our Approach</h2>
  202.             </div>
  203.         </div>
  204.         <div class="container position-relative">
  205.             <div class="process-shape1 d-none d-lg-block"><img src="{{ asset('assets/img/icon/process-shape-1-1.png') }}" alt="shape">
  206.             </div>
  207.             <div class="row justify-content-between">
  208.                 <div class="col-md-6 col-lg-auto process-style1 wow fadeInUp" data-wow-delay="0.3s">
  209.                     <div class="process-body">
  210.                         <div class="process-shape"></div>
  211.                         <div class="process-number">01</div>
  212.                         <div class="process-icon"><img src="{{ asset('assets/img/icon/pro-1-1.png') }}" alt="icon"></div>
  213.                         <p class="process-text">Select For Your Service</p>
  214.                     </div>
  215.                 </div>
  216.                 <div class="col-md-6 col-lg-auto process-style1 wow fadeInUp" data-wow-delay="0.4s">
  217.                     <div class="process-body">
  218.                         <div class="process-shape"></div>
  219.                         <div class="process-number">02</div>
  220.                         <div class="process-icon"><img src="{{ asset('assets/img/icon/pro-1-2.png') }}" alt="icon"></div>
  221.                         <p class="process-text">Started Your Service</p>
  222.                     </div>
  223.                 </div>
  224.                 <div class="col-md-6 col-lg-auto process-style1 wow fadeInUp" data-wow-delay="0.5s">
  225.                     <div class="process-body">
  226.                         <div class="process-shape"></div>
  227.                         <div class="process-number">03</div>
  228.                         <div class="process-icon"><img src="{{ asset('assets/img/icon/pro-1-3.png') }}" alt="icon"></div>
  229.                         <p class="process-text">Analysis Your Project</p>
  230.                     </div>
  231.                 </div>
  232.                 <div class="col-md-6 col-lg-auto process-style1 wow fadeInUp" data-wow-delay="0.6s">
  233.                     <div class="process-body">
  234.                         <div class="process-shape"></div>
  235.                         <div class="process-number">04</div>
  236.                         <div class="process-icon"><img src="{{ asset('assets/img/icon/pro-1-4.png') }}" alt="icon"></div>
  237.                         <p class="process-text">Get Final Results</p>
  238.                     </div>
  239.                 </div>
  240.             </div>
  241.         </div>
  242.     </section>
  244. {% endblock %}