templates/partials/about/_dev-process.html.twig line 1

Open in your IDE?
  1. <section class="service-block pad-tb">
  2. <div class="container">
  3. <div class="row justify-content-center">
  4. <div class="col-lg-8">
  5. <div class="common-heading ptag">
  6. <span>Process</span>
  7. <h2>Our Web Design Process</h2>
  8. <p>Our design process follows a proven approach. We begin with a deep understanding of your needs and create a planning template.</p>
  9. </div>
  10. </div>
  11. </div>
  12. <div class="row upset justify-content-center mt60">
  13. <div class="col-lg-4 v-center order1">
  14. <div class="image-block1">
  15. <img src="{{ asset('build/images/process-1.jpg') }}" alt="Process" class="img-fluid">
  16. </div>
  17. </div>
  18. <div class="col-lg-7 v-center order2">
  19. <div class="ps-block">
  20. <span>1</span>
  21. <h3>Requirement Gathering</h3>
  22. <p>Donec metus lorem, vulputate at sapien sit amet, auctor iaculis lorem. In vel hendrerit nisi. Vestibulum eget risus velit. Aliquam tristique libero at dui sodales, et placerat orci lobortis. Maecenas ipsum neque, elementum id dignissim et, imperdiet vitae mauris.</p>
  23. </div>
  24. </div>
  25. </div>
  26. <div class="row upset justify-content-center mt60">
  27. <div class="col-lg-7 v-center order2">
  28. <div class="ps-block">
  29. <span>2</span>
  30. <h3>Prototype</h3>
  31. <p>Donec metus lorem, vulputate at sapien sit amet, auctor iaculis lorem. In vel hendrerit nisi. Vestibulum eget risus velit. Aliquam tristique libero at dui sodales, et placerat orci lobortis. Maecenas ipsum neque, elementum id dignissim et, imperdiet vitae mauris.</p>
  32. </div>
  33. </div>
  34. <div class="col-lg-4 v-center order1">
  35. <div class="image-block1">
  36. <img src="{{ asset('build/images/process-2.jpg') }}" alt="Process" class="img-fluid">
  37. </div>
  38. </div>
  39. </div>
  40. <div class="row upset justify-content-center mt60">
  41. <div class="col-lg-4 v-center order1">
  42. <div class="image-block1">
  43. <img src="{{ asset('build/images/process-3.jpg') }}" alt="Process" class="img-fluid">
  44. </div>
  45. </div>
  46. <div class="col-lg-7 v-center order2">
  47. <div class="ps-block">
  48. <span>3</span>
  49. <h3>Deployment</h3>
  50. <p>Donec metus lorem, vulputate at sapien sit amet, auctor iaculis lorem. In vel hendrerit nisi. Vestibulum eget risus velit. Aliquam tristique libero at dui sodales, et placerat orci lobortis. Maecenas ipsum neque, elementum id dignissim et, imperdiet vitae mauris.</p>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="row upset justify-content-center mt60">
  55. <div class="col-lg-7 v-center order2">
  56. <div class="ps-block">
  57. <span>4</span>
  58. <h3>Support &amp; Maintenance</h3>
  59. <p>Donec metus lorem, vulputate at sapien sit amet, auctor iaculis lorem. In vel hendrerit nisi. Vestibulum eget risus velit. Aliquam tristique libero at dui sodales, et placerat orci lobortis. Maecenas ipsum neque, elementum id dignissim et, imperdiet vitae mauris.</p>
  60. </div>
  61. </div>
  62. <div class="col-lg-4 v-center order1">
  63. <div class="image-block1">
  64. <img src="{{ asset('build/images/process-4.jpg') }}" alt="Process" class="img-fluid">
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </section>