templates/about/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ parent() }} | L'Académie Bilimon {% endblock %}
  5. {% block content %}
  6.     <!-- Start Breadcrumb 
  7.     ============================================= -->
  8.     {% for about in abouts %}
  9.         <div class="breadcrumb-area text-center shadow dark text-light bg-cover" style="background-image: url({{asset('uploads/about/' ~ about.bannerImg) | imagine_filter('bannerImg')}});">
  10.             <div class="container">
  11.                 <div class="row">
  12.                     <div class="col-lg-8 offset-lg-2">
  13.                         <h1>Connaitre l'Académie</h1>
  14.                         <ul class="breadcrumb">
  15.                             <li><a href="/"><i class="fas fa-home"></i> Accueil</a></li>
  16.                             <li class="active">Nous connaitre</li>
  17.                         </ul>
  18.                     </div>
  19.                 </div>
  20.             </div>
  21.         </div>
  22.     {% endfor %}
  23.     <!-- End Breadcrumb -->
  25.     <div class="about-us-area overflow-hidden default-padding">
  26.         <div class="container">
  27.             <div class="about-items">
  28.                 <!-- Shape -->
  29.                 <div class="shape">
  30.                     <img src="assets/img/shape/8.png" alt="Shape">
  31.                 </div>
  32.                 <!-- End Shape -->
  33.                 <div class="row align-center">
  34.                     {% for about in abouts %}
  35.                         <div class="col-lg-6">
  36.                             <div class="thumb">
  37.                                 <img src="{{asset('uploads/about/' ~ about.illustration) | imagine_filter('aboutthumb')}}" alt="Thumb">
  38.                                 <div class="experience">
  39.                                     <h2>{{ about.years }}</h2>
  40.                                     <h4>années d'expériences</h4>
  41.                                 </div>
  42.                             </div>
  43.                         </div>
  44.                         <div class="col-lg-6 info">
  45.                             <h2>Nous sommes déterminés à vous fournir le meilleur</h2>
  46.                             <blockquote>
  47.                                 {{ about.quote | raw}}
  48.                             </blockquote>
  49.                             <p>
  50.                                 {{ about.content | raw }}
  51.                             </p>
  52.                             {# <div class="bottom-info">
  53.                                  <div class="button">
  54.                                      <a data-animation="animated zoomInUp" class="btn btn-theme primary effect btn-md" href="contact.html">Contact Us</a>
  55.                                  </div>
  56.                                  <div class="contact">
  57.                                      <div class="content">
  58.                                          <span>Get Free Estimate</span>
  59.                                          <h5>+44-20-7328-4499</h5>
  60.                                      </div>
  61.                                  </div>
  62.                              </div>#}
  63.                         </div>
  64.                     {% endfor %}
  65.                 </div>
  66.             </div>
  67.         </div>
  68.     </div>
  69.     <!-- End About Area -->
  71.     <!-- Start Fun Factor Area
  72.     ============================================= -->
  73.     <div class="fun-factor-area bg-theme text-light">
  75.         <div class="container">
  76.             <div class="fun-fact-items text-center default-padding">
  77.                 <div class="row">
  78.                     <div class="col-lg-4 col-md-6 item">
  79.                         <div class="fun-fact">
  80.                             <div class="counter">
  81.                                 <div class="timer" data-to="1267" data-speed="5000">1267</div>
  82.                                 <div class="operator">+</div>
  83.                             </div>
  84.                             <span class="medium">personnes formées</span>
  85.                         </div>
  86.                     </div>
  87.                     <div class="col-lg-4 col-md-6 item">
  88.                         <div class="fun-fact">
  89.                             <div class="counter">
  90.                                 <div class="timer" data-to="846" data-speed="5000">846</div>
  91.                                 <div class="operator">+</div>
  92.                             </div>
  93.                             <span class="medium">formations</span>
  94.                         </div>
  95.                     </div>
  96.                     <div class="col-lg-4 col-md-6 item">
  97.                         <div class="fun-fact">
  98.                             <div class="counter">
  99.                                 <div class="timer" data-to="36" data-speed="5000">36</div>
  100.                                 <div class="operator">+</div>
  101.                             </div>
  102.                             <span class="medium">années d'expériences</span>
  103.                         </div>
  104.                     </div>
  105.                 </div>
  106.             </div>
  107.         </div>
  108.         <!-- Fixed BG -->
  109.         <div class="fixed-bg" style="background-image: url(assets/img/shape/29.png);"></div>
  110.         <!-- Fixed BG -->
  111.     </div>
  112.     <!-- End Fun Factor Area -->
  114.     <!-- Start Process Area
  115.     ============================================= -->
  116.     <div class="work-process-area shadow-less text-center default-padding bg-gray">
  117.         <!-- Shape -->
  118.         <div class="shape">
  119.             <img src="assets/img/shape/13.png" alt="Shape">
  120.         </div>
  121.         <!-- End Shape -->
  122.         <div class="container">
  123.             <div class="row">
  124.                 <div class="col-lg-8 offset-lg-2">
  125.                     <div class="site-heading text-center">
  126.                         <h4>Comment nous procédons ?</h4>
  127. {#                        <h2>How it Works</h2>#}
  128. {#                        <div class="devider"></div>#}
  129.                     </div>
  130.                 </div>
  131.             </div>
  132.         </div>
  133.         <div class="container">
  134.             <div class="process-items">
  135.                 <div class="row">
  136.                     <!-- Single Item -->
  137.                     <div class="single-item col-lg-4 col-md-6">
  138.                         <div class="item">
  139.                             <div class="thumb">
  140.                                 <img src="assets/img/800x800.png" alt="Thumb">
  141.                                 <span>01</span>
  142.                             </div>
  143.                             <h5>Book Online Form</h5>
  144.                         </div>
  145.                     </div>
  146.                     <!-- End Single Item -->
  147.                     <!-- Single Item -->
  148.                     <div class="single-item col-lg-4 col-md-6">
  149.                         <div class="item">
  150.                             <div class="thumb">
  151.                                 <img src="assets/img/800x800.png" alt="Thumb">
  152.                                 <span>02</span>
  153.                             </div>
  154.                             <h5>Get expert cleaner</h5>
  155.                         </div>
  156.                     </div>
  157.                     <!-- End Single Item -->
  158.                     <!-- Single Item -->
  159.                     <div class="single-item col-lg-4 col-md-6">
  160.                         <div class="item">
  161.                             <div class="thumb">
  162.                                 <img src="assets/img/800x800.png" alt="Thumb">
  163.                                 <span>03</span>
  164.                             </div>
  165.                             <h5>Relax & enjoy cleanin</h5>
  166.                         </div>
  167.                     </div>
  168.                     <!-- End Single Item -->
  169.                 </div>
  170.             </div>
  171.         </div>
  172.     </div>
  173.     <!-- End Process Area -->
  174. {% endblock %}