You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

129 rivejä
6.1 KiB

  1. import React from 'react';
  2. import Navbar from "@/components/_App/Navbar";
  3. import Footer from "@/components/_App/Footer";
  4. import PageBanner from '@/components/Common/PageBanner';
  5. import Link from 'next/link';
  6. const Services2 = () => {
  7. return (
  8. <>
  9. <Navbar />
  10. <PageBanner pageTitle="Services Style Two" />
  11. <div className="ml-services-area ptb-80">
  12. <div className="container">
  13. <div className="row justify-content-center">
  14. <div className="col-lg-4 col-sm-6">
  15. <div className="single-ml-services-box">
  16. <div className="image">
  17. <img src="/images/services-image/service-image1.png" alt="image" />
  18. </div>
  19. <h3>
  20. <Link href="/service-details">
  21. <a>IT Professionals</a>
  22. </Link>
  23. </h3>
  24. <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
  25. </div>
  26. </div>
  27. <div className="col-lg-4 col-sm-6">
  28. <div className="single-ml-services-box">
  29. <div className="image">
  30. <img src="/images/services-image/service-image2.png" alt="image" />
  31. </div>
  32. <h3>
  33. <Link href="/service-details">
  34. <a>Software Engineers</a>
  35. </Link>
  36. </h3>
  37. <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
  38. </div>
  39. </div>
  40. <div className="col-lg-4 col-sm-6">
  41. <div className="single-ml-services-box">
  42. <div className="image">
  43. <img src="/images/services-image/service-image3.png" alt="image" />
  44. </div>
  45. <h3>
  46. <Link href="/service-details">
  47. <a>Health & Manufacturing</a>
  48. </Link>
  49. </h3>
  50. <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
  51. </div>
  52. </div>
  53. <div className="col-lg-4 col-sm-6">
  54. <div className="single-ml-services-box">
  55. <div className="image">
  56. <img src="/images/services-image/service-image4.png" alt="image" />
  57. </div>
  58. <h3>
  59. <Link href="/service-details">
  60. <a>Security & Surveillance</a>
  61. </Link>
  62. </h3>
  63. <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
  64. </div>
  65. </div>
  66. <div className="col-lg-4 col-sm-6">
  67. <div className="single-ml-services-box">
  68. <div className="image">
  69. <img src="/images/services-image/service-image5.png" alt="image" />
  70. </div>
  71. <h3>
  72. <Link href="/service-details">
  73. <a>Automatic Optimization</a>
  74. </Link>
  75. </h3>
  76. <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
  77. </div>
  78. </div>
  79. <div className="col-lg-4 col-sm-6">
  80. <div className="single-ml-services-box">
  81. <div className="image">
  82. <img src="/images/services-image/service-image6.png" alt="image" />
  83. </div>
  84. <h3>
  85. <Link href="/service-details">
  86. <a>Data Analysts</a>
  87. </Link>
  88. </h3>
  89. <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. {/* Shape Images */}
  95. <div className="shape1">
  96. <img src="/images/shape1.png" alt="shape" />
  97. </div>
  98. <div className="shape2 rotateme">
  99. <img src="/images/shape2.svg" alt="shape" />
  100. </div>
  101. <div className="shape3">
  102. <img src="/images/shape3.svg" alt="shape" />
  103. </div>
  104. <div className="shape4">
  105. <img src="/images/shape4.svg" alt="shape" />
  106. </div>
  107. <div className="shape7">
  108. <img src="/images/shape4.svg" alt="shape" />
  109. </div>
  110. <div className="shape8 rotateme">
  111. <img src="/images/shape2.svg" alt="shape" />
  112. </div>
  113. </div>
  114. <Footer />
  115. </>
  116. )
  117. }
  118. export default Services2;