templates/service/app.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Rise : Amani software{% endblock %}
  8. {% block body %}
  11. <div class="app_slider d-flex align-items-center fix">
  12. <div class="App_shape-circle">
  13. <img class="shapeAbsoulute scale-upOne d-sm-none d-md-block" src="{{asset('assets/img/service/app/circle.png')}}" alt="">
  14. <img class="shape10" src="{{asset('assets/img/service/app/shape10.png')}}" alt="">
  15. <img class="shape13" src="{{asset('assets/img/service/app/shape13.png')}}" alt="">
  16. </div>
  17. <div class="container">
  18. <div class="row">
  19. <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4">
  20. <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;">
  21. <img src="{{asset('assets/img/service/app/mainshape.png')}}" alt="">
  22. </div>
  23. </div>
  24. <div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 d-flex align-items-center">
  25. <div class="app_sliderContent">
  26. <div class="shapeesright">
  27. <img class="shape1" src="{{asset('assets/img/service/app/shape1.png')}}" alt="">
  28. <img class="shape2" src="{{asset('assets/img/service/app/shape2.png')}}" alt="">
  29. <img class="shape3" src="{{asset('assets/img/service/app/shape3.png')}}" alt="">
  30. <img class="shape4" src="{{asset('assets/img/service/app/shape4.png')}}" alt="">
  31. <img class="shape5" src="{{asset('assets/img/service/app/shape5.png')}}" alt="">
  32. <img class="shape6" src="{{asset('assets/img/service/app/shape6.png')}}" alt="">
  33. <img class="shape7" src="{{asset('assets/img/service/app/shape7.png')}}" alt="">
  34. <img class="shape8" src="{{asset('assets/img/service/app/shape8.png')}}" alt="">
  35. <img class="shape9" src="{{asset('assets/img/service/app/shape9.png')}}" alt="">
  36. <img class="shape11" src="{{asset('assets/img/service/app/shape5.png')}}" alt="">
  37. </div>
  38. <h2 class="hero-two-title">Creative Appz Landing <br> in the market.</h2>
  39. <p>Charles tosser quaint twit bamboozled burke brown bread I naff I <br> don't want no agro say blimey.!!</p>
  40. <div class="slider-btn">
  41. <a class="btn-outline" href="https://themepure.net/template/appz-preview/appz/contact.html">Free Trail</a>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  49. <!-- FETURES START -->
  50. <div class="homefeture_1 pt-115 pb-130">
  51. <div class="container">
  52. <div class="app_left_shape">
  53. <img class="leftanimation d-none d-sm-block" src="{{asset('assets/img/service/app/left.png')}}" alt="leftshape">
  54. <img src="{{asset('assets/img/service/app/')}}shape7.png" alt="leftshape">
  55. <img class="downsahpe d-none d-sm-block" src="{{asset('assets/img/service/app/shape3.png')}}" alt="leftshape">
  56. </div>
  57. <div class="section_title_wrapper text-center wow fadeInUp mb-70" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
  58. <h2 class="section-title">Shine the new <br> light on the digital world</h2>
  59. </div>
  60. <div class="row">
  61. <div class="col-xl-3 col-lg-3 col-md-6">
  62. <div class="feabox mb-30">
  63. <div class="feabox__img mb-50">
  64. <img src="{{asset('assets/img/service/app/Forma1.png')}}" alt="form1">
  65. </div>
  66. <div class="feabox__content">
  67. <h3 class="feabox-title tcolor0">Premium Plugins</h3>
  68. </div>
  69. </div>
  70. </div>
  71. <div class="col-xl-3 col-lg-3 col-md-6">
  72. <div class="feabox clr1">
  73. <div class="feabox__img img1 mb-50">
  74. <img src="{{asset('assets/img/service/app/Forma2.png')}}" alt="form2">
  75. </div>
  76. <div class="feabox__content">
  77. <h3 class="feabox-title tcolor1">Security Potential </h3>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="col-xl-3 col-lg-3 col-md-6">
  82. <div class="feabox mb-30 clr2">
  83. <div class="feabox__img img2 mb-50">
  84. <img src="{{asset('assets/img/service/app/Forma3.png')}}" alt="form3">
  85. </div>
  86. <div class="feabox__content">
  87. <h3 class="feabox-title tcolor2">Share Online</h3>
  88. </div>
  89. </div>
  90. </div>
  91. <div class="col-xl-3 col-lg-3 col-md-6">
  92. <div class="feabox mb-30 clr3">
  93. <div class="feabox__img img3 mb-50">
  94. <img src="{{asset('assets/img/service/app/Forma4.png')}}" alt="form4">
  95. </div>
  96. <div class="feabox__content">
  97. <h3 class="feabox-title tcolor3">Risk Protectable</h3>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. <!-- FETURES END -->
  107. <!-- FETURES CONTENT START -->
  108. <div class="homefeture_2">
  109. <div class="container">
  110. <div class="row">
  111. <div class="col-xl-6 col-lg-6 col-md-12">
  112. <div class="features pt-105 wow fadeInLeft" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
  113. <div class="features__icon">
  114. <img src="{{asset('assets/img/service/app/leftIcon.png')}}" alt="">
  115. </div>
  116. <div class="features__content mb-30">
  117. <h2 class="section-title">We Create innovative solution <br> that works pragmatically.</h2>
  118. <p>You mug dropped a clanger barmy David brown <br>bread bleeding crikey say chimney pot me old <br>mucker bugger super.</p>
  119. <a href="https://themepure.net/template/appz-preview/appz/service.html">Read More<i class="fal fa-arrow-right"></i></a>
  120. </div>
  121. </div>
  122. </div>
  123. <div class="col-xl-6 col-lg-6 col-md-12">
  124. <div class="app-image wow fadeInRight" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInRight;">
  125. <img src="{{asset('assets/img/service/app/about1.png')}}" alt="">
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. <!-- FETURES CONTENT END -->
  133. <!-- FETURES CONTENT START -->
  134. <div class="app_image pt-150 pb-140">
  135. <div class="container">
  136. <div class="row">
  137. <div class="col-xl-6 col-lg-6 col-md-12">
  138. <div class="app-image wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
  139. <img src="{{asset('assets/img/service/app/about2.png')}}" alt="">
  140. </div>
  141. </div>
  142. <div class="col-xl-6 col-lg-6 col-md-12">
  143. <div class="features pt-80 feturesCommon wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
  144. <div class="features__icon bgclr">
  145. <img src="{{asset('assets/img/service/app/leftIcon2.png')}}" alt="">
  146. </div>
  147. <div class="features__content">
  148. <h2 class="section-title">Features that aren’t so commonplace.</h2>
  149. <p>You mug dropped a clanger barmy David brown <br>bread bleeding crikey say chimney pot me old <br>mucker bugger super.</p>
  150. <a href="https://themepure.net/template/appz-preview/appz/service.html">Read More<i class="fal fa-arrow-right"></i></a>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. <!-- FETURES CONTENT START -->
  160. <!-- APP DETAILS START -->
  161. <div class="app_details pt-120 pb-20">
  162. <div class="container">
  163. <div class="row align-items-center">
  164. <div class="col-xl-7 col-lg-6 col-md-12">
  165. <div class="details_content pb-70">
  166. <h2 class="section-title section_title_large">A new way to manage your work, tasks and projects.</h2>
  167. </div>
  168. <div class="row">
  169. <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
  170. <div class="feature3">
  171. <div class="feature3__image">
  172. <img class="pb-30" src="{{asset('assets/img/service/app/s7.png')}}" alt="details">
  173. </div>
  174. <div class="feature3__content">
  175. <h4 class="content_title">Security Maintenance</h4>
  176. <p>The little rotter bevvy I gormless <br> mush golly gosh cras.</p>
  177. </div>
  178. </div>
  179. </div>
  180. <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
  181. <div class="feature3 pl-40">
  182. <div class="feature3__image febg1">
  183. <img class="pb-30" src="{{asset('assets/img/service/app/s2.png')}}" alt="details">
  184. </div>
  185. <div class="feature3__content">
  186. <h4 class="content_title">Backup Database</h4>
  187. <p>The little rotter bevvy I gormless <br> mush golly gosh cras.</p>
  188. </div>
  189. </div>
  190. </div>
  191. <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
  192. <div class="feature3">
  193. <div class="feature3__image febg2">
  194. <img class="pb-30" src="{{asset('assets/img/service/app/s3.png')}}" alt="details">
  195. </div>
  196. <div class="feature3__content">
  197. <h4 class="content_title">Server Maintenance</h4>
  198. <p>The little rotter bevvy I gormless mush golly gosh cras.</p>
  199. </div>
  200. </div>
  201. </div>
  202. <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
  203. <div class="feature3 pl-40">
  204. <div class="feature3__image febg3">
  205. <img class="pb-30" src="{{asset('assets/img/service/app/s4.png')}}" alt="details">
  206. </div>
  207. <div class="feature3__content">
  208. <h4 class="content_title">No Risk Protectable</h4>
  209. <p>The little rotter bevvy I gormless mush golly gosh cras.</p>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. <div class="col-xl-5 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">
  216. <div class="details_image wow zoomIn" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: zoomIn;">
  217. <img src="{{asset('assets/img/service/app/mockup.png')}}" alt="blogshape">
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. </div>
  223. <!-- APP DETAILS END -->
  225. <!-- DOWNLOAD START -->
  226. <div class="download-area pt-50 mt-100">
  227. <div class="container">
  228. <div class="row">
  229. <div class="col-xl-6 col-lg-6 col-md-4 col-sm-12 d-sm-none d-md-block">
  230. <div class="download_image">
  231. <img class="dw d-none d-sm-block" src="{{asset('assets/img/service/app/iphon2.png')}}" alt="download_shape">
  232. <img class="downloadpos d-md-none d-lg-block d-none d-sm-block" src="{{asset('assets/img/service/app/iphone3.png')}}" alt="download_shape">
  233. <img class="downloadpos2 d-md-none d-lg-block d-none d-sm-block" src="{{asset('assets/img/service/app/circle.png')}}" alt="download_shape">
  234. </div>
  235. </div>
  236. <div class="col-xl-6 col-lg-6 col-md-8 col-sm-12">
  237. <div class="download_content pl-105 pt-90">
  238. <h2 class="section-title">Download Your Amazing App Available Now.</h2>
  239. <p>Horse play argy-bargy me old mucker boot bog show off show off pick your nose and blow off cack, cras buggered say.</p>
  240. <div class="download-btn">
  241. <a class="tp_download" href="https://themepure.net/template/appz-preview/appz/index.html#"><i class="fab fa-apple"></i></a>
  242. <a class="bg-android" href="https://themepure.net/template/appz-preview/appz/index.html#"><i class="fal fa-user-robot"></i></a>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. </div>
  249. <!-- DOWNLOAD END -->
  251. <!-- TRY START -->
  252. <div class="try-area pt-100 mb-40">
  253. <div class="container">
  254. <div class="row">
  255. <div class="col-xl-12 col-lg-12">
  256. <div class="try_box">
  257. <div class="try-shape">
  258. <img class="tryshape" src="{{asset('assets/img/service/app/shape3.png')}}" alt="shape">
  259. </div>
  260. <div class="row">
  261. <div class="col-xl-7 col-lg-7">
  262. <h2>Try Our New Appz</h2>
  263. <p>Horse play argy-bargy me old mucker boot bog show off show off pick your nose and blow off sloshed my cack buggered.</p>
  264. </div>
  265. <div class="col-xl-5 col-lg-5">
  266. <div class="try_btn_center">
  267. <div class="try_btn">
  268. <a class="btn btnfree" href="https://themepure.net/template/appz-preview/appz/contact.html">Free Trail</a>
  269. </div>
  270. </div>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. </div>
  278. <!-- TRY END -->
  282. </main>
  283. <!-- JS here -->
  287. <script src="js/bootstrap.min.js"></script>
  289. <script src="js/slick.min.js"></script>
  307. {% endblock %}