templates/produit/oula.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}OULA APP : Amani software{% endblock %}
  8. {% block body %}
  10. <div class="app_slider app_slider_3 fix">
  11. <div class="container">
  12. <div class="row">
  13. <div class="col-xl-8 col-lg-8 col-md-8 ">
  14. <div class="app_sliderContent slider3">
  15. <div class="shapeesright d-none d-sm-block">
  16. <img class="shape4" src="{{asset('assets/img/service/erp/')}}shape4.png" alt="">
  17. <img class="shape5" src="{{asset('assets/img/service/erp/')}}shape5.png" alt="">
  18. <img class="shape6" src="{{asset('assets/img/service/erp/')}}shape6.png" alt="">
  19. <img class="shape7" src="{{asset('assets/img/service/erp/')}}shape7.png" alt="">
  20. <img class="shape8" src="{{asset('assets/img/service/erp/')}}shape8.png" alt="">
  21. <img class="shape9" src="{{asset('assets/img/service/erp/')}}shape9.png" alt="">
  22. <img class="shape11" src="{{asset('assets/img/service/erp/')}}shape5.png" alt="">
  23. </div>
  24. <h2 class="hero-two-title">Gérer efficacement votre organisation<br> </h2>
  25. <p>ONG, ASBL, mouvement citoyen, etc. Quelque soit votre activités toutes
  26. organisations regroupant des membres récent un besoin d'organisation et de structuration.</p>
  28. <p><strong>AMANI SOFTWARE</strong> vous propose oula, sa solution des gestions
  29. des membres dans une organisation. Procédez à des adhésions et enregistrements
  30. en ligne de vos membres, obtenez des statistiques en temps réel,
  31. marquez l’appartenance à votre organisation grâce à la génération de cartes numériques pour vos membres </p>
  33. </p>
  34. <div class="slider-btn">
  35. <a class="btn-outline btn-outline3" href="https://wphix.com/template/appz-preview/appz/contact.html">Obtenez un devis</a>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="col-xl-4 col-lg-4 col-md-4 d-none d-lg-none d-xl-block p-custom-rel">
  40. <div class="slider3_main_image">
  41. <img src="{{asset('assets/img/service/erp/vevtorobject.png')}}" alt="slider_main_image">
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  49. <div class="fetures2 fetures3 pt-115 pb-120">
  50. <div class="fetures_shape_h3 d-none d-sm-block">
  51. <img class="shape_1_h3 posabsouluteh3" src="{{asset('assets/img/service/erp/shape9.png')}}" alt="shape">
  52. <img class="shape_2_h3 posabsouluteh3" src="{{asset('assets/img/service/erp/shape7.png')}}" alt="shape">
  53. <img class="shape_3_h3 posabsouluteh3" src="{{asset('assets/img/service/erp/shape5.png')}}" alt="shape">
  54. <img class="shape_4_h3 posabsouluteh3" src="{{asset('assets/img/service/erp/shape6.png')}}" alt="shape">
  55. </div>
  56. <div class="container">
  57. <div class="section_title_wrapper mb-60 text-center pt-80">
  58. <h2 class="section-title">About Security Features Stunning <br> Design,Powerful User Experience.
  59. </h2>
  60. </div>
  61. <div class="row">
  62. <div class="col-xl-4 col-lg-4 col-md-6 ">
  63. <div class="featurebox2 featurebox3 mb-30">
  64. <div class="featurebox__img">
  65. <img src="{{asset('assets/img/service/erp/color-balance.png')}}" alt="">
  66. </div>
  67. <div class="featurebox2__content">
  68. <h3 class="fea-title">Cotisations et dons via Mobile Money</h3>
  69. <p class="text-start">The little rotter bevvy mush cras<br> gormless I lost the plot
  70. bender<br> wind.</p>
  71. <a class="fea-link fea_link3 " href="https://wphix.com/template/appz-preview/appz/service.html">Read More<i class="fal fa-arrow-right"></i></a>
  72. </div>
  73. </div>
  74. </div>
  75. <div class="col-xl-4 col-lg-4 col-md-6 ">
  76. <div class="featurebox2 featurebox3 mb-30">
  77. <div class="featurebox__img">
  78. <img src="{{asset('assets/img/service/erp/layers.png')}}" alt="">
  79. </div>
  80. <div class="featurebox2__content">
  81. <h3 class="fea-title">Notification des membres par sms ou email</h3>
  82. <p class="text-start">The little rotter bevvy mush cras<br> gormless I lost the plot
  83. bender<br> wind.</p>
  84. <a class="fea-link fea_link3 " href="https://wphix.com/template/appz-preview/appz/service.html">Read More<i class="fal fa-arrow-right"></i></a>
  85. </div>
  86. </div>
  87. </div>
  88. <div class="col-xl-4 col-lg-4 col-md-6 ">
  89. <div class="featurebox2 featurebox3 mb-30">
  90. <div class="featurebox__img">
  91. <img src="{{asset('assets/img/service/erp/aloe-vera.png')}}" alt="">
  92. </div>
  93. <div class="featurebox2__content">
  94. <h3 class="fea-title">Carte de membres Numérique</h3>
  95. <p class="text-start">The little rotter bevvy mush cras<br> gormless I lost the plot
  96. bender<br> wind.</p>
  97. <a class="fea-link fea_link3 " href="https://wphix.com/template/appz-preview/appz/service.html">Read More<i class="fal fa-arrow-right"></i></a>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  105. <div class="app_image app_image3 pt-40 pb-140">
  106. <div class="container">
  107. <div class="row">
  108. <div class="col-xl-6 col-lg-6 col-md-12">
  109. <div class="app_image_shape_h3 d-none d-sm-block">
  110. <img class="posabsouluteh3 app1 d-md-none d-lg-block" src="{{asset('assets/img/service/erp/dark1.png')}}" alt="shape_missing">
  111. <img class="posabsouluteh3 app2 d-md-none d-lg-block d-sm-none " src="{{asset('assets/img/service/erp/shape5.png')}}" alt="shape_missing">
  112. <img class="posabsouluteh3 app3 d-md-none d-lg-block" src="{{asset('assets/img/service/erp/shape5.png')}}" alt="shape_missing">
  113. <img class="posabsouluteh3 app4" src="{{asset('assets/img/service/erp/lightshape.png')}}" alt="shape_missing">
  114. <img class="posabsouluteh3 app5" src="{{asset('assets/img/service/erp/verysmall.png')}}" alt="shape_missing">
  115. <img class="posabsouluteh3 app6" src="{{asset('assets/img/service/erp/shape8.png')}}" alt="shape_missing">
  116. <img class="posabsouluteh3 app7" src="{{asset('assets/img/service/erp/shape3.png')}}" alt="shape_missing">
  117. </div>
  118. <div class="app-image wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
  119. <img src="{{asset('assets/img/service/erp/appabout.png')}}" alt="">
  120. </div>
  121. </div>
  122. <div class="col-xl-6 col-lg-6 col-md-12">
  123. <div class="features feturesCommon wow fadeInUp pt-90 pl-100 remove-pad" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
  124. <div class="features__icon h3_shape">
  125. <img src="{{asset('assets/img/service/erp/fetures3.png')}}" alt="">
  126. </div>
  127. <div class="features__content h3_content">
  128. <h2 class="section-title">Soyez acteur de votre propre numérisation.</h2>
  129. <p><strong>OULA APP</strong> se distingue par une interface facile à apprehender et une disponibilité totale.
  130. L'application dispose aussi de plusieurs modules complémentaires comme un système d'emailing, de notification par sms,
  131. de gestion des groupes, de paimement en ligne via mobile money et tant d'autres </p>
  132. <a href="https://wphix.com/template/appz-preview/appz/service.html">Read More<i class="fal fa-arrow-right"></i></a>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. <!-- FETURES CONTENT START -->
  140. <!-- APP DETAILS START -->
  141. <div class="app_details pb-100 pt-120">
  142. <div class="container">
  143. <div class="row">
  144. <div class="col-xl-6 col-lg-6 col-md-12">
  145. <div class="details_content pb-70">
  146. <h2 class="section-title section-title-large">Répresentation des données
  147. </h2>
  148. </div>
  149. <div class="row">
  150. <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
  151. <div class="feature3 mb-50">
  152. <div class="feature3__image bgwhite">
  153. <img class="pb-30" src="{{asset('assets/img/service/erp/f1.png')}}" alt="details">
  154. </div>
  155. <div class="feature3__content">
  156. <h4 class="content_title content-title-three">Cartographie des membres</h4>
  157. <p>Sauvegarde, fiabilité, nous garantissons la sécurité de votre système.</p>
  158. </div>
  159. </div>
  160. </div>
  161. <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
  162. <div class="feature3 mb-50 pl-40">
  163. <div class="feature3__image febg1 bgwhite">
  164. <img class="pb-30" src="{{asset('assets/img/service/erp/f2.png')}}" alt="details">
  165. </div>
  166. <div class="feature3__content">
  167. <h4 class="content_title content-title-three">Statistiques et diagrammes</h4>
  168. <p>UN système qui sura s'adapter à plusieurs cas d'utilisation.</p>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
  173. <div class="feature3 mb-50">
  174. <div class="feature3__image febg2 bgwhite">
  175. <img class="pb-30" src="{{asset('assets/img/service/erp/maintenance.png')}}" alt="details">
  176. </div>
  177. <div class="feature3__content">
  178. <h4 class="content_title content-title-three">Espace d 'echange et forum</h4>
  179. <p>Une Maintenance Corrective et evolutive de votre logiciel.</p>
  180. </div>
  181. </div>
  182. </div>
  183. <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
  184. <div class="feature3 mb-50 pl-40">
  185. <div class="feature3__image febg3 bgwhite">
  186. <img class="pb-30" src="{{asset('assets/img/service/erp/f4.png')}}" alt="details">
  187. </div>
  188. <div class="feature3__content">
  189. <h4 class="content_title content-title-three">Efficacité</h4>
  190. <p>Une prise de décision plus efficace grâce à un meilleur flux d'informations.</p>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. <div class="col-xl-6 col-lg-6 col-lg-6 col-md-12 d-md-none d-lg-block d-sm-none d-md-block d-none d-sm-block">
  197. <div class="details_image wow zoomIn" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: zoomIn;">
  198. <img src="{{asset('assets/img/service/erp/mockup.png')}}" alt="blogshape">
  199. </div>
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  206. {# <div class="blog3">
  207. <div class="blog_shape_h3 d-none d-sm-block">
  208. <img class="blogshape3" src="{{asset('assets/img/service/erp/shape1.png')}}" alt="blog_shape">
  209. </div>
  210. <div class="container">
  211. <div class="section_title_wrapper mb-60 text-center">
  212. <h2 class="section-title team_title_h3">About Our Team Member We have <br> Powerful User Experience.
  213. </h2>
  214. </div>
  215. <div class="row">
  216. <div class="col-xl-4 col-lg-4 col-md-6">
  217. <div class="blog">
  218. <div class="blog__image">
  219. <img src="{{asset('assets/img/service/erp/blog1.png')}}" alt="blogImage">
  220. </div>
  221. <div class="blog__meta">
  222. <span>November 26, 2020</span>
  223. <h3>The End of the Bonus Culture Is Coming to Wall Street</h3>
  224. <a class="fea-link blog_link " href="https://wphix.com/template/appz-preview/appz/service.html">Read More<i class="fal fa-arrow-right"></i></a>
  225. </div>
  226. </div>
  227. </div>
  228. <div class="col-xl-4 col-lg-4 col-md-6">
  229. <div class="blog">
  230. <div class="blog__image">
  231. <img src="{{asset('assets/img/service/erp/blog2.png')}}" alt="blogImage">
  232. </div>
  233. <div class="blog__meta">
  234. <span>November 26, 2020</span>
  235. <h3>What to Expect From the 2020 Oscar Nominations</h3>
  236. <a class="fea-link blog_link " href="https://wphix.com/template/appz-preview/appz/service.html">Read More<i class="fal fa-arrow-right"></i></a>
  237. </div>
  238. </div>
  239. </div>
  240. <div class="col-xl-4 col-lg-4 col-md-6">
  241. <div class="blog">
  242. <div class="blog__image">
  243. <img src="{{asset('assets/img/service/erp/blog3.png')}}" alt="blogImage">
  244. </div>
  245. <div class="blog__meta">
  246. <span>November 26, 2020</span>
  247. <h3>China State Firm’s $6 Billion Is Loss Among Nation’s.</h3>
  248. <a class="fea-link blog_link " href="https://wphix.com/template/appz-preview/appz/service.html">Read More<i class="fal fa-arrow-right"></i></a>
  249. </div>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. </div> #}
  257. <div class="download-area pt-50 mt-100">
  258. <div class="container">
  259. <div class="row">
  260. <div class="col-xl-6 col-lg-6 col-md-4 col-sm-12 d-sm-none d-md-block">
  261. <div class="download_image">
  262. <img class="dw d-none d-sm-block" src="{{asset('assets/img/service/erp/iphon2.png')}}" alt="download_shape">
  263. <img class="downloadpos d-md-none d-lg-block float-bob d-none d-sm-block" src="{{asset('assets/img/service/erp/')}}iphone3.png" alt="download_shape">
  264. <img class="downloadpos2 d-md-none d-lg-block d-none d-sm-block" src="{{asset('assets/img/service/erp/circle.png')}}" alt="download_shape">
  265. </div>
  266. </div>
  267. <div class="col-xl-6 col-lg-6 col-md-8 col-sm-12">
  268. <div class="download_content pl-105 pt-90">
  269. <h2 class="download_title">Réserver une demonstration</h2>
  270. <p>Remplissez notre formulaire en ligne ou contactez nous pour prendre rendez-vous avec un de nos experts qui vous présentera une demo de OULA APP.
  271. </p>
  272. <div class="download-btn">
  273. <a class="tp_download" href="https://wphix.com/template/appz-preview/appz/index3.html#"><i class="fab fa-apple"></i></a>
  274. <a class="bg-android" href="https://wphix.com/template/appz-preview/appz/index3.html#"><i class="fal fa-user-robot"></i></a>
  275. </div>
  276. </div>
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281. <!-- DOWNLOAD END -->
  283. <!-- SOCIAL SHARE START -->
  284. {# <div class="social_share mb-100">
  285. <div class="container">
  286. <div class="section_title_wrapper mb-80 text-center mt-115">
  287. <h2 class="section-title mb-20">Shine the new<br>light on the digital world</h2>
  288. <p class="social_sub text-center">Charles tosser quaint twit bamboozled burke brown bread I naff I <br>don't
  289. want no agro say blimey.!!</p>
  290. </div>
  291. <div class="row">
  292. <div class="col-xl-3 col-lg-4 col-md-6">
  293. <div class="share align-items-center mb-30">
  294. <div class="share__icon">
  295. <img src="{{asset('assets/img/service/erp/slack.png')}}" alt="shareIcon">
  296. </div>
  297. <div class="share__content">
  298. <h4>Slack</h4>
  299. <span>Messanger</span>
  300. </div>
  301. <div class="share__more text-end">
  302. <a href="https://wphix.com/template/appz-preview/appz/index3.html#"><i class="fal fa-arrow-right"></i></a>
  303. </div>
  304. </div>
  305. </div>
  306. <div class="col-xl-3 col-lg-4 col-md-6">
  307. <div class="share align-items-center mb-30">
  308. <div class="share__icon">
  309. <img src="{{asset('assets/img/service/erp/twitter.png')}}" alt="shareIcon">
  310. </div>
  311. <div class="share__content">
  312. <h4>Twitter</h4>
  313. <span>Messanger</span>
  314. </div>
  315. <div class="share__more text-end">
  316. <a href="https://wphix.com/template/appz-preview/appz/index3.html#"><i class="fal fa-arrow-right"></i></a>
  317. </div>
  318. </div>
  319. </div>
  320. <div class="col-xl-3 col-lg-4 col-md-6">
  321. <div class="share align-items-center mb-30">
  322. <div class="share__icon">
  323. <img src="{{asset('assets/img/service/erp/google-drive.png')}}" alt="shareIcon">
  324. </div>
  325. <div class="share__content">
  326. <h4>Drive</h4>
  327. <span>Messanger</span>
  328. </div>
  329. <div class="share__more text-end">
  330. <a href="https://wphix.com/template/appz-preview/appz/index3.html#"><i class="fal fa-arrow-right"></i></a>
  331. </div>
  332. </div>
  333. </div>
  334. <div class="col-xl-3 col-lg-4 col-md-6">
  335. <div class="share align-items-center mb-30">
  336. <div class="share__icon">
  337. <img src="{{asset('assets/img/service/erp/behance.png')}}" alt="shareIcon">
  338. </div>
  339. <div class="share__content">
  340. <h4>Behance</h4>
  341. <span>Messanger</span>
  342. </div>
  343. <div class="share__more text-end">
  344. <a href="https://wphix.com/template/appz-preview/appz/index3.html#"><i class="fal fa-arrow-right"></i></a>
  345. </div>
  346. </div>
  347. </div>
  348. </div>
  349. </div>
  350. </div> #}
  352. <div class="pricing-area pt-105 pb-110 position-relative">
  353. <div class="pricing_shapes">
  354. <img class="position-absolute price-1" src="./princing_files/left.png" alt="pricing_shapes">
  355. <img class="position-absolute price-2" src="./princing_files/shape7.png" alt="pricing_shapes">
  356. <img class="position-absolute price-3" src="./princing_files/shape2.png" alt="pricing_shapes">
  357. </div>
  358. <div class="container">
  359. <div class="section_title_wrapper text-center pb-50">
  360. <h2 class="section-title pricing_title">Notre plan tarifaire</h2>
  361. </div>
  362. <div class="row">
  363. <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12" >
  364. <div class="pricing mb-30" style="height : 530px;">
  365. <div class="pricing__header">
  366. <h4>Site web Basic</h4>
  367. <h2><span>$</span>650</h2>
  369. </div>
  370. <div class="pricing__content">
  371. <ul>
  372. <li><i class="far fa-check"></i>Présentation de votre activité</li>
  373. <li><i class="far fa-check"></i>Notification par sms</li>
  375. </ul>
  376. </div>
  377. <div class="pricing__footer" style="margin-top : 67%">
  378. <a href="https://wphix.com/template/appz-preview/appz/contact.html">Commander</a>
  379. </div>
  380. </div>
  381. </div>
  382. <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
  383. <div class="pricing design1 mb-30" style="height : 530px;">
  384. <div class="pricing__header orange">
  385. <h4>Standard Package</h4>
  386. <h2><span>$</span>1300</h2>
  388. </div>
  389. <div class="pricing__content">
  390. <ul>
  391. <li><i class="far fa-check"></i>Présentation de votre activité</li>
  392. <li><i class="far fa-check"></i>Notification par Email</li>
  393. <li><i class="far fa-check"></i>Hébergement </li>
  394. <li><i class="far fa-check"></i>Nom de domaine</li>
  395. <li><i class="far fa-check"></i>5 adresses E-mail professionnels</li>
  396. </ul>
  397. </div>
  398. <div class="pricing__footer" style="margin-top : 27%">
  399. <a href="https://wphix.com/template/appz-preview/appz/contact.html">Commander</a>
  400. </div>
  401. </div>
  402. </div>
  403. <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
  404. <div class="pricing design2 mb-30" style="height : 530px;">
  405. <div class="pricing__header lightcolor">
  406. <h4>Advance Package</h4>
  407. <h2><span>$</span>1900</h2>
  409. </div>
  410. <div class="pricing__content">
  411. <ul>
  412. <li><i class="far fa-check"></i>Présentation de votre activité</li>
  413. <li><i class="far fa-check"></i>Intégration des modules désirés</li>
  414. <li><i class="far fa-check"></i>Maintenance Annuelle</li>
  415. <li><i class="far fa-check"></i>Hébergement </li>
  416. <li><i class="far fa-check"></i>Nom de domaine</li>
  417. <li><i class="far fa-check"></i>10 adresses E-mail professionnels</li>
  418. </ul>
  419. </div>
  420. <div class="pricing__footer">
  421. <a href="https://wphix.com/template/appz-preview/appz/contact.html">Commander</a>
  422. </div>
  423. </div>
  424. </div>
  425. </div>
  426. </div>
  427. </div>
  431. </main>
  432. <!-- JS here -->
  436. <script src="js/bootstrap.min.js"></script>
  438. <script src="js/slick.min.js"></script>
  456. {% endblock %}