{% extends '@Flexy/FrontBundle/templates/layout.html.twig' %}
{% block stylesheets %}
{{ parent() }}
<style>
p {
font-size: 15px !important;
font-weight: 200;
line-height: 27px !important;
color: #000;
margin-bottom: 15px;
}
</style>
{% endblock %}
{% block body %}
<!-- Begin Body Wrapper -->
<div class="body-wrapper">
<!-- Begin Li's Breadcrumb Area -->
<div class="breadcrumb-area">
<div class="container">
<div class="breadcrumb-content">
<ul>
<li><a href="index.html">Accueil</a></li>
<li class="active">A propos</li>
</ul>
</div>
</div>
</div>
<!-- Li's Breadcrumb Area End Here -->
<!-- about wrapper start -->
<div class="about-us-wrapper pt-60 pb-40">
<div class="container">
<div class="row">
<!-- About Text Start -->
<div class="col-lg-6 order-last order-lg-first">
<div class="about-text-wrap">
<h2><span>La MARKETPLACE O’MALL</span></h2>
<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>
<p>De fait, le shopping devient expérientiel, culturel et connecté.</p>
<p>
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>
</p>
<div class="my-3 p-3 bg-white rounded box-shadow">
<h6 class="border-bottom border-gray pb-2 mb-0">Objectifs O'mall</h6>
<div class="media text-muted pt-3">
<img data-src="holder.js/32x32?theme=thumb&bg=007bff&fg=007bff&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">
<div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
<div class="d-flex justify-content-between align-items-center w-100">
<strong class="text-gray-dark"> SATISFACTION DES CLIENTS</strong>
</div>
</div>
</div>
<div class="media text-muted pt-3">
<img data-src="holder.js/32x32?theme=thumb&bg=007bff&fg=007bff&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">
<div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
<div class="d-flex justify-content-between align-items-center w-100">
<strong class="text-gray-dark"> SATISFACTION DU E-COMMERÇANTS </strong>
</div>
</div>
</div>
<div class="media text-muted pt-3">
<img data-src="holder.js/32x32?theme=thumb&bg=007bff&fg=007bff&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">
<div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
<div class="d-flex justify-content-between align-items-center w-100">
<strong class="text-gray-dark">SATISFACTION DES INVESTISSEURS. </strong>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About Text End -->
<!-- About Image Start -->
<div class="col-lg-5 col-md-10">
<div class="about-image-wrap">
<img class="img-full" src="/bundles/flexyfront/assets/multiAccess/images/slide2.jpg" alt="About Us" />
</div>
</div>
<!-- About Image End -->
</div>
</div>
</div>
<!-- about wrapper end -->
<!-- Begin Counterup Area -->
<div class="counterup-area">
<div class="container p-0" style="background-color: #e8e8e8; margin-bottom: 40px;">
<div class="row no-gutters">
<div class="col-lg-3 col-md-6">
<!-- Begin limupa Counter Area -->
<div class="limupa-counter gray-bg">
<div class="counter-img">
<i class="fa fa-users" aria-hidden="true" style="font-size: 60px;"></i>
</div>
<div class="counter-info">
<div class="counter-number">
<h3 class="counter">1300</h3>
</div>
<div class="counter-text">
<span>Clients</span>
</div>
</div>
</div>
<!-- limupa Counter Area End Here -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Begin limupa Counter Area -->
<div class="limupa-counter gray-bg">
<div class="counter-img">
<i class="fa fa-user" aria-hidden="true" style="font-size: 60px;"></i>
</div>
<div class="counter-info">
<div class="counter-number">
<h3 class="counter">80</h3>
</div>
<div class="counter-text">
<span>Vendeurs</span>
</div>
</div>
</div>
<!-- limupa Counter Area End Here -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Begin limupa Counter Area -->
<div class="limupa-counter gray-bg">
<div class="counter-img">
<i class="fa fa-shopping-bag" aria-hidden="true" style="font-size: 50px;"></i>
</div>
<div class="counter-info">
<div class="counter-number">
<h3 class="counter">689</h3>
</div>
<div class="counter-text">
<span>Produits</span>
</div>
</div>
</div>
<!-- limupa Counter Area End Here -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Begin limupa Counter Area -->
<div class="limupa-counter gray-bg">
<div class="counter-img">
<i class="fa fa-thumbs-o-up" aria-hidden="true" style="font-size: 50px;"></i>
</div>
<div class="counter-info">
<div class="counter-number">
<h3 class="counter">2169</h3>
</div>
<div class="counter-text">
<span>Avis</span>
</div>
</div>
</div>
<!-- limupa Counter Area End Here -->
</div>
</div>
</div>
</div>
<!-- Counterup Area End Here -->
</div>
<!-- Body Wrapper End Here -->
{% endblock %}