service-it-management.html 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378
  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>IT Management || Service Details || Cretech || IT Solutions & Services HTML Template</title>
  8. <!-- google font -->
  9. <link rel="preconnect" href="https://fonts.googleapis.com/">
  10. <link rel="preconnect" href="https://fonts.gstatic.com/">
  11. <link href="assets/css/css2.css" rel="stylesheet"><!-- favicons Icons -->
  12. <link rel="apple-touch-icon" sizes="180x180" href="assets/picture/apple-touch-icon.png">
  13. <link rel="manifest" href="https://webdevcode.com/html/cretech/assets/images/favicons/site.webmanifest">
  14. <!-- plugins css -->
  15. <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  16. <link rel="stylesheet" href="assets/css/all.min.css">
  17. <link rel="stylesheet" href="assets/css/jarallax.css">
  18. <link rel="stylesheet" href="assets/css/animate.min.css">
  19. <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
  20. <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
  21. <link rel="stylesheet" href="assets/css/style.css"><!-- templates css -->
  22. <link rel="stylesheet" href="assets/css/cretech.css">
  23. </head>
  24. <body class="custom-cursor">
  25. <div class="custom-cursor__cursor"></div>
  26. <div class="custom-cursor__cursor-two"></div>
  27. <div class="preloader">
  28. <div class="preloader__circle"></div>
  29. </div>
  30. <div class="page-wrapper">
  31. <div class="topbar">
  32. <div class="container-fluid">
  33. <p class="topbar__text">Welcome to IT Solutions & Services HTML Template</p><!-- /.topbar__text -->
  34. <ul class="topbar__info">
  35. <li><i class="fa fa-envelope"></i><a href="mailto:needhelp@company.com">needhelp@company.com</a>
  36. </li>
  37. <li><i class="fa fa-map-marker"></i>60 Golden Broklyn Street,New York </li>
  38. </ul><!-- /.topbar__info -->
  39. <ul class="topbar__social">
  40. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  41. <li><a href="#"><i class="fab fa-facebook"></i></a></li>
  42. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  43. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  44. </ul><!-- /.topbar__social -->
  45. </div><!-- /.container-fluid -->
  46. </div><!-- /.topbar -->
  47. <nav class="main-menu sticky-header">
  48. <div class="container-fluid">
  49. <div class="main-menu__logo"><a href="index.html"><img src="assets/picture/logo-dark.png" width="98"
  50. height="33" alt="Cretech"></a></div><!-- /.main-menu__logo -->
  51. <ul class="main-menu__list">
  52. <li class="menu-item-has-children"><a href="index.html">Home</a>
  53. <ul>
  54. <li><a href="index.html">Home One</a></li>
  55. <li><a href="index-2.html">Home Two</a></li>
  56. <li><a href="index-3.html">Home Three</a></li>
  57. <li class="menu-item-has-children"><a href="index.html">Header Styles</a>
  58. <ul>
  59. <li><a href="index.html">Header One</a></li>
  60. <li><a href="index-2.html">Header Two</a></li>
  61. <li><a href="index-3.html">Header Three</a></li>
  62. </ul>
  63. </li>
  64. </ul>
  65. </li>
  66. <li class="menu-item-has-children"><a href="#">Pages</a>
  67. <ul>
  68. <li><a href="about.html">About Us</a></li>
  69. <li><a href="team.html">Our Team</a></li>
  70. </ul>
  71. </li>
  72. <li class="menu-item-has-children"><a href="services-1.html">Services</a>
  73. <ul>
  74. <li><a href="services-1.html">Services 01</a></li>
  75. <li><a href="services-2.html">Services 02</a></li>
  76. <li><a href="service-cyber-security.html">Cyber Security</a></li>
  77. <li><a href="">IT Management</a></li>
  78. <li><a href="service-qa-testing.html">QA & Testing</a></li>
  79. <li><a href="service-infrastructure-plan.html">Infrastructure Plan</a></li>
  80. <li><a href="service-it-consultent.html">IT Consultent</a></li>
  81. </ul>
  82. </li>
  83. <li class="menu-item-has-children"><a href="projects.html">Projects</a>
  84. <ul>
  85. <li><a href="projects.html">Projects</a></li>
  86. <li><a href="project-details.html">Projects Details</a></li>
  87. </ul>
  88. </li>
  89. <li class="menu-item-has-children"><a href="blog.html">Blog</a>
  90. <ul>
  91. <li><a href="blog.html">Blog</a></li>
  92. <li><a href="blog-details.html">Blog Details</a></li>
  93. </ul>
  94. </li>
  95. <li><a href="contact.html">Contact</a></li>
  96. </ul><!-- /.main-menu__list -->
  97. <div class="main-menu__right"><a href="#"
  98. class="mobile-nav__toggler"><span></span><span></span><span></span></a><a href="#"
  99. class="search-toggler"><i class="icon-magnifying-glass"></i></a><!-- /.search-toggler --><a
  100. href="" class="main-menu__cta"><i class="fa fa-phone-alt"></i><span
  101. class="main-menu__cta__text"><b>+92(8800) 9860</b>Call Anytime </span>
  102. <!-- /.main-menu__cta__text --></a><!-- /.main-menu__cta -->
  103. </div><!-- /.main-menu__right -->
  104. </div><!-- /.container-fluid -->
  105. </nav><!-- /.main-menu -->
  106. <div class="page-header">
  107. <div class="page-header__bg" style="background-image: url(assets/picture/page-header-bg-1-1.jpg);"></div>
  108. <!-- /.page-header__bg -->
  109. <div class="container">
  110. <ul class="thm-breadcrumb list-unstyled">
  111. <li><a href="index.html">Home</a></li>
  112. <li>Service Details</li>
  113. </ul>
  114. <h2 class="page-header__title">IT Management</h2><!-- /.page-header__title -->
  115. </div><!-- /.container -->
  116. </div><!-- /.page-header -->
  117. <section class="section-padding--bottom section-padding--top service-details--page">
  118. <div class="container">
  119. <div class="row ">
  120. <div class="col-lg-8">
  121. <div class="service-details__image"><img src="assets/picture/service-d-1.jpg" alt=""></div>
  122. <!-- /.service-details__image -->
  123. <h3 class="service-details__title">Business & Finance</h3><!-- /.service-details__title -->
  124. <div class="service-details__content">
  125. <p>Lorem ipsum is simply free text used by copytyping refreshing. Neque porro est qui
  126. dolorem ipsum quia quaed inventore veritatis et quasi architecto beatae vitae dicta sunt
  127. explicabo. Aelltes port lacus quis enim var sed efficitur turpis gilla sed sit amet
  128. finibus eros. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
  129. Lorem Ipsum has been the ndustry standard dummy text ever since the 1500s,when an
  130. unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  131. <h4>When an unknown printer took a galley of type and scrambled it to make a type specimen
  132. book.</h4>
  133. <p>It has survived not only five centuries. Lorem Ipsum is simply dummy text of the new
  134. design printng and type setting Ipsum take a look at our round. When an unknown printer
  135. took a galley of type and scrambled it to make a type specimen book. It has survived not
  136. only five centuries,but also the leap into electronic typesetting.</p>
  137. </div><!-- /.service-details__content -->
  138. <div class="row gutter-y-30 service-details__box-wrapper">
  139. <div class="col-md-6 col-sm-12">
  140. <div class="service-details__box"><i
  141. class="service-details__box__icon icon-consulting"></i>
  142. <div class="service-details__box__content">
  143. <h3 class="service-details__box__title"><a href="#">IT Consultant</a></h3>
  144. <p class="service-details__box__text">There are many of of lorem Ipsum,but the
  145. majori have suffered.</p><!-- /.service-details__box__text -->
  146. </div><!-- /.service-details__box__content -->
  147. </div><!-- /.service-details__box -->
  148. </div><!-- /.col-md-6 col-sm-12 -->
  149. <div class="col-md-6 col-sm-12">
  150. <div class="service-details__box"><i class="service-details__box__icon icon-chip"></i>
  151. <div class="service-details__box__content">
  152. <h3 class="service-details__box__title"><a href="#">IT Specialist</a></h3>
  153. <p class="service-details__box__text">There are many of of lorem Ipsum,but the
  154. majori have suffered.</p><!-- /.service-details__box__text -->
  155. </div><!-- /.service-details__box__content -->
  156. </div><!-- /.service-details__box -->
  157. </div><!-- /.col-md-6 col-sm-12 -->
  158. </div><!-- /.row -->
  159. <div class="row gutter-y-30">
  160. <div class="col-md-6 col-sm-12"><img src="assets/picture/service-d-2.jpg"
  161. class="service-details__sub-image" alt=""></div><!-- /.col-md-6 -->
  162. <div class="col-md-6 col-sm-12">
  163. <div class="service-details__caption">
  164. <h3 class="service-details__caption__title">Our Benefits</h3>
  165. <!-- /.service-details__caption__title -->
  166. <p class="service-details__caption__text">Duis aute irure dolor in reprehenderit in
  167. voluptate velit esse cillum.</p><!-- /.service-details__caption__text -->
  168. <ul class="service-details__caption__list">
  169. <li><i class="fa fa-check-circle"></i>Praesent efficitur quam sit amet </li>
  170. <li><i class="fa fa-check-circle"></i>Nunc cursus dolor id purus euismod </li>
  171. <li><i class="fa fa-check-circle"></i>Quisque tincidunt eros ac place viverra
  172. </li>
  173. </ul><!-- /.service-details__caption__list -->
  174. </div><!-- /.service-details__caption -->
  175. </div><!-- /.col-md-6 col-sm-12 -->
  176. </div><!-- /.row -->
  177. <div class="row">
  178. <div class="col-md-12">
  179. <div class="accrodion-grp service-details__accrodion"
  180. data-grp-name="service-details__accrodion-1">
  181. <!--Start Faq One Single-->
  182. <div class="accrodion wow fadeInUp" data-wow-delay="0ms">
  183. <div class="accrodion-title">
  184. <h4>Nulla eu nisi pellentesque,ultrices lorem eget,mattis dolo <span
  185. class="accrodion-icon"></span></h4>
  186. </div>
  187. <div class="accrodion-content">
  188. <div class="inner">
  189. <p>There are many variations of passages the majority have suffered
  190. alteration in some fo injected humour,or randomised words
  191. believable. Phasellus a rhoncus erat. Vivamus vel eros vitae est
  192. aliquet pellentesque vitae.</p>
  193. </div>
  194. </div>
  195. </div><!-- End Faq One Single-->
  196. <!--Start Faq One Single-->
  197. <div class="accrodion active wow fadeInUp" data-wow-delay="0ms">
  198. <div class="accrodion-title">
  199. <h4>Praesent nec ante sed libero tempus rutrum<span
  200. class="accrodion-icon"></span></h4>
  201. </div>
  202. <div class="accrodion-content">
  203. <div class="inner">
  204. <p>There are many variations of passages the majority have suffered
  205. alteration in some fo injected humour,or randomised words
  206. believable. Phasellus a rhoncus erat. Vivamus vel eros vitae est
  207. aliquet pellentesque vitae.</p>
  208. </div>
  209. </div>
  210. </div><!-- End Faq One Single-->
  211. <!--Start Faq One Single-->
  212. <div class="accrodion wow fadeInUp" data-wow-delay="0ms">
  213. <div class="accrodion-title">
  214. <h4>Integer et mi in eros commodo bibendum<span
  215. class="accrodion-icon"></span></h4>
  216. </div>
  217. <div class="accrodion-content">
  218. <div class="inner">
  219. <p>There are many variations of passages the majority have suffered
  220. alteration in some fo injected humour,or randomised words
  221. believable. Phasellus a rhoncus erat. Vivamus vel eros vitae est
  222. aliquet pellentesque vitae.</p>
  223. </div>
  224. </div>
  225. </div><!-- End Faq One Single-->
  226. <!--Start Faq One Single-->
  227. <div class="accrodion wow fadeInUp" data-wow-delay="0ms">
  228. <div class="accrodion-title">
  229. <h4>Proin commodo turpis eu leo tempus varius<span
  230. class="accrodion-icon"></span></h4>
  231. </div>
  232. <div class="accrodion-content">
  233. <div class="inner">
  234. <p>There are many variations of passages the majority have suffered
  235. alteration in some fo injected humour,or randomised words
  236. believable. Phasellus a rhoncus erat. Vivamus vel eros vitae est
  237. aliquet pellentesque vitae.</p>
  238. </div>
  239. </div>
  240. </div><!-- End Faq One Single-->
  241. </div>
  242. </div><!-- /.col-md-12 -->
  243. </div><!-- /.row -->
  244. </div><!-- /.col-lg-8 -->
  245. <div class="col-lg-4 sidebar-column">
  246. <div class="sidebar">
  247. <div class="sidebar__item sidebar__item--category">
  248. <h3 class="sidebar__title">Categories</h3><!-- /.sidebar__title -->
  249. <ul class="sidebar__category">
  250. <li><a href="service-cyber-security.html">Cyber Security</a></li>
  251. <li><a href="">IT Management</a></li>
  252. <li><a href="service-qa-testing.html">QA & Testing</a></li>
  253. <li><a href="service-infrastructure-plan.html">Infrastructure Plan</a></li>
  254. <li><a href="service-it-consultent.html">IT Consultent</a></li>
  255. </ul><!-- /.sidebar__category -->
  256. </div><!-- /.sidebar__item -->
  257. <div class="sidebar__item sidebar__item--cta">
  258. <div class="sidebar__cta"
  259. style="background-image: url(assets/images/services/services-s-cta-1-1.jpg)"><i
  260. class="sidebar__cta__icon icon-phone-ringing"></i>
  261. <h3 class="sidebar__cta__title">Have Tech Problems Contact Now</h3>
  262. <!-- /.sidebar__cta__title -->
  263. <p class="sidebar__cta__text">Call Anytime <br><a href="">+1-(246) 333-0088</a></p>
  264. <!-- /.sidebar__cta__text -->
  265. </div><!-- /.sidebar__cta -->
  266. </div><!-- /.sidebar__item -->
  267. <div class="sidebar__item sidebar__item--btn"><a href="#"
  268. class="thm-btn sidebar__btn"><span>Download our flyers</span></a></div>
  269. <!-- /.sidebar__item -->
  270. </div><!-- /.sidebar -->
  271. </div><!-- /.col-lg-4 -->
  272. </div><!-- /.row -->
  273. </div><!-- /.container -->
  274. </section>
  275. <div class="footer-main section-padding--bottom section-padding--top">
  276. <div class="container">
  277. <div class="row gutter-y-30">
  278. <div class="col-lg-3 col-md-6 col-sm-12">
  279. <div class="footer-widget footer-widget--about"><a href="index.html"
  280. class="footer-widget__logo"><img src="assets/picture/logo-light.png" width="119"
  281. height="40" alt="Cretech"></a>
  282. <p class="footer-widget__text">We work with a passion of taking challenges and creating new
  283. ones in advertising sector.</p><!-- /.footer-widget__text -->
  284. <ul class="footer-widget__social">
  285. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  286. <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
  287. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  288. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  289. </ul><!-- /.footer-widget__social -->
  290. </div><!-- /.footer-widget -->
  291. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  292. <div class="col-lg-3 col-md-6 col-sm-12">
  293. <div class="footer-widget footer-widget--links">
  294. <h3 class="footer-widget__title">Services</h3><!-- /.footer-widget__title -->
  295. <ul class="footer-widget__links">
  296. <li><a href="service-cyber-security.html">Cyber Security</a></li>
  297. <li><a href="">IT Management</a></li>
  298. <li><a href="service-qa-testing.html">QA & Testing</a></li>
  299. <li><a href="service-infrastructure-plan.html">Infrastructure Plan</a></li>
  300. <li><a href="service-it-consultent.html">IT Consultent</a></li>
  301. </ul><!-- /.footer-widget__links -->
  302. </div><!-- /.footer-widget -->
  303. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  304. <div class="col-lg-3 col-md-6 col-sm-12">
  305. <div class="footer-widget footer-widget--newsletter">
  306. <h3 class="footer-widget__title">Subscribe</h3><!-- /.footer-widget__title -->
  307. <p class="footer-widget__text">Sign up to receive the latest articles</p>
  308. <!-- /.footer-widget__text -->
  309. <form action="#" class="footer-widget__newsletter mc-form"
  310. data-url="ADD_YOUR_MAILCHIMP_FORM_URL_HERE"><input type="email" name="EMAIL"
  311. placeholder="Enter Your Email"><button
  312. class="thm-btn footer-widget__newsletter__btn"><span>Register</span></button></form>
  313. <div class="mc-form__response"></div><!-- /.mc-form__response -->
  314. </div><!-- /.footer-widget -->
  315. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  316. <div class="col-lg-3 col-md-6 col-sm-12">
  317. <div class="footer-widget footer-widget--contact">
  318. <h3 class="footer-widget__title">Contact</h3><!-- /.footer-widget__title -->
  319. <ul class="footer-widget__contact">
  320. <li><i class="fa fa-phone"></i><a href="">+88(9800) 6802</a></li>
  321. <li><i class="fa fa-envelope"></i><a
  322. href="mailto:needhelp@company.com">needhelp@company.com</a></li>
  323. <li><i class="fa fa-map-marker-alt"></i>88 Broklyn Golden Road Street <br>New York. USA
  324. </li>
  325. </ul><!-- /.footer-widget__contact -->
  326. </div><!-- /.footer-widget -->
  327. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  328. </div><!-- /.row -->
  329. </div><!-- /.container -->
  330. </div><!-- /.footer-main -->
  331. <div class="footer-bottom">
  332. <div class="container">
  333. <p>&copy;All Copyright <span class="dynamic-year"></span>by <a href="javascript:;">bootstrapMB</a></p>
  334. </div><!-- /.container -->
  335. </div><!-- /.footer-bottom -->
  336. </div><!-- /.page-wrapper -->
  337. <div class="mobile-nav__wrapper">
  338. <div class="mobile-nav__overlay mobile-nav__toggler"></div><!-- /.mobile-nav__overlay -->
  339. <div class="mobile-nav__content"><a href="#"
  340. class="mobile-nav__close mobile-nav__toggler"><span></span><span></span></a>
  341. <div class="logo-box"><a href="index.html" aria-label="logo image"><img src="assets/picture/logo-light.png"
  342. width="98" height="33" alt="Cretech"></a></div><!-- /.logo-box -->
  343. <div class="mobile-nav__container"></div><!-- /.mobile-nav__container -->
  344. <ul class="mobile-nav__contact list-unstyled">
  345. <li><i class="fa fa-phone"></i><a href="">+88(9800) 6802</a></li>
  346. <li><i class="fa fa-envelope"></i><a href="mailto:needhelp@company.com">needhelp@company.com</a></li>
  347. <li><i class="fa fa-map-marker-alt"></i>88 Broklyn Golden Road Street <br>New York. USA </li>
  348. </ul><!-- /.mobile-nav__contact -->
  349. <ul class="mobile-nav__social">
  350. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  351. <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
  352. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  353. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  354. </ul><!-- /.mobile-nav__social -->
  355. </div><!-- /.mobile-nav__content -->
  356. </div><!-- /.mobile-nav__wrapper -->
  357. <div class="search-popup">
  358. <div class="search-popup__overlay search-toggler"></div><!-- /.search-popup__overlay -->
  359. <div class="search-popup__content">
  360. <form action="#"><label for="search" class="sr-only">search here</label><!-- /.sr-only --><input type="text"
  361. id="search" placeholder="Search Here..."><button type="submit" aria-label="search submit"
  362. class="thm-btn"><span><i class="icon-magnifying-glass"></i></span></button></form>
  363. </div><!-- /.search-popup__content -->
  364. </div><!-- /.search-popup --><a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i
  365. class="fa fa-angle-up"></i></a><!-- plugins js -->
  366. <script src="assets/js/jquery-3.6.0.min.js"></script>
  367. <script src="assets/js/bootstrap.bundle.min.js"></script>
  368. <script src="assets/js/jquery.validate.min.js"></script>
  369. <script src="assets/js/owl.carousel.min.js"></script>
  370. <script src="assets/js/wow.js"></script>
  371. <script src="assets/js/jarallax.min.js"></script>
  372. <script src="assets/js/jquery.ajaxchimp.min.js"></script><!-- template js -->
  373. <script src="assets/js/cretech.js"></script>
  374. </body>
  375. </html>