about.html 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>About Us || Cretech || IT Solutions & Services HTML Template</title><!-- google font -->
  8. <link rel="preconnect" href="https://fonts.googleapis.com/">
  9. <link rel="preconnect" href="https://fonts.gstatic.com/">
  10. <link href="assets/css/css2.css" rel="stylesheet"><!-- favicons Icons -->
  11. <link rel="apple-touch-icon" sizes="180x180" href="assets/picture/apple-touch-icon.png">
  12. <link rel="manifest" href="https://webdevcode.com/html/cretech/assets/images/favicons/site.webmanifest">
  13. <!-- plugins css -->
  14. <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  15. <link rel="stylesheet" href="assets/css/all.min.css">
  16. <link rel="stylesheet" href="assets/css/jarallax.css">
  17. <link rel="stylesheet" href="assets/css/animate.min.css">
  18. <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
  19. <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
  20. <link rel="stylesheet" href="assets/css/style.css"><!-- templates css -->
  21. <link rel="stylesheet" href="assets/css/cretech.css">
  22. </head>
  23. <body class="custom-cursor">
  24. <div class="custom-cursor__cursor"></div>
  25. <div class="custom-cursor__cursor-two"></div>
  26. <div class="preloader">
  27. <div class="preloader__circle"></div>
  28. </div>
  29. <div class="page-wrapper">
  30. <div class="topbar">
  31. <div class="container-fluid">
  32. <p class="topbar__text">Welcome to IT Solutions & Services HTML Template</p><!-- /.topbar__text -->
  33. <ul class="topbar__info">
  34. <li><i class="fa fa-envelope"></i><a href="mailto:needhelp@company.com">needhelp@company.com</a>
  35. </li>
  36. <li><i class="fa fa-map-marker"></i>60 Golden Broklyn Street,New York </li>
  37. </ul><!-- /.topbar__info -->
  38. <ul class="topbar__social">
  39. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  40. <li><a href="#"><i class="fab fa-facebook"></i></a></li>
  41. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  42. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  43. </ul><!-- /.topbar__social -->
  44. </div><!-- /.container-fluid -->
  45. </div><!-- /.topbar -->
  46. <nav class="main-menu sticky-header">
  47. <div class="container-fluid">
  48. <div class="main-menu__logo"><a href="index.html"><img src="assets/picture/logo-dark.png" width="98"
  49. height="33" alt="Cretech"></a></div><!-- /.main-menu__logo -->
  50. <ul class="main-menu__list">
  51. <li class="menu-item-has-children"><a href="index.html">Home</a>
  52. <ul>
  53. <li><a href="index.html">Home One</a></li>
  54. <li><a href="index-2.html">Home Two</a></li>
  55. <li><a href="index-3.html">Home Three</a></li>
  56. <li class="menu-item-has-children"><a href="index.html">Header Styles</a>
  57. <ul>
  58. <li><a href="index.html">Header One</a></li>
  59. <li><a href="index-2.html">Header Two</a></li>
  60. <li><a href="index-3.html">Header Three</a></li>
  61. </ul>
  62. </li>
  63. </ul>
  64. </li>
  65. <li class="menu-item-has-children"><a href="#">Pages</a>
  66. <ul>
  67. <li><a href="">About Us</a></li>
  68. <li><a href="team.html">Our Team</a></li>
  69. </ul>
  70. </li>
  71. <li class="menu-item-has-children"><a href="services-1.html">Services</a>
  72. <ul>
  73. <li><a href="services-1.html">Services 01</a></li>
  74. <li><a href="services-2.html">Services 02</a></li>
  75. <li><a href="service-cyber-security.html">Cyber Security</a></li>
  76. <li><a href="service-it-management.html">IT Management</a></li>
  77. <li><a href="service-qa-testing.html">QA & Testing</a></li>
  78. <li><a href="service-infrastructure-plan.html">Infrastructure Plan</a></li>
  79. <li><a href="service-it-consultent.html">IT Consultent</a></li>
  80. </ul>
  81. </li>
  82. <li class="menu-item-has-children"><a href="projects.html">Projects</a>
  83. <ul>
  84. <li><a href="projects.html">Projects</a></li>
  85. <li><a href="project-details.html">Projects Details</a></li>
  86. </ul>
  87. </li>
  88. <li class="menu-item-has-children"><a href="blog.html">Blog</a>
  89. <ul>
  90. <li><a href="blog.html">Blog</a></li>
  91. <li><a href="blog-details.html">Blog Details</a></li>
  92. </ul>
  93. </li>
  94. <li><a href="contact.html">Contact</a></li>
  95. </ul><!-- /.main-menu__list -->
  96. <div class="main-menu__right"><a href="#"
  97. class="mobile-nav__toggler"><span></span><span></span><span></span></a><a href="#"
  98. class="search-toggler"><i class="icon-magnifying-glass"></i></a><!-- /.search-toggler --><a
  99. href="" class="main-menu__cta"><i class="fa fa-phone-alt"></i><span
  100. class="main-menu__cta__text"><b>+92(8800) 9860</b>Call Anytime </span>
  101. <!-- /.main-menu__cta__text --></a><!-- /.main-menu__cta -->
  102. </div><!-- /.main-menu__right -->
  103. </div><!-- /.container-fluid -->
  104. </nav><!-- /.main-menu -->
  105. <div class="page-header">
  106. <div class="page-header__bg" style="background-image: url(assets/picture/page-header-bg-1-1.jpg);"></div>
  107. <!-- /.page-header__bg -->
  108. <div class="container">
  109. <ul class="thm-breadcrumb list-unstyled">
  110. <li><a href="index.html">Home</a></li>
  111. <li>About</li>
  112. </ul>
  113. <h2 class="page-header__title">About Us</h2><!-- /.page-header__title -->
  114. </div><!-- /.container -->
  115. </div><!-- /.page-header -->
  116. <section class="about-four section-padding--top">
  117. <div class="container">
  118. <div class="row gutter-y-60">
  119. <div class="col-lg-6">
  120. <div class="about-four__image"><img src="assets/picture/about-four-1-1.jpg" class="wow fadeInUp"
  121. data-wow-duration="1500ms" alt=""></div><!-- /.about-four__image -->
  122. </div><!-- /.col-lg-6 -->
  123. <div class="col-lg-6">
  124. <div class="about-four__content">
  125. <div class="section-title ">
  126. <p class="section-title__text">About Company</p><!-- /.section-title__text -->
  127. <h2 class="section-title__title">The World’s Networking Company</h2>
  128. <!-- /.section-title__title -->
  129. </div><!-- /.section-title -->
  130. <div class="about-four__text">Since from 2000 Building Your Better IT Solution The
  131. definition of business is an occupation or trade & the purchase and sale of products Our
  132. Mission & Vision Voice and Data System are crucial to the success.</div>
  133. <!-- /.about-four__text -->
  134. <div class="about-four__meta">
  135. <div class="about-four__author"><img src="assets/picture/about-four-author-1.jpg"
  136. alt="">
  137. <div class="about-four__author__content">
  138. <h3 class="about-four__author__title">Michele Morrone</h3>
  139. <!-- /.about-four__author__title -->
  140. <div class="about-four__author__designation">Founder CEO</div>
  141. <!-- /.about-four__author__designation -->
  142. </div><!-- /.about-four__author__content -->
  143. </div><!-- /.about-four__author --><a href="services-1.html"
  144. class="thm-btn about-four__btn"><span>Learn More</span></a>
  145. <!-- /.thm-btn about-four__btn -->
  146. </div><!-- /.about-four__meta -->
  147. </div><!-- /.about-four__content -->
  148. </div><!-- /.col-lg-6 -->
  149. </div><!-- /.row -->
  150. </div><!-- /.container -->
  151. </section>
  152. <section class="section-padding--bottom section-padding--top">
  153. <div class="container">
  154. <div class="section-title text-center">
  155. <p class="section-title__text">Our Team members</p><!-- /.section-title__text -->
  156. <h2 class="section-title__title">Our Expert Person to Provide <br>IT Solution Services</h2>
  157. <!-- /.section-title__title -->
  158. </div><!-- /.section-title -->
  159. <div class="row gutter-y-30">
  160. <div class="col-lg-3 col-md-6 col-sm-12">
  161. <div class="team-card-one wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="000ms">
  162. <div class="team-card-one__image"><img src="assets/picture/team-2-1.jpg" alt="">
  163. <div class="team-card-one__social">
  164. <ul class="team-card-one__social__links">
  165. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  166. <li><a href="#"><i class="fab fa-facebook"></i></a></li>
  167. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  168. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  169. </ul><!-- /.team-card-one__social__links -->
  170. <div class="team-card-one__social__icon"><i class="fa fa-share-alt"></i></div>
  171. <!-- /.team-card-one__social__icon -->
  172. </div><!-- /.team-card-one__social -->
  173. </div><!-- /.team-card-one__image -->
  174. <div class="team-card-one__content">
  175. <h3 class="team-card-one__title"><a href="#">Michelle Monaghan</a></h3>
  176. <!-- /.team-card-one__title -->
  177. <p class="team-card-one__designation">Designer</p><!-- /.team-card-one__designation -->
  178. </div><!-- /.team-card-one__content -->
  179. </div><!-- /.team-card-one -->
  180. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  181. <div class="col-lg-3 col-md-6 col-sm-12">
  182. <div class="team-card-one wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
  183. <div class="team-card-one__image"><img src="assets/picture/team-2-2.jpg" alt="">
  184. <div class="team-card-one__social">
  185. <ul class="team-card-one__social__links">
  186. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  187. <li><a href="#"><i class="fab fa-facebook"></i></a></li>
  188. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  189. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  190. </ul><!-- /.team-card-one__social__links -->
  191. <div class="team-card-one__social__icon"><i class="fa fa-share-alt"></i></div>
  192. <!-- /.team-card-one__social__icon -->
  193. </div><!-- /.team-card-one__social -->
  194. </div><!-- /.team-card-one__image -->
  195. <div class="team-card-one__content">
  196. <h3 class="team-card-one__title"><a href="#">Jessica Brown</a></h3>
  197. <!-- /.team-card-one__title -->
  198. <p class="team-card-one__designation">Manager</p><!-- /.team-card-one__designation -->
  199. </div><!-- /.team-card-one__content -->
  200. </div><!-- /.team-card-one -->
  201. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  202. <div class="col-lg-3 col-md-6 col-sm-12">
  203. <div class="team-card-one wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
  204. <div class="team-card-one__image"><img src="assets/picture/team-2-3.jpg" alt="">
  205. <div class="team-card-one__social">
  206. <ul class="team-card-one__social__links">
  207. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  208. <li><a href="#"><i class="fab fa-facebook"></i></a></li>
  209. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  210. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  211. </ul><!-- /.team-card-one__social__links -->
  212. <div class="team-card-one__social__icon"><i class="fa fa-share-alt"></i></div>
  213. <!-- /.team-card-one__social__icon -->
  214. </div><!-- /.team-card-one__social -->
  215. </div><!-- /.team-card-one__image -->
  216. <div class="team-card-one__content">
  217. <h3 class="team-card-one__title"><a href="#">Kevin Martin</a></h3>
  218. <!-- /.team-card-one__title -->
  219. <p class="team-card-one__designation">Developer</p><!-- /.team-card-one__designation -->
  220. </div><!-- /.team-card-one__content -->
  221. </div><!-- /.team-card-one -->
  222. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  223. <div class="col-lg-3 col-md-6 col-sm-12">
  224. <div class="team-card-one wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="300ms">
  225. <div class="team-card-one__image"><img src="assets/picture/team-2-4.jpg" alt="">
  226. <div class="team-card-one__social">
  227. <ul class="team-card-one__social__links">
  228. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  229. <li><a href="#"><i class="fab fa-facebook"></i></a></li>
  230. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  231. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  232. </ul><!-- /.team-card-one__social__links -->
  233. <div class="team-card-one__social__icon"><i class="fa fa-share-alt"></i></div>
  234. <!-- /.team-card-one__social__icon -->
  235. </div><!-- /.team-card-one__social -->
  236. </div><!-- /.team-card-one__image -->
  237. <div class="team-card-one__content">
  238. <h3 class="team-card-one__title"><a href="#">Sarah Albert</a></h3>
  239. <!-- /.team-card-one__title -->
  240. <p class="team-card-one__designation">Director</p><!-- /.team-card-one__designation -->
  241. </div><!-- /.team-card-one__content -->
  242. </div><!-- /.team-card-one -->
  243. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  244. </div><!-- /.row -->
  245. </div><!-- /.container -->
  246. </section>
  247. <section class="black-bg section-padding-lg--top section-padding-lg--bottom cta-two">
  248. <div class="cta-two__bg jarallax" data-jarallax="" data-speed="0.2" data-imgposition="50% 0%"
  249. style="background-image: url(assets/picture/cta-two-bg-1-1.jpg);"></div>
  250. <div class="container">
  251. <div class="cta-two__inner">
  252. <h3 class="cta-two__title">Better IT Solutions And Services At Your <span>Fingertips</span></h3>
  253. <!-- /.cta-two__title --><a href="contact.html" class="thm-btn cta-two__btn"><span>LEarn
  254. More</span></a><!-- /.thm-btn cta-two__btn -->
  255. </div><!-- /.cta-two__inner -->
  256. </div><!-- /.container -->
  257. </section>
  258. <section
  259. class="section-padding--bottom section-padding--top testimonials-two background-repeat-no background-position-top-center"
  260. style="background-image: url(assets/picture/testi-bg-1-1.png);">
  261. <div class="container">
  262. <div class="row gutter-y-60">
  263. <div class="col-lg-5">
  264. <div class="testimonials-two__content">
  265. <div class="section-title ">
  266. <p class="section-title__text">Our clients</p><!-- /.section-title__text -->
  267. <h2 class="section-title__title">We Are Trusted Worldwide Peoples</h2>
  268. <!-- /.section-title__title -->
  269. </div><!-- /.section-title -->
  270. <div class="testimonials-two__content__text">Sed ut perspiciatis unde omnis natus error sit
  271. voluptatem accusa ntium doloremque laudantium totam rem aperiamea queipsa quae abillo
  272. inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</div>
  273. <!-- /.testimonials-two__content__text -->
  274. <div class="testimonials-two__content__text">Pellentesque gravida lectus vitae nisi
  275. luctus,Finibus aliquet ligula ultrices.</div>
  276. <!-- /.testimonials-two__content__text --><a href=""
  277. class="thm-btn testimonials-two__content__btn"><span>View All feedbacks</span></a>
  278. <!-- /.thm-btn testimonials-two__content__btn -->
  279. </div><!-- /.testimonials-two__content -->
  280. </div><!-- /.col-lg-5 -->
  281. <div class="col-lg-7">
  282. <div class="testimonials-two__items">
  283. <div class="row gutter-y-30">
  284. <div class="col-lg-12">
  285. <div class="testimonials-one-card">
  286. <div class="testimonials-one-card__image"><img
  287. src="assets/picture/testi-1-1.jpg" alt=""></div>
  288. <!-- /.testimonials-one-card__image -->
  289. <div class="testimonials-one-card__content">
  290. <div class="testimonials-one-card__text">On the other hand denounc with
  291. ghteo indignation and dislike men who so beguiled and demoralized the
  292. charms of pleasure the momen blinded by desire cannot foresee the pain
  293. and trouble.</div><!-- /.testimonials-one-card__text -->
  294. <h3 class="testimonials-one-card__title">Michal Rahul</h3>
  295. <!-- /.testimonials-one-card__title -->
  296. <p class="testimonials-one-card__designation">Ul - UX Designer</p>
  297. <!-- /.testimonials-one-card__designation --><i
  298. class="icon-right-quote testimonials-one-card__icon"></i>
  299. </div><!-- /.testimonials-one-card__content -->
  300. </div><!-- /.testimonials-one-card -->
  301. </div><!-- /.col-lg-6 -->
  302. <div class="col-lg-12">
  303. <div class="testimonials-one-card">
  304. <div class="testimonials-one-card__image"><img
  305. src="assets/picture/testi-1-2.jpg" alt=""></div>
  306. <!-- /.testimonials-one-card__image -->
  307. <div class="testimonials-one-card__content">
  308. <div class="testimonials-one-card__text">On the other hand denounc with
  309. ghteo indignation and dislike men who so beguiled and demoralized the
  310. charms of pleasure the momen blinded by desire cannot foresee the pain
  311. and trouble.</div><!-- /.testimonials-one-card__text -->
  312. <h3 class="testimonials-one-card__title">Jessica Brown</h3>
  313. <!-- /.testimonials-one-card__title -->
  314. <p class="testimonials-one-card__designation">Ul - UX Designer</p>
  315. <!-- /.testimonials-one-card__designation --><i
  316. class="icon-right-quote testimonials-one-card__icon"></i>
  317. </div><!-- /.testimonials-one-card__content -->
  318. </div><!-- /.testimonials-one-card -->
  319. </div><!-- /.col-lg-6 -->
  320. </div><!-- /.row -->
  321. </div><!-- /.testimonials-two__items -->
  322. </div><!-- /.col-lg-7 -->
  323. </div><!-- /.row -->
  324. </div><!-- /.container -->
  325. </section>
  326. <div class="client-carousel client-carousel--two">
  327. <div class="container">
  328. <div class="owl-carousel thm-owl__carousel" data-owl-options='{"loop": true,
  329. "autoplay": true,
  330. "autoplayTimeout": 5000,
  331. "autoplayHoverPause": true,
  332. "nav": true,
  333. "navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
  334. "dots": false,
  335. "margin": 30,
  336. "items": 2,
  337. "smartSpeed": 700,
  338. "responsive": {
  339. "0": {
  340. "margin": 30,
  341. "items": 2
  342. },
  343. "375": {
  344. "margin": 30,
  345. "items": 2
  346. },
  347. "575": {
  348. "margin": 30,
  349. "items": 3
  350. },
  351. "767": {
  352. "margin": 50,
  353. "items": 4
  354. },
  355. "991": {
  356. "margin": 40,
  357. "items": 5
  358. },
  359. "1199": {
  360. "margin": 80,
  361. "items": 5
  362. }
  363. }}'>
  364. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  365. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  366. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  367. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  368. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  369. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  370. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  371. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  372. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  373. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  374. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  375. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  376. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  377. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  378. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  379. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  380. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  381. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  382. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  383. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  384. </div><!-- /.thm-owl__carousel -->
  385. </div><!-- /.container -->
  386. </div><!-- /.client-carousel -->
  387. <div class="footer-main section-padding--bottom section-padding--top">
  388. <div class="container">
  389. <div class="row gutter-y-30">
  390. <div class="col-lg-3 col-md-6 col-sm-12">
  391. <div class="footer-widget footer-widget--about"><a href="index.html"
  392. class="footer-widget__logo"><img src="assets/picture/logo-light.png" width="119"
  393. height="40" alt="Cretech"></a>
  394. <p class="footer-widget__text">We work with a passion of taking challenges and creating new
  395. ones in advertising sector.</p><!-- /.footer-widget__text -->
  396. <ul class="footer-widget__social">
  397. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  398. <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
  399. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  400. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  401. </ul><!-- /.footer-widget__social -->
  402. </div><!-- /.footer-widget -->
  403. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  404. <div class="col-lg-3 col-md-6 col-sm-12">
  405. <div class="footer-widget footer-widget--links">
  406. <h3 class="footer-widget__title">Services</h3><!-- /.footer-widget__title -->
  407. <ul class="footer-widget__links">
  408. <li><a href="service-cyber-security.html">Cyber Security</a></li>
  409. <li><a href="service-it-management.html">IT Management</a></li>
  410. <li><a href="service-qa-testing.html">QA & Testing</a></li>
  411. <li><a href="service-infrastructure-plan.html">Infrastructure Plan</a></li>
  412. <li><a href="service-it-consultent.html">IT Consultent</a></li>
  413. </ul><!-- /.footer-widget__links -->
  414. </div><!-- /.footer-widget -->
  415. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  416. <div class="col-lg-3 col-md-6 col-sm-12">
  417. <div class="footer-widget footer-widget--newsletter">
  418. <h3 class="footer-widget__title">Subscribe</h3><!-- /.footer-widget__title -->
  419. <p class="footer-widget__text">Sign up to receive the latest articles</p>
  420. <!-- /.footer-widget__text -->
  421. <form action="#" class="footer-widget__newsletter mc-form"
  422. data-url="ADD_YOUR_MAILCHIMP_FORM_URL_HERE"><input type="email" name="EMAIL"
  423. placeholder="Enter Your Email"><button
  424. class="thm-btn footer-widget__newsletter__btn"><span>Register</span></button></form>
  425. <div class="mc-form__response"></div><!-- /.mc-form__response -->
  426. </div><!-- /.footer-widget -->
  427. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  428. <div class="col-lg-3 col-md-6 col-sm-12">
  429. <div class="footer-widget footer-widget--contact">
  430. <h3 class="footer-widget__title">Contact</h3><!-- /.footer-widget__title -->
  431. <ul class="footer-widget__contact">
  432. <li><i class="fa fa-phone"></i><a href="">+88(9800) 6802</a></li>
  433. <li><i class="fa fa-envelope"></i><a
  434. href="mailto:needhelp@company.com">needhelp@company.com</a></li>
  435. <li><i class="fa fa-map-marker-alt"></i>88 Broklyn Golden Road Street <br>New York. USA
  436. </li>
  437. </ul><!-- /.footer-widget__contact -->
  438. </div><!-- /.footer-widget -->
  439. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  440. </div><!-- /.row -->
  441. </div><!-- /.container -->
  442. </div><!-- /.footer-main -->
  443. <div class="footer-bottom">
  444. <div class="container">
  445. <p>&copy;All Copyright <span class="dynamic-year"></span>by <a href="javascript:;">bootstrapMB</a></p>
  446. </div><!-- /.container -->
  447. </div><!-- /.footer-bottom -->
  448. </div><!-- /.page-wrapper -->
  449. <div class="mobile-nav__wrapper">
  450. <div class="mobile-nav__overlay mobile-nav__toggler"></div><!-- /.mobile-nav__overlay -->
  451. <div class="mobile-nav__content"><a href="#"
  452. class="mobile-nav__close mobile-nav__toggler"><span></span><span></span></a>
  453. <div class="logo-box"><a href="index.html" aria-label="logo image"><img src="assets/picture/logo-light.png"
  454. width="98" height="33" alt="Cretech"></a></div><!-- /.logo-box -->
  455. <div class="mobile-nav__container"></div><!-- /.mobile-nav__container -->
  456. <ul class="mobile-nav__contact list-unstyled">
  457. <li><i class="fa fa-phone"></i><a href="">+88(9800) 6802</a></li>
  458. <li><i class="fa fa-envelope"></i><a href="mailto:needhelp@company.com">needhelp@company.com</a></li>
  459. <li><i class="fa fa-map-marker-alt"></i>88 Broklyn Golden Road Street <br>New York. USA </li>
  460. </ul><!-- /.mobile-nav__contact -->
  461. <ul class="mobile-nav__social">
  462. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  463. <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
  464. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  465. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  466. </ul><!-- /.mobile-nav__social -->
  467. </div><!-- /.mobile-nav__content -->
  468. </div><!-- /.mobile-nav__wrapper -->
  469. <div class="search-popup">
  470. <div class="search-popup__overlay search-toggler"></div><!-- /.search-popup__overlay -->
  471. <div class="search-popup__content">
  472. <form action="#"><label for="search" class="sr-only">search here</label><!-- /.sr-only --><input type="text"
  473. id="search" placeholder="Search Here..."><button type="submit" aria-label="search submit"
  474. class="thm-btn"><span><i class="icon-magnifying-glass"></i></span></button></form>
  475. </div><!-- /.search-popup__content -->
  476. </div><!-- /.search-popup --><a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i
  477. class="fa fa-angle-up"></i></a><!-- plugins js -->
  478. <script src="assets/js/jquery-3.6.0.min.js"></script>
  479. <script src="assets/js/bootstrap.bundle.min.js"></script>
  480. <script src="assets/js/jquery.validate.min.js"></script>
  481. <script src="assets/js/owl.carousel.min.js"></script>
  482. <script src="assets/js/wow.js"></script>
  483. <script src="assets/js/jarallax.min.js"></script>
  484. <script src="assets/js/jquery.ajaxchimp.min.js"></script><!-- template js -->
  485. <script src="assets/js/cretech.js"></script>
  486. </body>
  487. </html>