src/Flexy/FrontBundle/templates/pages/about-us.html.twig line 1

Open in your IDE?
  1. {% extends '@Flexy/FrontBundle/templates/layout.html.twig' %}
  2.  {% block stylesheets %}
  3.     {{ parent() }}
  4. <style>
  5. p {
  6.     font-size: 15px !important;
  7.     font-weight: 200;
  8.     line-height: 27px !important;
  9.     color: #000;
  10.     margin-bottom: 15px;
  11. }
  12. </style>
  13. {% endblock %}
  14. {% block body %}
  15.         <!-- Begin Body Wrapper -->
  16.         <div class="body-wrapper">
  17.             <!-- Begin Li's Breadcrumb Area -->
  18.             <div class="breadcrumb-area">
  19.                 <div class="container">
  20.                     <div class="breadcrumb-content">
  21.                         <ul>
  22.                             <li><a href="index.html">Accueil</a></li>
  23.                             <li class="active">A propos</li>
  24.                         </ul>
  25.                     </div>
  26.                 </div>
  27.             </div>
  28.             <!-- Li's Breadcrumb Area End Here -->
  29.             <!-- about wrapper start -->
  30.             <div class="about-us-wrapper pt-60 pb-40">
  31.                 <div class="container">
  32.                     <div class="row">
  33.                         <!-- About Text Start -->
  34.                         <div class="col-lg-6 order-last order-lg-first">
  35.                             <div class="about-text-wrap">
  36.                                 <h2><span>La MARKETPLACE O’MALL</span></h2>
  37.                                 <p>A l’écoute constante des consommateurs marocains, qui aspirent à un monde de plus en plus digitalisé et à une offre commerciale toujours plus proche et accessible, O’mall est la nouvelle market place conçue autour de cette vision : une nouvelle expérience de vie digitale et diversifiée</p>
  38.                                 <p>De fait, le shopping devient expérientiel, culturel et connecté.</p>
  39.                                 <p>
  40.                                     O'MALL se doit de nous rappeler Un Groupe d’Etoiles, entreprises, acheteurs, acteurs opérationnels, regroupés dans un même espace virtuel pour un même objectif . <br>
  41.                                     
  42.                                     
  43.                                 </p>                       
  44.                                 
  45.                                 <div class="my-3 p-3 bg-white rounded box-shadow">
  46.         <h6 class="border-bottom border-gray pb-2 mb-0">Objectifs O'mall</h6>
  47.         <div class="media text-muted pt-3">
  48.           <img data-src="holder.js/32x32?theme=thumb&amp;bg=007bff&amp;fg=007bff&amp;size=1" alt="32x32" class="mr-2 rounded" style="width: 32px; height: 32px;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_18053f78f66%20text%20%7B%20fill%3A%23007bff%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A2pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_18053f78f66%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23007bff%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2212.29296875%22%20y%3D%2216.9%22%3E32x32%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true">
  49.           <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
  50.             <div class="d-flex justify-content-between align-items-center w-100">
  51.               <strong class="text-gray-dark"> SATISFACTION DES CLIENTS</strong>
  52.             
  53.             </div>
  54.             
  55.           </div>
  56.         </div>
  57.         <div class="media text-muted pt-3">
  58.           <img data-src="holder.js/32x32?theme=thumb&amp;bg=007bff&amp;fg=007bff&amp;size=1" alt="32x32" class="mr-2 rounded" style="width: 32px; height: 32px;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_18053f78f66%20text%20%7B%20fill%3A%23007bff%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A2pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_18053f78f66%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23007bff%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2212.29296875%22%20y%3D%2216.9%22%3E32x32%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true">
  59.           <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
  60.             <div class="d-flex justify-content-between align-items-center w-100">
  61.               <strong class="text-gray-dark"> SATISFACTION  DU E-COMMERÇANTS  </strong>
  62.                
  63.             </div>
  64.            
  65.           </div>
  66.         </div>
  67.         <div class="media text-muted pt-3">
  68.           <img data-src="holder.js/32x32?theme=thumb&amp;bg=007bff&amp;fg=007bff&amp;size=1" alt="32x32" class="mr-2 rounded" style="width: 32px; height: 32px;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_18053f78f67%20text%20%7B%20fill%3A%23007bff%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A2pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_18053f78f67%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23007bff%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2212.29296875%22%20y%3D%2216.9%22%3E32x32%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true">
  69.           <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
  70.             <div class="d-flex justify-content-between align-items-center w-100">
  71.               <strong class="text-gray-dark">SATISFACTION DES INVESTISSEURS. </strong>
  72.               
  73.             </div>
  74.             
  75.           </div>
  76.         </div>
  77.         
  78.       </div>
  79.       
  80.                                  </div>
  81.                         </div>
  82.                         <!-- About Text End -->
  83.                         <!-- About Image Start -->
  84.                         
  85.                         <div class="col-lg-5 col-md-10">
  86.                             <div class="about-image-wrap">
  87.                                 <img class="img-full" src="/bundles/flexyfront/assets/multiAccess/images/slide2.jpg" alt="About Us" />
  88.                             </div>
  89.                         </div>
  90.                         <!-- About Image End -->
  91.                     </div>
  92.                 </div>
  93.             </div>
  94.             <!-- about wrapper end -->
  95.             <!-- Begin Counterup Area -->
  96.             <div class="counterup-area">
  97.                 <div class="container p-0" style="background-color: #e8e8e8; margin-bottom: 40px;">
  98.                      
  99.                     <div class="row no-gutters">
  100.                          <div class="col-lg-3 col-md-6">
  101.                             <!-- Begin limupa Counter Area -->
  102.                             <div class="limupa-counter gray-bg">
  103.                                 <div class="counter-img">
  104.                              
  105.                                 <i class="fa fa-users" aria-hidden="true" style="font-size: 60px;"></i>
  106.                                 </div>
  107.                                 <div class="counter-info">
  108.                                     <div class="counter-number">
  109.                                         <h3 class="counter">1300</h3>
  110.                                     </div>
  111.                                     <div class="counter-text">
  112.                                         <span>Clients</span>
  113.                                     </div>
  114.                                 </div>
  115.                             </div>
  116.                             <!-- limupa Counter Area End Here -->
  117.                         </div>
  118.                         <div class="col-lg-3 col-md-6">
  119.                             <!-- Begin limupa Counter Area -->
  120.                             <div class="limupa-counter gray-bg">
  121.                                 <div class="counter-img">
  122.                                   <i class="fa fa-user" aria-hidden="true" style="font-size: 60px;"></i>
  123.                                 </div>
  124.                                 <div class="counter-info">
  125.                                     <div class="counter-number">
  126.                                         <h3 class="counter">80</h3>
  127.                                     </div>
  128.                                     <div class="counter-text">
  129.                                         <span>Vendeurs</span>
  130.                                     </div>
  131.                                 </div>
  132.                             </div>
  133.                             <!-- limupa Counter Area End Here -->
  134.                         </div>
  135.                         <div class="col-lg-3 col-md-6">
  136.                             <!-- Begin limupa Counter Area -->
  137.                             <div class="limupa-counter gray-bg">
  138.                                 <div class="counter-img">
  139.                                     <i class="fa fa-shopping-bag" aria-hidden="true" style="font-size: 50px;"></i>
  140.                                 </div>
  141.                                 <div class="counter-info">
  142.                                     <div class="counter-number">
  143.                                         <h3 class="counter">689</h3>
  144.                                     </div>
  145.                                     <div class="counter-text">
  146.                                         <span>Produits</span>
  147.                                     </div>
  148.                                 </div>
  149.                             </div>
  150.                             <!-- limupa Counter Area End Here -->
  151.                         </div>
  152.                         <div class="col-lg-3 col-md-6">
  153.                             <!-- Begin limupa Counter Area -->
  154.                             <div class="limupa-counter gray-bg">
  155.                                 <div class="counter-img">
  156.                                     <i class="fa fa-thumbs-o-up" aria-hidden="true" style="font-size: 50px;"></i>
  157.                                 </div>
  158.                                 <div class="counter-info">
  159.                                     <div class="counter-number">
  160.                                         <h3 class="counter">2169</h3>
  161.                                     </div>
  162.                                     <div class="counter-text">
  163.                                         <span>Avis</span>
  164.                                     </div>
  165.                                 </div>
  166.                             </div>
  167.                             <!-- limupa Counter Area End Here -->
  168.                         </div>
  169.                     </div>
  170.                 </div>
  171.             </div>
  172.             <!-- Counterup Area End Here -->
  173.             
  174.         </div>
  175.         <!-- Body Wrapper End Here -->
  176. {% endblock %}