templates/main/about.html.twig line 1

Open in your IDE?
  1. <!--==============================
  2.     About Us
  3.     ==============================-->
  4. <section class="space-top background-image" data-bg-src="{{ asset('assets/img/bg/team-bg-2-1.jpg') }}">
  5.     <div class="container" style="margin-top: -65px;">
  6.         <div class="row gx-60">
  7.             {% for about in abouts %}
  8.                 {% if about.langue == 'fr_fr' and '/fr/' in app.request.uri %}
  9.                     <div class="col-xl-6 mb-30 mb-xl-0 wow fadeInUp" data-wow-delay="0.3s">
  10.                         <div class="img-box5">
  11.                             <div class="img-1"><img src="{{ asset('content/media/' ~ about.image) }}" alt="about"></div>
  12.                             <div class="shape-1"></div>
  13.                         </div>
  14.                     </div>
  15.                 {% elseif about.langue == 'en_en' and '/en/' in app.request.uri %}
  16.                     <div class="col-xl-6 mb-30 mb-xl-0 wow fadeInUp" data-wow-delay="0.3s">
  17.                         <div class="img-box5">
  18.                             <div class="img-1"><img src="{{ asset('content/media/' ~ about.image) }}" alt="about"></div>
  19.                             <div class="shape-1"></div>
  20.                         </div>
  21.                     </div>
  22.                 {% endif %}
  23.             {% endfor %}
  25.             {% for about in abouts %}
  26.                 {% if about.langue == 'fr_fr' and '/fr/' in app.request.uri %}
  27.                     <div class="col-xl-6 wow fadeInUp" data-wow-delay="0.4s">
  28.                         <div class="sec-pills">
  29.                             <div class="pill"></div>
  30.                             <div class="pill"></div>
  31.                             <div class="pill"></div>
  32.                         </div>
  33.                         <span class="sec-subtitle3">{{ "Bienvenu(e) sur le site de LINGUA FRANCA CONSULTING" | trans }}</span>
  34.                         <h2 class="sec-title2 mb-2 mb-xxl-3 pb-1">{{ about.title }}</h2>
  35.                         <p class="about-text1 mb-xl-3 mb-xxl-4 pb-2"> {{ about.summary | raw}} </p>
  36.                         <div class="list-style3 index-style">
  37.                             <ul class="list-unstyled">
  38.                                 <li><i class="far fa-arrow-alt-circle-right"></i>Organisation et gestion de conférence
  39.                                 </li>
  40.                                 <li><i class="far fa-arrow-alt-circle-right"></i>Interprétation de conférence</li>
  41.                                 <li><i class="far fa-arrow-alt-circle-right"></i>Chuchotage</li>
  42.                                 <li><i class="far fa-arrow-alt-circle-right"></i>Traduction</li>
  43.                             </ul>
  44.                         </div>
  45.                         <div class="row  align-items-center justify-content-end flex-row-reverse mt-4 mt-xxl-5 pt-3 pt-xl-1 ">
  46.                             <div class="col-sm-auto mb-30 mb-sm-0">
  47.                                 <div class="media-style3">
  48.                                     <div class="media-icon"><img src="{{ asset('assets/img/icon/ab-i-8-1.png') }}" alt="icon"></div>
  49.                                     <div class="media-body">
  50.                                         <span class="media-label">Support Center</span>
  51.                                         <p class="media-info"><a class="text-inherit" href="tel:+1333555999">+1 333 555
  52.                                                 999</a>
  53.                                         </p>
  54.                                     </div>
  55.                                 </div>
  56.                             </div>
  57.                             <div class="col-sm-auto">
  58.                                 <a href="{{ path('app_about_index') }}" class="vs-btn style7">Lire plus</a>
  59.                             </div>
  60.                         </div>
  61.                     </div>
  62.                 {% elseif about.langue == 'en_en' and '/en/' in app.request.uri %}
  63.                     <div class="col-xl-6 wow fadeInUp" data-wow-delay="0.4s">
  64.                         <div class="sec-pills">
  65.                             <div class="pill"></div>
  66.                             <div class="pill"></div>
  67.                             <div class="pill"></div>
  68.                         </div>
  69.                         <span class="sec-subtitle3" style="color: #db0b19">Bienvenu(e) sur le site de LINGUA FRANCA CONSULTING</span>
  70.                         <h2 class="sec-title2 mb-2 mb-xxl-3 pb-1">{{ about.title }}</h2>
  71.                         <p class="about-text1 mb-xl-3 mb-xxl-4 pb-2"> {{ about.summary}} </p>
  72.                         <div class="list-style3">
  73.                             <ul class="list-unstyled">
  74.                                 <li><i class="far fa-arrow-alt-circle-right"></i>Business Consultin East and Central
  75.                                 </li>
  76.                                 <li><i class="far fa-arrow-alt-circle-right"></i>Consultin East and Central</li>
  77.                             </ul>
  78.                         </div>
  79.                         <div class="row gx-50">
  80.                             <div class="col-sm-auto mb-20 mb-sm-0">
  81.                                 <div class="media-style2">
  82.                                     <div class="media-icon"><i class="fal fa-user-cog"></i></div>
  83.                                     <div class="media-body">
  84.                                         <span class="media-label">1200+</span>
  85.                                         <p class="media-info">East and Centra</p>
  86.                                     </div>
  87.                                 </div>
  88.                             </div>
  89.                             <div class="col-sm-auto">
  90.                                 <div class="media-style2">
  91.                                     <div class="media-icon"><i class="fal fa-id-card"></i></div>
  92.                                     <div class="media-body">
  93.                                         <span class="media-label">35k+</span>
  94.                                         <p class="media-info">Taxes & Efficiency</p>
  95.                                     </div>
  96.                                 </div>
  97.                             </div>
  98.                         </div>
  99.                         <div class="row  align-items-center justify-content-end flex-row-reverse mt-4 mt-xxl-5 pt-3 pt-xl-1 ">
  100.                             <div class="col-sm-auto mb-30 mb-sm-0">
  101.                                 <div class="media-style3">
  102.                                     <div class="media-icon"><img src="assets/img/icon/ab-i-8-1.png" alt="icon"></div>
  103.                                     <div class="media-body">
  104.                                         <span class="media-label">Support Center</span>
  105.                                         <p class="media-info"><a class="text-inherit" href="te:+1333555999">+1 333 555
  106.                                                 999</a>
  107.                                         </p>
  108.                                     </div>
  109.                                 </div>
  110.                             </div>
  111.                             <div class="col-sm-auto">
  112.                                 <a href="about.html" class="vs-btn style7">read More</a>
  113.                             </div>
  114.                         </div>
  115.                     </div>
  116.                 {% endif %}
  117.             {% endfor %}
  118.         </div>
  119.     </div>
  120. </section>