templates/service/web.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Conception site web : Amani software{% endblock %}
  8. {% block body %}
  12. <div class="app_slider d-flex align-items-center fix">
  13. <div class="App_shape-circle">
  14. <img class="shapeAbsoulute scale-upOne d-sm-none d-md-block" src="{{asset('assets/riseschool/img/circle.png')}}" alt="">
  15. <img class="shape10" src="{{asset('assets/riseschool/img/shape10.png')}}" alt="">
  16. <img class="shape13" src="{{asset('assets/riseschool/img/shape13.png')}}" alt="">
  17. </div>
  18. <div class="container">
  19. <div class="row">
  20. <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4">
  21. <div class="App_shape wow fadeInLeft d-sm-none d-md-block d-none d-sm-block" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
  22. <img src="{{asset('assets/riseschool/img/mainshape.png')}}" alt="">
  23. </div>
  24. </div>
  25. <div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 d-flex align-items-center">
  26. <div class="app_sliderContent">
  27. <div class="shapeesright">
  28. <img class="shape1" src="{{asset('assets/riseschool/img/shape1.png')}}" alt="">
  29. <img class="shape2" src="{{asset('assets/riseschool/img/shape2.png')}}" alt="">
  30. <img class="shape3" src="{{asset('assets/riseschool/img/shape3.png')}}" alt="">
  31. <img class="shape4" src="{{asset('assets/riseschool/img/shape4.png')}}" alt="">
  32. <img class="shape5" src="{{asset('assets/riseschool/img/shape5.png')}}" alt="">
  33. <img class="shape6" src="{{asset('assets/riseschool/img/shape6.png')}}" alt="">
  34. <img class="shape7" src="{{asset('assets/riseschool/img/shape7.png')}}" alt="">
  35. <img class="shape8" src="{{asset('assets/riseschool/img/shape8.png')}}" alt="">
  36. <img class="shape9" src="{{asset('assets/riseschool/img/shape9.png')}}" alt="">
  37. <img class="shape11" src="{{asset('assets/riseschool/img/shape5.png')}}" alt="">
  38. </div>
  39. <h2 class="hero-two-title">Faites de votre site web un espace dedié à votre activité</h2>
  40. <p> <br> Votre site internet se doit d’être l’élément indispensable vous permettant d’accompagner
  41. votre stratégie commerciale et marketing débutée via les réseaux sociaux.</p>
  43. <p> <br> Que vous soyez un restaurant, une ONG, une entreprise ou même encore
  44. une école, nous créons un site internet qui saura au mieux booster votre activité
  45. et se positionner comme une passerelle idéale entre vous et le client.</p>
  46. <div class="slider-btn">
  47. <a class="btn-outline" target="blank" href="https://riseschool.amanisoftware.com">Obtenez un devis gratuit</a>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  58. <!-- === HOME-2 FETURES AREA START === -->
  59. <div class="fetures2 pt-115 pb-90">
  60. <div class="container">
  61. <div class="section_title_wrapper mb-60 text-center fetures2">
  62. <h2 class="section-title">Des fonctionnalités et modules qui vous changent la vie
  63. </h2>
  64. <p><strong>AMANI SOFTWARE</strong> met aussi à votre disposition différents modules tels que un système de notification
  65. par email ou sms pour garder le contact avec vos clients,
  66. un système de réservation en ligne pour mieux gérer vos commandes et locations, des systèmes de paiement via mobiles money et tant d’autres.</p>
  67. </div>
  68. <h3 style="fonr-size : 100%; text-align : center;" class="section-title">Choisissez les modules à integrer à votre site
  69. </h3>
  70. <div class="row">
  71. <div class="col-xl-3 col-lg-3 col-md-6">
  72. <div class="feabox clr1 featurebox2 mb-30 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInUp;">
  73. <div class="featurebox2__img">
  74. <img src="{{asset('assets/riseschool/img/s3.png')}}" alt="">
  75. </div>
  76. <div class="featurebox2__content">
  77. <h3 class="fea-title">E-paiement</h3>
  78. <p>Intégrer un paiement via mobile Money ou carte de crédit <br>.</p>
  79. <a class="fea-link" href="#"><i class="fal fa-arrow-right"></i></a>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="col-xl-3 col-lg-3 col-md-6">
  84. <div class="feabox clr2 featurebox2 mb-30 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInUp;">
  85. <div class="featurebox2__img gradientorange">
  86. <img src="{{asset('assets/riseschool/img/s2.png')}}" alt="">
  87. </div>
  88. <div class="featurebox2__content">
  89. <h3 class="fea-title">Notification</h3>
  90. <p>confirmez des transactions, commandes ou réservations en envoyant des notifications email
  91. ou sms à vos clients. Vous pouvez aussi les notifier pour les informer de vos dernières offres.
  92. </p>
  93. <a class="fea-link" href="#"><i class="fal fa-arrow-right"></i></a>
  94. </div>
  95. </div>
  96. </div>
  97. <div class="col-xl-3 col-lg-3 col-md-6">
  98. <div class="feabox clr3 featurebox2 mb-30 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInUp;">
  99. <div class="featurebox2__img gradientbrwon">
  100. <img src="{{asset('assets/riseschool/img/s1.png')}}" alt="">
  101. </div>
  102. <div class="featurebox2__content">
  103. <h3 class="fea-title">Réservation en ligne</h3>
  104. <p>Donnez la possibilité à vos clients de réserver vos services ou produits directement en ligne. avec des réçus ou factures imprimés en PDF</p>
  105. <a class="fea-link" href="#"><i class="fal fa-arrow-right"></i></a>
  106. </div>
  107. </div>
  108. </div>
  109. <div class="col-xl-3 col-lg-3 col-md-6">
  110. <div class="feabox clr1 featurebox2 mb-30 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInUp;">
  111. <div class="featurebox2__img gradientgreen">
  112. <img src="{{asset('assets/riseschool/img/s4.png')}}" alt="">
  113. </div>
  114. <div class="featurebox2__content">
  115. <h3 class="fea-title">Catalogue de Produits</h3>
  116. <p>Mettez en valeur le menu de votre restaurant, les vétéments de votre boutique d'habillement ou tout autres élements de catalogue dont dispose votre activité.</p>
  117. <a class="fea-link" href="#"><i class="fal fa-arrow-right"></i></a>
  118. </div>
  119. </div>
  120. </div>
  122. <div class="col-xl-3 col-lg-3 col-md-6">
  123. <div class="feabox clr4 featurebox2 mb-30 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInUp;">
  124. <div class="featurebox2__img gradientgreen">
  125. <img src="{{asset('assets/riseschool/img/s4.png')}}" alt="">
  126. </div>
  127. <div class="featurebox2__content">
  128. <h3 class="fea-title">Blog</h3>
  129. <p>Rédigez des articles pour tenir votre clientèle informée de l'évolution de votre business<br>.</p>
  130. <a class="fea-link" href="#"><i class="fal fa-arrow-right"></i></a>
  131. </div>
  132. </div>
  133. </div>
  136. </div>
  137. </div>
  138. </div>
  139. <!-- === HOME-2 FETURES AREA END === -->
  141. <!-- === HOME-2 APP DETAILS START === -->
  142. <div class="app_details_h2">
  143. <div class="container">
  144. <div class="row">
  145. <div class="col-xl-6 col-lg-6 col-md-12">
  146. <div class="app_images_h2 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".4s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.4s; animation-name: fadeInUp;">
  147. <img class="bgphone d-none d-sm-block" src="{{asset('assets/riseschool/img/bgphone.png')}}" alt="bighphone.png')}}">
  148. <div class="shape_design_h2">
  149. <img class="home2FlatIphone_h2 d-none d-sm-block" src="{{asset('assets/riseschool/img/home2FlatIphone.png')}}" alt="home2shape.png')}}">
  150. <img class="home2IphoneX_h2 d-none d-sm-block" src="{{asset('assets/riseschool/img/home2IphoneX.png')}}" alt="iphone.png')}}">
  151. </div>
  152. </div>
  153. </div>
  154. <div class="col-xl-6 col-lg-6 col-md-12 d-flex align-items-center">
  155. <div class="details_content_h2 pl-100 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInUp;">
  156. <h2 class="section-title mb-20"><br> Gardez la main sur votre site web</h2>
  157. <p>Travailler avec nous c’est aussi l'assurance d’avoir un site facilement modifiable,
  158. vous aurez la possibilité de facilement modifier vous même les informations de votre site internet telle que, les produits que vous vendez, le menu pour votre restaurant ou encore les horaires et tarifs de vos activités.
  159. Votre gardez le plein contrôle sur votre site internet</p>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. <!-- === HOME-2 APP DETAILS END === -->
  167. <!-- === HOME-2 APP CHOOSE START === -->
  168. <div class="app_choose pt-115 mt-130 pb-160">
  169. <div class="container-fluidd">
  170. <div class="section_title_wrapper text-center pb-55">
  171. <h2 class="section-title section-title-large"><br> Interface riche d'informations et simple d'utilisation.</h2>
  172. </div>
  173. <div class="choose_active slick-initialized slick-slider"><button type="button" class="slick-prev slick-arrow" style="display: inline-block;"><i class="fal fa-long-arrow-left"></i></button>
  174. <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 4725px; transform: translate3d(-1575px, 0px, 0px);"><div class="choose_item slick-slide slick-cloned" data-slick-index="-5" aria-hidden="true" tabindex="-1" style="width: 225px;">
  175. <img src="{{asset('assets/riseschool/img/choose4.png')}}" alt="choose_item">
  176. </div><div class="choose_item slick-slide slick-cloned" data-slick-index="-4" aria-hidden="true" tabindex="-1" style="width: 225px;">
  177. <img src="{{asset('assets/riseschool/img/choose5.png')}}" alt="choose_item">
  178. </div><div class="choose_item slick-slide slick-cloned" data-slick-index="-3" aria-hidden="true" tabindex="-1" style="width: 225px;">
  179. <img src="{{asset('assets/riseschool/img/choose1.png')}}" alt="choose_item">
  180. </div><div class="choose_item slick-slide slick-cloned" data-slick-index="-2" aria-hidden="true" tabindex="-1" style="width: 225px;">
  181. <img src="{{asset('assets/riseschool/img/choose2.png')}}" alt="choose_item">
  182. </div><div class="choose_item slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" tabindex="-1" style="width: 225px;">
  183. <img src="{{asset('assets/riseschool/img/choose3.png')}}" alt="choose_item">
  184. </div><div class="choose_item slick-slide" data-slick-index="0" aria-hidden="true" tabindex="-1" style="width: 225px;">
  185. <img src="{{asset('assets/riseschool/img/choose1.png')}}" alt="choose_item">
  186. </div><div class="choose_item slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" style="width: 225px;">
  187. <img src="{{asset('assets/riseschool/img/choose2.png')}}" alt="choose_item">
  188. </div><div class="choose_item slick-slide slick-current slick-active" data-slick-index="2" aria-hidden="false" tabindex="0" style="width: 225px;">
  189. <img src="{{asset('assets/riseschool/img/choose3.png')}}" alt="choose_item">
  190. </div><div class="choose_item slick-slide slick-active" data-slick-index="3" aria-hidden="false" tabindex="0" style="width: 225px;">
  191. <img src="{{asset('assets/riseschool/img/choose4.png')}}" alt="choose_item">
  192. </div><div class="choose_item slick-slide slick-active" data-slick-index="4" aria-hidden="false" tabindex="0" style="width: 225px;">
  193. <img src="{{asset('assets/riseschool/img/choose5.png')}}" alt="choose_item">
  194. </div><div class="choose_item slick-slide slick-active" data-slick-index="5" aria-hidden="false" tabindex="0" style="width: 225px;">
  195. <img src="{{asset('assets/riseschool/img/choose1.png')}}" alt="choose_item">
  196. </div><div class="choose_item slick-slide slick-active" data-slick-index="6" aria-hidden="false" tabindex="0" style="width: 225px;">
  197. <img src="{{asset('assets/riseschool/img/choose2.png')}}" alt="choose_item">
  198. </div><div class="choose_item slick-slide" data-slick-index="7" aria-hidden="true" tabindex="-1" style="width: 225px;">
  199. <img src="{{asset('assets/riseschool/img/choose3.png')}}" alt="choose_item">
  200. </div><div class="choose_item slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" tabindex="-1" style="width: 225px;">
  201. <img src="{{asset('assets/riseschool/img/choose1.png')}}" alt="choose_item">
  202. </div><div class="choose_item slick-slide slick-cloned" data-slick-index="9" aria-hidden="true" tabindex="-1" style="width: 225px;">
  203. <img src="{{asset('assets/riseschool/img/choose2.png')}}" alt="choose_item">
  204. </div><div class="choose_item slick-slide slick-cloned" data-slick-index="10" aria-hidden="true" tabindex="-1" style="width: 225px;">
  205. <img src="{{asset('assets/riseschool/img/choose3.png')}}" alt="choose_item">
  206. </div><div class="choose_item slick-slide slick-cloned" data-slick-index="11" aria-hidden="true" tabindex="-1" style="width: 225px;">
  207. <img src="{{asset('assets/riseschool/img/choose4.png')}}" alt="choose_item">
  208. </div><div class="choose_item slick-slide slick-cloned" data-slick-index="12" aria-hidden="true" tabindex="-1" style="width: 225px;">
  209. <img src="{{asset('assets/riseschool/img/choose5.png')}}" alt="choose_item">
  210. </div><div class="choose_item slick-slide slick-cloned" data-slick-index="13" aria-hidden="true" tabindex="-1" style="width: 225px;">
  211. <img src="{{asset('assets/riseschool/img/choose1.png')}}" alt="choose_item">
  212. </div><div class="choose_item slick-slide slick-cloned" data-slick-index="14" aria-hidden="true" tabindex="-1" style="width: 225px;">
  213. <img src="{{asset('assets/riseschool/img/choose2.png')}}" alt="choose_item">
  214. </div><div class="choose_item slick-slide slick-cloned" data-slick-index="15" aria-hidden="true" tabindex="-1" style="width: 225px;">
  215. <img src="{{asset('assets/riseschool/img/choose3.png')}}" alt="choose_item">
  216. </div></div></div>
  224. <button type="button" class="slick-next slick-arrow" style="display: inline-block;"><i class="fal fa-long-arrow-right"></i></button></div>
  225. </div>
  226. </div>
  227. <!-- === HOME-2 APP CHOOSE END === -->
  229. <div class="purches-area pt-75">
  230. <div class="container">
  231. <div class="row">
  232. <div class="col-xl-6 col-lg-6 col-md-6">
  233. <div class="section_title_wrapper purches">
  234. <h2 class="text-white-bold section-title purches_heading">Design responsive.</h2>
  235. <p class="text-white-bold">Aujourd'hui, plus de la moitié des internautes naviguent sur Internet depuis leur smartphone ou leur tablette.
  236. Il est donc essentiel d'avoir un site web responsive, c'est-à-dire un site web qui s'adapte à tous les supports de navigation.</p>
  237. <p class="text-white-bold"> site web responsive offre de nombreux avantages : </p>
  239. <ul>
  241. <li class="text-white-bold"> Il permet à tous vos visiteurs de profiter d'une expérience optimale, quel que soit l'appareil qu'ils utilisent. </li>
  242. <li class="text-white-bold"> Il améliore votre référencement naturel, car les moteurs de recherche favorisent les sites web responsives. </li>
  243. <li class="text-white-bold"> Il renforce votre image de marque et vous rend plus professionnel. </li>
  245. </ul>
  248. </div>
  249. </div>
  250. <div class="col-xl-6 col-lg-6 col-md-6">
  251. <div class="pay_image d-sm-none d-md-block d-none d-sm-block">
  252. <img src="{{asset('assets/riseschool/img/pay.png')}}" alt="pay_image">
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  257. </div>
  259. <!-- === HOME-2 PAY AREA START === -->
  261. <!-- === HOME-2 PAY AREA END === -->
  263. <!-- === HOME-2 PURCHES AREA START === -->
  265. <!-- === HOME-2 PURCHES AREA END === -->
  267. <!-- === HOME-2 USER EXPERIENCE AREA START === -->
  269. <!-- === HOME-2 USER EXPERIENCE AREA END === -->
  271. <!-- === HOME-2 TESTIMONIAL AREA START === -->
  273. <!-- === HOME-2 TESTIMONIAL AREA END === -->
  275. <!-- === HOME-2 USER EXPERIENCE AREA START === -->
  278. <!-- === HOME-2 USER EXPERIENCE AREA END === -->
  280. <!-- pricing area start -->
  281. <div class="pricing-area pt-105 pb-110 position-relative">
  282. <div class="pricing_shapes">
  283. <img class="position-absolute price-1" src="./princing_files/left.png" alt="pricing_shapes">
  284. <img class="position-absolute price-2" src="./princing_files/shape7.png" alt="pricing_shapes">
  285. <img class="position-absolute price-3" src="./princing_files/shape2.png" alt="pricing_shapes">
  286. </div>
  287. <div class="container">
  288. <div class="section_title_wrapper text-center pb-50">
  289. <h2 class="section-title pricing_title">Notre plan tarifaire</h2>
  290. </div>
  291. <div class="row">
  292. <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12" >
  293. <div class="pricing mb-30" style="height : 530px;">
  294. <div class="pricing__header">
  295. <h4>Site web Basic</h4>
  296. <h2><span>$</span>300</h2>
  298. </div>
  299. <div class="pricing__content">
  300. <ul>
  301. <li><i class="far fa-check"></i>Présentation de votre activité</li>
  302. <li><i class="far fa-check"></i>Notification par sms</li>
  304. </ul>
  305. </div>
  306. <div class="pricing__footer" style="margin-top : 67%">
  307. <a href="https://wphix.com/template/appz-preview/appz/contact.html">Commander</a>
  308. </div>
  309. </div>
  310. </div>
  311. <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
  312. <div class="pricing design1 mb-30" style="height : 530px;">
  313. <div class="pricing__header orange">
  314. <h4>Standard Package</h4>
  315. <h2><span>$</span>450</h2>
  317. </div>
  318. <div class="pricing__content">
  319. <ul>
  320. <li><i class="far fa-check"></i>Présentation de votre activité</li>
  321. <li><i class="far fa-check"></i>Notification par Email</li>
  322. <li><i class="far fa-check"></i>Hébergement </li>
  323. <li><i class="far fa-check"></i>Nom de domaine</li>
  324. <li><i class="far fa-check"></i>5 adresses E-mail professionnels</li>
  325. </ul>
  326. </div>
  327. <div class="pricing__footer" style="margin-top : 27%">
  328. <a href="https://wphix.com/template/appz-preview/appz/contact.html">Commander</a>
  329. </div>
  330. </div>
  331. </div>
  332. <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
  333. <div class="pricing design2 mb-30" style="height : 530px;">
  334. <div class="pricing__header lightcolor">
  335. <h4>Advance Package</h4>
  336. <h2><span>$</span>600</h2>
  338. </div>
  339. <div class="pricing__content">
  340. <ul>
  341. <li><i class="far fa-check"></i>Présentation de votre activité</li>
  342. <li><i class="far fa-check"></i>Intégration des modules désirés</li>
  343. <li><i class="far fa-check"></i>Maintenance Annuelle</li>
  344. <li><i class="far fa-check"></i>Hébergement </li>
  345. <li><i class="far fa-check"></i>Nom de domaine</li>
  346. <li><i class="far fa-check"></i>10 adresses E-mail professionnels</li>
  347. </ul>
  348. </div>
  349. <div class="pricing__footer">
  350. <a href="https://wphix.com/template/appz-preview/appz/contact.html">Commander</a>
  351. </div>
  352. </div>
  353. </div>
  354. </div>
  355. </div>
  356. </div>
  358. <!-- FOOTER END -->
  359. </main>
  360. <!-- JS here -->
  364. <script src="js/bootstrap.min.js"></script>
  366. <script src="js/slick.min.js"></script>
  384. {% endblock %}