index.html 50 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967
  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>Home One || 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">
  21. <link rel="stylesheet" href="assets/css/youtube-popup.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=""><img src="assets/picture/logo-dark.png" width="98" height="33"
  50. alt="Cretech"></a></div><!-- /.main-menu__logo -->
  51. <ul class="main-menu__list">
  52. <li class="menu-item-has-children"><a href="">Home</a>
  53. <ul>
  54. <li><a href="">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="">Header Styles</a>
  58. <ul>
  59. <li><a href="">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="service-it-management.html">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="slider-one">
  107. <div class="slider-one__carousel owl-carousel owl-theme thm-owl__carousel"
  108. data-owl-options='{"loop": true, "items": 1, "navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"], "margin": 0, "dots": true, "nav": true, "animateOut": "slideOutDown", "animateIn": "fadeIn", "active": true, "smartSpeed": 1000, "autoplay": true, "autoplayTimeout": 7000, "autoplayHoverPause": false}'>
  109. <div class="item slider-one__slide-1">
  110. <div class="slider-one__bg" style="background-image: url(assets/picture/slider-1-1.jpg);"></div>
  111. <!-- /.slider-one__bg -->
  112. <div class="slider-one__line"></div><!-- /.slider-one__line -->
  113. <div class="slider-one__shape-1"></div><!-- /.slider-one__shape-1 -->
  114. <div class="slider-one__shape-2"></div><!-- /.slider-one__shape-2 -->
  115. <div class="slider-one__shape-3"></div><!-- /.slider-one__shape-3 -->
  116. <div class="container">
  117. <div class="slider-one__content ">
  118. <div class="slider-one__floated lettering-text">technology</div>
  119. <!-- /.slider-one__floated -->
  120. <p class="slider-one__text">Welcome to best IT Solutions</p><!-- /.slider-one__text -->
  121. <div class="slider-one__title-wrapper">
  122. <h2 class="slider-one__title">Provide IT Solutions <br>and Services</h2>
  123. <!-- /.slider-one__title -->
  124. </div><!-- /.slider-one__title-wrapper -->
  125. <div class="slider-one__btns"><a href="about.html"
  126. class="thm-btn slider-one__btn"><span>Learn More</span></a>
  127. <!-- /.thm-btn slider-one__btn -->
  128. </div><!-- /.slider-one__btns -->
  129. </div><!-- /.slider-one__content -->
  130. </div><!-- /.container -->
  131. </div><!-- /.item -->
  132. <div class="item slider-one__slide-2">
  133. <div class="slider-one__bg" style="background-image: url(assets/picture/slider-1-2.jpg);"></div>
  134. <!-- /.slider-one__bg -->
  135. <div class="slider-one__line"></div><!-- /.slider-one__line -->
  136. <div class="slider-one__shape-1"></div><!-- /.slider-one__shape-1 -->
  137. <div class="slider-one__shape-2"></div><!-- /.slider-one__shape-2 -->
  138. <div class="slider-one__shape-3"></div><!-- /.slider-one__shape-3 -->
  139. <div class="container">
  140. <div class="slider-one__content ">
  141. <div class="slider-one__floated lettering-text">technology</div>
  142. <!-- /.slider-one__floated -->
  143. <p class="slider-one__text">Welcome to best IT Solutions</p><!-- /.slider-one__text -->
  144. <div class="slider-one__title-wrapper">
  145. <h2 class="slider-one__title">Provide IT Solutions <br>and Services</h2>
  146. <!-- /.slider-one__title -->
  147. </div><!-- /.slider-one__title-wrapper -->
  148. <div class="slider-one__btns"><a href="about.html"
  149. class="thm-btn slider-one__btn"><span>Learn More</span></a>
  150. <!-- /.thm-btn slider-one__btn -->
  151. </div><!-- /.slider-one__btns -->
  152. </div><!-- /.slider-one__content -->
  153. </div><!-- /.container -->
  154. </div><!-- /.item -->
  155. </div><!-- /.slider-one__carousel -->
  156. </div><!-- /.slider-one -->
  157. <section class="section-padding--bottom section-padding--top about-five">
  158. <div class="container">
  159. <div class="row gutter-y-60">
  160. <div class="col-lg-6">
  161. <div class="about-five__images">
  162. <div class="about-five__images__shape"></div><!-- /.about-five__images__shape --><img
  163. src="assets/picture/about-five-1-1.jpg" class="wow fadeInUp" data-wow-duration="1500ms"
  164. alt=""><img src="assets/picture/about-five-1-2.jpg" alt="">
  165. <div class="about-five__video"><a href="javascript:;" class="video-popup"><i
  166. class="fa fa-play"></i></a></div><!-- /.about-five__video -->
  167. <div class="about-five__images__caption count-box wow fadeInUp" data-wow-duration="1500ms">
  168. <span class="count-text" data-stop="25" data-speed="2500">00</span>Years <br>Experience
  169. </div><!-- /.about-five__images__caption -->
  170. </div><!-- /.about-five__images -->
  171. </div><!-- /.col-lg-6 -->
  172. <div class="col-lg-6">
  173. <div class="about-five__content">
  174. <div class="section-title ">
  175. <p class="section-title__text">About Company</p><!-- /.section-title__text -->
  176. <h2 class="section-title__title">The World’s Networking Company</h2>
  177. <!-- /.section-title__title -->
  178. </div><!-- /.section-title -->
  179. <div class="about-five__text">Since from 2000 Building Your Better IT Solution The
  180. definition of business is an occupation or trade & the purchase and sale of products Our
  181. Mission & Vision Voice and Data System are crucial to the success</div>
  182. <!-- /.about-five__text -->
  183. <div class="about-five__text">System is a term used to refer to an organized collection
  184. symbols and processes that may be used to operate on such symbols.</div>
  185. <!-- /.about-five__text -->
  186. <ul class="about-five__box">
  187. <li class="about-five__box__item gray-bg"><i
  188. class="about-five__box__icon icon-consulting"></i>
  189. <div class="about-five__box__content">
  190. <h3 class="about-five__box__title"><a href="service-it-consultent.html">IT
  191. Consultant</a></h3>
  192. <p class="about-five__box__text">Smarter Solutions</p>
  193. <!-- /.about-five__box__text -->
  194. </div><!-- /.about-five__box__content -->
  195. </li>
  196. <li class="about-five__box__item gray-bg"><i
  197. class="about-five__box__icon icon-chip"></i>
  198. <div class="about-five__box__content">
  199. <h3 class="about-five__box__title"><a href="team.html">IT Specialist</a></h3>
  200. <p class="about-five__box__text">Faster Solutions</p>
  201. <!-- /.about-five__box__text -->
  202. </div><!-- /.about-five__box__content -->
  203. </li>
  204. </ul><!-- /.about-five__box -->
  205. <div class="about-four__meta">
  206. <div class="about-four__author"><img src="assets/picture/about-four-author-1.jpg"
  207. alt="">
  208. <div class="about-four__author__content">
  209. <h3 class="about-four__author__title">Michele Morrone</h3>
  210. <!-- /.about-four__author__title -->
  211. <div class="about-four__author__designation">Founder CEO</div>
  212. <!-- /.about-four__author__designation -->
  213. </div><!-- /.about-four__author__content -->
  214. </div><!-- /.about-four__author --><a href="services-1.html"
  215. class="thm-btn about-four__btn"><span>Learn More</span></a>
  216. <!-- /.thm-btn about-four__btn -->
  217. </div><!-- /.about-four__meta -->
  218. </div><!-- /.about-five__content -->
  219. </div><!-- /.col-lg-6 -->
  220. </div><!-- /.row -->
  221. </div><!-- /.container -->
  222. </section>
  223. <section
  224. class=" section-padding--top service-four gray-bg section-padding-xl--bottom section-has-bottom-margin background-repeat-no background-position-top-right"
  225. style="background-image: url(assets/picture/service-four-bg-1-1.png);">
  226. <div class="container">
  227. <div class="section-title text-center">
  228. <p class="section-title__text">Popular Services</p><!-- /.section-title__text -->
  229. <h2 class="section-title__title">We Provide Our Client Best <br>IT Solution Services</h2>
  230. <!-- /.section-title__title -->
  231. </div><!-- /.section-title -->
  232. <div class="owl-carousel thm-owl__carousel thm-owl__carousel--with-shadow service-four__carousel"
  233. data-owl-options='{"loop": false,
  234. "autoplay": false,
  235. "nav": false,
  236. "navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
  237. "dots": false,
  238. "margin": 0,
  239. "items": 1,
  240. "smartSpeed": 700,
  241. "responsive": {
  242. "0": {
  243. "margin": 0,
  244. "items": 1
  245. },
  246. "576": {
  247. "margin": 30,
  248. "items": 2
  249. },
  250. "768": {
  251. "margin": 30,
  252. "items": 3
  253. },
  254. "992": {
  255. "margin": 30,
  256. "items": 4
  257. },
  258. "1200": {
  259. "margin": 30,
  260. "items": 5
  261. }
  262. }}'>
  263. <div class="item">
  264. <div class="service-card-three">
  265. <div class="service-card-three__icon"><i class="icon-new-product"></i></div>
  266. <!-- /.service-card-three__icon -->
  267. <div class="service-card-three__content">
  268. <h3 class="service-card-three__title"><a href="service-infrastructure-plan.html">Product
  269. <br>Development</a></h3><!-- /.service-card-three__title -->
  270. <div class="service-card-three__text">Providing the solutions for non-IT businesses.
  271. </div><!-- /.service-card-three__text -->
  272. </div><!-- /.service-card-three__content -->
  273. </div><!-- /.service-card-three -->
  274. </div><!-- /.item -->
  275. <div class="item">
  276. <div class="service-card-three">
  277. <div class="service-card-three__icon"><i class="icon-new-product"></i></div>
  278. <!-- /.service-card-three__icon -->
  279. <div class="service-card-three__content">
  280. <h3 class="service-card-three__title"><a href="service-infrastructure-plan.html">Digital
  281. <br>Marketing</a></h3><!-- /.service-card-three__title -->
  282. <div class="service-card-three__text">Providing the solutions for non-IT businesses.
  283. </div><!-- /.service-card-three__text -->
  284. </div><!-- /.service-card-three__content -->
  285. </div><!-- /.service-card-three -->
  286. </div><!-- /.item -->
  287. <div class="item">
  288. <div class="service-card-three">
  289. <div class="service-card-three__icon"><i class="icon-protection"></i></div>
  290. <!-- /.service-card-three__icon -->
  291. <div class="service-card-three__content">
  292. <h3 class="service-card-three__title"><a
  293. href="service-infrastructure-plan.html">Security <br>System</a></h3>
  294. <!-- /.service-card-three__title -->
  295. <div class="service-card-three__text">Providing the solutions for non-IT businesses.
  296. </div><!-- /.service-card-three__text -->
  297. </div><!-- /.service-card-three__content -->
  298. </div><!-- /.service-card-three -->
  299. </div><!-- /.item -->
  300. <div class="item">
  301. <div class="service-card-three">
  302. <div class="service-card-three__icon"><i class="icon-web-development"></i></div>
  303. <!-- /.service-card-three__icon -->
  304. <div class="service-card-three__content">
  305. <h3 class="service-card-three__title"><a href="service-infrastructure-plan.html">UI/UX
  306. <br>Designing</a></h3><!-- /.service-card-three__title -->
  307. <div class="service-card-three__text">Providing the solutions for non-IT businesses.
  308. </div><!-- /.service-card-three__text -->
  309. </div><!-- /.service-card-three__content -->
  310. </div><!-- /.service-card-three -->
  311. </div><!-- /.item -->
  312. <div class="item">
  313. <div class="service-card-three">
  314. <div class="service-card-three__icon"><i class="icon-analysis"></i></div>
  315. <!-- /.service-card-three__icon -->
  316. <div class="service-card-three__content">
  317. <h3 class="service-card-three__title"><a href="service-infrastructure-plan.html">Data
  318. <br>Analysis</a></h3><!-- /.service-card-three__title -->
  319. <div class="service-card-three__text">Providing the solutions for non-IT businesses.
  320. </div><!-- /.service-card-three__text -->
  321. </div><!-- /.service-card-three__content -->
  322. </div><!-- /.service-card-three -->
  323. </div><!-- /.item -->
  324. </div><!-- /.owl-carousel -->
  325. </div><!-- /.container -->
  326. </section>
  327. <section class="funfact-one">
  328. <div class="container">
  329. <div class="funfact-one__inner wow fadeInUp background-size-cover" data-wow-duration="1500ms"
  330. style="background-image: url(assets/picture/funfact-one-bg.png);">
  331. <ul class="funfact-one__list">
  332. <li class="funfact-one__list__item">
  333. <h3 class="funfact-one__list__title count-box"><span data-stop="255" data-speed="2500"
  334. class="count-text">00</span></h3><!-- /.funfact-one__list__title -->
  335. <p class="funfact-one__list__text">Business Interogation</p>
  336. <!-- /.funfact-one__list__text -->
  337. </li>
  338. <li class="funfact-one__list__item">
  339. <h3 class="funfact-one__list__title count-box"><span data-stop="325" data-speed="2500"
  340. class="count-text">00</span></h3><!-- /.funfact-one__list__title -->
  341. <p class="funfact-one__list__text">Strategies Planned</p><!-- /.funfact-one__list__text -->
  342. </li>
  343. <li class="funfact-one__list__item">
  344. <h3 class="funfact-one__list__title count-box"><span data-stop="569" data-speed="2500"
  345. class="count-text">00</span></h3><!-- /.funfact-one__list__title -->
  346. <p class="funfact-one__list__text">Projects Relased</p><!-- /.funfact-one__list__text -->
  347. </li>
  348. <li class="funfact-one__list__item">
  349. <h3 class="funfact-one__list__title count-box"><span data-stop="769" data-speed="2500"
  350. class="count-text">00</span></h3><!-- /.funfact-one__list__title -->
  351. <p class="funfact-one__list__text">Satisfied Clients </p><!-- /.funfact-one__list__text -->
  352. </li>
  353. </ul><!-- /.funfact-one__list -->
  354. </div><!-- /.funfact-one__inner -->
  355. </div><!-- /.container -->
  356. </section>
  357. <section class="section-padding--bottom section-padding--top project-one">
  358. <div class="container">
  359. <div class="project-one__top">
  360. <div class="row">
  361. <div class="col-lg-7">
  362. <div class="section-title ">
  363. <p class="section-title__text">Latest Project</p><!-- /.section-title__text -->
  364. <h2 class="section-title__title">Check We Have Solution <br>Done IT Project</h2>
  365. <!-- /.section-title__title -->
  366. </div><!-- /.section-title -->
  367. </div><!-- /.col-lg-7 -->
  368. <div class="col-lg-5">
  369. <div class="project-one__top__content">
  370. <p class="project-one__top__text">Pellentesque Viverra Eget Velit A Tincidunt. Sed
  371. Mattis Enim Nisl,Sit Amet Malesuada Sapien Pulvinar Ut.</p>
  372. <div class="project-one__top__btns"><a href="projects.html"
  373. class="thm-btn project-one__top__btn"><span>View All Projects</span></a>
  374. <!-- /.thm-btn project-one__top__btn -->
  375. </div><!-- /.project-one__top__btns -->
  376. </div><!-- /.project-one__top__content -->
  377. </div><!-- /.col-lg-5 -->
  378. </div><!-- /.row -->
  379. </div><!-- /.project-one__top -->
  380. <div class="owl-carousel thm-owl__carousel project-one__carousel thm-owl__carousel--with-shadow"
  381. data-owl-options='{"loop": true,
  382. "autoplay": true,
  383. "autoplayTimeout": 5000,
  384. "autoplayHoverPause": true,
  385. "nav": true,
  386. "navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
  387. "dots": false,
  388. "margin": 0,
  389. "items": 1,
  390. "smartSpeed": 700,
  391. "responsive": {
  392. "0": {
  393. "margin": 0,
  394. "items": 1
  395. },
  396. "768": {
  397. "margin": 30,
  398. "items": 2
  399. },
  400. "992": {
  401. "margin": 30,
  402. "items": 3
  403. }
  404. }}'>
  405. <div class="item">
  406. <div class="project-card-one">
  407. <div class="project-card-one__image"><img src="assets/picture/project-1-1.jpg" alt=""></div>
  408. <!-- /.project-card-one__image -->
  409. <div class="project-card-one__content">
  410. <div class="project-card-one__content__inner">
  411. <p class="project-card-one__text">IT Technology Solution</p>
  412. <h3 class="project-card-one__title"><a href="project-details.html">Data Recovery
  413. Analysis</a></h3><!-- /.project-card-one__title --><a
  414. href="project-details.html" class="project-card-one__more"><i
  415. class="fa fa-angle-right"></i></a><!-- /.project-card-one__more -->
  416. </div><!-- /.project-card-one__content__inner -->
  417. </div><!-- /.project-card-one__content -->
  418. </div><!-- /.project-card-one -->
  419. </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
  420. <div class="item">
  421. <div class="project-card-one">
  422. <div class="project-card-one__image"><img src="assets/picture/project-1-2.jpg" alt=""></div>
  423. <!-- /.project-card-one__image -->
  424. <div class="project-card-one__content">
  425. <div class="project-card-one__content__inner">
  426. <p class="project-card-one__text">IT Technology Solution</p>
  427. <h3 class="project-card-one__title"><a href="project-details.html">Data Recovery
  428. Analysis</a></h3><!-- /.project-card-one__title --><a
  429. href="project-details.html" class="project-card-one__more"><i
  430. class="fa fa-angle-right"></i></a><!-- /.project-card-one__more -->
  431. </div><!-- /.project-card-one__content__inner -->
  432. </div><!-- /.project-card-one__content -->
  433. </div><!-- /.project-card-one -->
  434. </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
  435. <div class="item">
  436. <div class="project-card-one">
  437. <div class="project-card-one__image"><img src="assets/picture/project-1-3.jpg" alt=""></div>
  438. <!-- /.project-card-one__image -->
  439. <div class="project-card-one__content">
  440. <div class="project-card-one__content__inner">
  441. <p class="project-card-one__text">IT Technology Solution</p>
  442. <h3 class="project-card-one__title"><a href="project-details.html">Data Recovery
  443. Analysis</a></h3><!-- /.project-card-one__title --><a
  444. href="project-details.html" class="project-card-one__more"><i
  445. class="fa fa-angle-right"></i></a><!-- /.project-card-one__more -->
  446. </div><!-- /.project-card-one__content__inner -->
  447. </div><!-- /.project-card-one__content -->
  448. </div><!-- /.project-card-one -->
  449. </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
  450. <div class="item">
  451. <div class="project-card-one">
  452. <div class="project-card-one__image"><img src="assets/picture/project-1-4.jpg" alt=""></div>
  453. <!-- /.project-card-one__image -->
  454. <div class="project-card-one__content">
  455. <div class="project-card-one__content__inner">
  456. <p class="project-card-one__text">IT Technology Solution</p>
  457. <h3 class="project-card-one__title"><a href="project-details.html">Data Recovery
  458. Analysis</a></h3><!-- /.project-card-one__title --><a
  459. href="project-details.html" class="project-card-one__more"><i
  460. class="fa fa-angle-right"></i></a><!-- /.project-card-one__more -->
  461. </div><!-- /.project-card-one__content__inner -->
  462. </div><!-- /.project-card-one__content -->
  463. </div><!-- /.project-card-one -->
  464. </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
  465. <div class="item">
  466. <div class="project-card-one">
  467. <div class="project-card-one__image"><img src="assets/picture/project-1-5.jpg" alt=""></div>
  468. <!-- /.project-card-one__image -->
  469. <div class="project-card-one__content">
  470. <div class="project-card-one__content__inner">
  471. <p class="project-card-one__text">IT Technology Solution</p>
  472. <h3 class="project-card-one__title"><a href="project-details.html">Data Recovery
  473. Analysis</a></h3><!-- /.project-card-one__title --><a
  474. href="project-details.html" class="project-card-one__more"><i
  475. class="fa fa-angle-right"></i></a><!-- /.project-card-one__more -->
  476. </div><!-- /.project-card-one__content__inner -->
  477. </div><!-- /.project-card-one__content -->
  478. </div><!-- /.project-card-one -->
  479. </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
  480. <div class="item">
  481. <div class="project-card-one">
  482. <div class="project-card-one__image"><img src="assets/picture/project-1-6.jpg" alt=""></div>
  483. <!-- /.project-card-one__image -->
  484. <div class="project-card-one__content">
  485. <div class="project-card-one__content__inner">
  486. <p class="project-card-one__text">IT Technology Solution</p>
  487. <h3 class="project-card-one__title"><a href="project-details.html">Data Recovery
  488. Analysis</a></h3><!-- /.project-card-one__title --><a
  489. href="project-details.html" class="project-card-one__more"><i
  490. class="fa fa-angle-right"></i></a><!-- /.project-card-one__more -->
  491. </div><!-- /.project-card-one__content__inner -->
  492. </div><!-- /.project-card-one__content -->
  493. </div><!-- /.project-card-one -->
  494. </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
  495. </div><!-- /.owl-carousel -->
  496. </div><!-- /.container -->
  497. </section>
  498. <section class="black-bg section-padding-lg--top section-padding-lg--bottom cta-two">
  499. <div class="cta-two__bg jarallax" data-jarallax="" data-speed="0.2" data-imgposition="50% 0%"
  500. style="background-image: url(assets/picture/cta-two-bg-1-1.jpg);"></div>
  501. <div class="container">
  502. <div class="cta-two__inner">
  503. <h3 class="cta-two__title">Better IT Solutions And Services At Your <span>Fingertips</span></h3>
  504. <!-- /.cta-two__title --><a href="contact.html" class="thm-btn cta-two__btn"><span>LEarn
  505. More</span></a><!-- /.thm-btn cta-two__btn -->
  506. </div><!-- /.cta-two__inner -->
  507. </div><!-- /.container -->
  508. </section>
  509. <section
  510. class="section-padding--bottom section-padding--top testimonials-two background-repeat-no background-position-top-center"
  511. style="background-image: url(assets/picture/testi-bg-1-1.png);">
  512. <div class="container">
  513. <div class="row gutter-y-60">
  514. <div class="col-lg-5">
  515. <div class="testimonials-two__content">
  516. <div class="section-title ">
  517. <p class="section-title__text">Our clients</p><!-- /.section-title__text -->
  518. <h2 class="section-title__title">We Are Trusted Worldwide Peoples</h2>
  519. <!-- /.section-title__title -->
  520. </div><!-- /.section-title -->
  521. <div class="testimonials-two__content__text">Sed ut perspiciatis unde omnis natus error sit
  522. voluptatem accusa ntium doloremque laudantium totam rem aperiamea queipsa quae abillo
  523. inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</div>
  524. <!-- /.testimonials-two__content__text -->
  525. <div class="testimonials-two__content__text">Pellentesque gravida lectus vitae nisi
  526. luctus,Finibus aliquet ligula ultrices.</div>
  527. <!-- /.testimonials-two__content__text --><a href="about.html"
  528. class="thm-btn testimonials-two__content__btn"><span>View All feedbacks</span></a>
  529. <!-- /.thm-btn testimonials-two__content__btn -->
  530. </div><!-- /.testimonials-two__content -->
  531. </div><!-- /.col-lg-5 -->
  532. <div class="col-lg-7">
  533. <div class="testimonials-two__items">
  534. <div class="row gutter-y-30">
  535. <div class="col-lg-12">
  536. <div class="testimonials-one-card">
  537. <div class="testimonials-one-card__image"><img
  538. src="assets/picture/testi-1-1.jpg" alt=""></div>
  539. <!-- /.testimonials-one-card__image -->
  540. <div class="testimonials-one-card__content">
  541. <div class="testimonials-one-card__text">On the other hand denounc with
  542. ghteo indignation and dislike men who so beguiled and demoralized the
  543. charms of pleasure the momen blinded by desire cannot foresee the pain
  544. and trouble.</div><!-- /.testimonials-one-card__text -->
  545. <h3 class="testimonials-one-card__title">Michal Rahul</h3>
  546. <!-- /.testimonials-one-card__title -->
  547. <p class="testimonials-one-card__designation">Ul - UX Designer</p>
  548. <!-- /.testimonials-one-card__designation --><i
  549. class="icon-right-quote testimonials-one-card__icon"></i>
  550. </div><!-- /.testimonials-one-card__content -->
  551. </div><!-- /.testimonials-one-card -->
  552. </div><!-- /.col-lg-6 -->
  553. <div class="col-lg-12">
  554. <div class="testimonials-one-card">
  555. <div class="testimonials-one-card__image"><img
  556. src="assets/picture/testi-1-2.jpg" alt=""></div>
  557. <!-- /.testimonials-one-card__image -->
  558. <div class="testimonials-one-card__content">
  559. <div class="testimonials-one-card__text">On the other hand denounc with
  560. ghteo indignation and dislike men who so beguiled and demoralized the
  561. charms of pleasure the momen blinded by desire cannot foresee the pain
  562. and trouble.</div><!-- /.testimonials-one-card__text -->
  563. <h3 class="testimonials-one-card__title">Jessica Brown</h3>
  564. <!-- /.testimonials-one-card__title -->
  565. <p class="testimonials-one-card__designation">Ul - UX Designer</p>
  566. <!-- /.testimonials-one-card__designation --><i
  567. class="icon-right-quote testimonials-one-card__icon"></i>
  568. </div><!-- /.testimonials-one-card__content -->
  569. </div><!-- /.testimonials-one-card -->
  570. </div><!-- /.col-lg-6 -->
  571. </div><!-- /.row -->
  572. </div><!-- /.testimonials-two__items -->
  573. </div><!-- /.col-lg-7 -->
  574. </div><!-- /.row -->
  575. </div><!-- /.container -->
  576. </section>
  577. <div class="client-carousel client-carousel--two">
  578. <div class="container">
  579. <div class="owl-carousel thm-owl__carousel" data-owl-options='{"loop": true,
  580. "autoplay": true,
  581. "autoplayTimeout": 5000,
  582. "autoplayHoverPause": true,
  583. "nav": true,
  584. "navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
  585. "dots": false,
  586. "margin": 30,
  587. "items": 2,
  588. "smartSpeed": 700,
  589. "responsive": {
  590. "0": {
  591. "margin": 30,
  592. "items": 2
  593. },
  594. "375": {
  595. "margin": 30,
  596. "items": 2
  597. },
  598. "575": {
  599. "margin": 30,
  600. "items": 3
  601. },
  602. "767": {
  603. "margin": 50,
  604. "items": 4
  605. },
  606. "991": {
  607. "margin": 40,
  608. "items": 5
  609. },
  610. "1199": {
  611. "margin": 80,
  612. "items": 5
  613. }
  614. }}'>
  615. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  616. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  617. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  618. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  619. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  620. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  621. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  622. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  623. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  624. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  625. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  626. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  627. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  628. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  629. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  630. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  631. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  632. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  633. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  634. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  635. </div><!-- /.thm-owl__carousel -->
  636. </div><!-- /.container -->
  637. </div><!-- /.client-carousel -->
  638. <section class="section-padding--bottom section-padding--top gray-bg background-size-cover"
  639. style="background-image: url(assets/picture/team-home-bg-1-1.jpg);">
  640. <div class="container">
  641. <div class="section-title text-center">
  642. <p class="section-title__text">Our Team members</p><!-- /.section-title__text -->
  643. <h2 class="section-title__title">Our Expert Person to Provide <br>IT Solution Services</h2>
  644. <!-- /.section-title__title -->
  645. </div><!-- /.section-title -->
  646. <div class="row gutter-y-30">
  647. <div class="col-lg-3 col-md-6 col-sm-12">
  648. <div class="team-card-one wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="000ms">
  649. <div class="team-card-one__image"><img src="assets/picture/team-2-1.jpg" alt="">
  650. <div class="team-card-one__social">
  651. <ul class="team-card-one__social__links">
  652. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  653. <li><a href="#"><i class="fab fa-facebook"></i></a></li>
  654. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  655. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  656. </ul><!-- /.team-card-one__social__links -->
  657. <div class="team-card-one__social__icon"><i class="fa fa-share-alt"></i></div>
  658. <!-- /.team-card-one__social__icon -->
  659. </div><!-- /.team-card-one__social -->
  660. </div><!-- /.team-card-one__image -->
  661. <div class="team-card-one__content">
  662. <h3 class="team-card-one__title"><a href="#">Michelle Monaghan</a></h3>
  663. <!-- /.team-card-one__title -->
  664. <p class="team-card-one__designation">Designer</p><!-- /.team-card-one__designation -->
  665. </div><!-- /.team-card-one__content -->
  666. </div><!-- /.team-card-one -->
  667. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  668. <div class="col-lg-3 col-md-6 col-sm-12">
  669. <div class="team-card-one wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
  670. <div class="team-card-one__image"><img src="assets/picture/team-2-2.jpg" alt="">
  671. <div class="team-card-one__social">
  672. <ul class="team-card-one__social__links">
  673. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  674. <li><a href="#"><i class="fab fa-facebook"></i></a></li>
  675. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  676. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  677. </ul><!-- /.team-card-one__social__links -->
  678. <div class="team-card-one__social__icon"><i class="fa fa-share-alt"></i></div>
  679. <!-- /.team-card-one__social__icon -->
  680. </div><!-- /.team-card-one__social -->
  681. </div><!-- /.team-card-one__image -->
  682. <div class="team-card-one__content">
  683. <h3 class="team-card-one__title"><a href="#">Jessica Brown</a></h3>
  684. <!-- /.team-card-one__title -->
  685. <p class="team-card-one__designation">Manager</p><!-- /.team-card-one__designation -->
  686. </div><!-- /.team-card-one__content -->
  687. </div><!-- /.team-card-one -->
  688. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  689. <div class="col-lg-3 col-md-6 col-sm-12">
  690. <div class="team-card-one wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
  691. <div class="team-card-one__image"><img src="assets/picture/team-2-3.jpg" alt="">
  692. <div class="team-card-one__social">
  693. <ul class="team-card-one__social__links">
  694. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  695. <li><a href="#"><i class="fab fa-facebook"></i></a></li>
  696. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  697. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  698. </ul><!-- /.team-card-one__social__links -->
  699. <div class="team-card-one__social__icon"><i class="fa fa-share-alt"></i></div>
  700. <!-- /.team-card-one__social__icon -->
  701. </div><!-- /.team-card-one__social -->
  702. </div><!-- /.team-card-one__image -->
  703. <div class="team-card-one__content">
  704. <h3 class="team-card-one__title"><a href="#">Kevin Martin</a></h3>
  705. <!-- /.team-card-one__title -->
  706. <p class="team-card-one__designation">Developer</p><!-- /.team-card-one__designation -->
  707. </div><!-- /.team-card-one__content -->
  708. </div><!-- /.team-card-one -->
  709. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  710. <div class="col-lg-3 col-md-6 col-sm-12">
  711. <div class="team-card-one wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="300ms">
  712. <div class="team-card-one__image"><img src="assets/picture/team-2-4.jpg" alt="">
  713. <div class="team-card-one__social">
  714. <ul class="team-card-one__social__links">
  715. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  716. <li><a href="#"><i class="fab fa-facebook"></i></a></li>
  717. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  718. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  719. </ul><!-- /.team-card-one__social__links -->
  720. <div class="team-card-one__social__icon"><i class="fa fa-share-alt"></i></div>
  721. <!-- /.team-card-one__social__icon -->
  722. </div><!-- /.team-card-one__social -->
  723. </div><!-- /.team-card-one__image -->
  724. <div class="team-card-one__content">
  725. <h3 class="team-card-one__title"><a href="#">Sarah Albert</a></h3>
  726. <!-- /.team-card-one__title -->
  727. <p class="team-card-one__designation">Director</p><!-- /.team-card-one__designation -->
  728. </div><!-- /.team-card-one__content -->
  729. </div><!-- /.team-card-one -->
  730. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  731. </div><!-- /.row -->
  732. </div><!-- /.container -->
  733. </section>
  734. <section class=" section-padding--top about-three about-three--home-one">
  735. <div class="about-three__shape wow fadeInRight" data-wow-duration="1500ms"
  736. style="background-image: url(assets/picture/about-three-s-1.png);"></div><!-- /.about-three__shape -->
  737. <div class="container">
  738. <div class="row gutter-y-60">
  739. <div class="col-lg-6">
  740. <div class="about-three__image"><img src="assets/picture/about-three-1-1.png"
  741. class="wow fadeInUp" data-wow-duration="1500ms" alt=""></div>
  742. <!-- /.about-three__image -->
  743. </div><!-- /.col-lg-6 -->
  744. <div class="col-lg-6">
  745. <div class="about-three__content">
  746. <div class="section-title ">
  747. <p class="section-title__text">Company Benefits</p><!-- /.section-title__text -->
  748. <h2 class="section-title__title">Why You Should Choose Our Services</h2>
  749. <!-- /.section-title__title -->
  750. </div><!-- /.section-title -->
  751. <div class="about-three__text">Choose Infetech to have custom software solutions for your
  752. business with the most reasonable price.</div><!-- /.about-three__text -->
  753. <ul class="about-three__list">
  754. <li class="about-three__list__item">
  755. <div class="about-three__list__icon"><i class="icon-cloud"></i></div>
  756. <!-- /.about-three__list__icon -->
  757. <div class="about-three__list__content">
  758. <h3 class="about-three__list__title"><a href="service-cyber-security.html">Cloud
  759. Based Services</a></h3><!-- /.about-three__list__title -->
  760. <p class="about-three__list__text">Services address a range of simply free text
  761. application and infrastructure needs.</p><!-- /.about-three__list__text -->
  762. </div><!-- /.about-three__list__content -->
  763. </li>
  764. <li class="about-three__list__item">
  765. <div class="about-three__list__icon"><i class="icon-group"></i></div>
  766. <!-- /.about-three__list__icon -->
  767. <div class="about-three__list__content">
  768. <h3 class="about-three__list__title"><a href="team.html">Expert Team Members</a>
  769. </h3><!-- /.about-three__list__title -->
  770. <p class="about-three__list__text">Services address a range of simply free text
  771. application and infrastructure needs.</p><!-- /.about-three__list__text -->
  772. </div><!-- /.about-three__list__content -->
  773. </li>
  774. </ul><!-- /.about-three__list -->
  775. </div><!-- /.about-three__content -->
  776. </div><!-- /.col-lg-6 -->
  777. </div><!-- /.row -->
  778. </div><!-- /.container -->
  779. </section>
  780. <section class="section-padding--top section-padding--bottom">
  781. <div class="container">
  782. <div class="section-title text-center">
  783. <p class="section-title__text">Direct from the Blog Posts</p><!-- /.section-title__text -->
  784. <h2 class="section-title__title">Checkout Our Latest <br>News & Articles</h2>
  785. <!-- /.section-title__title -->
  786. </div><!-- /.section-title -->
  787. <div class="row gutter-y-30">
  788. <div class="col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-duration="1500ms"
  789. data-wow-delay="000ms">
  790. <div class="blog-card-one">
  791. <div class="blog-card-one__image"><img src="assets/picture/blog-1-1.jpg" alt=""><a
  792. href="blog-details.html"></a></div><!-- /.blog-card-one__image -->
  793. <div class="blog-card-one__content">
  794. <div class="blog-card-one__meta">
  795. <div class="blog-card-one__date"><i class="fa fa-calendar-alt"
  796. aria-hidden="true"></i>July,25,2022 </div><!-- /.blog-card-one__date --><a
  797. href="blog.html" class="blog-card-one__category">Designer</a>
  798. <!-- /.blog-card-one__category -->
  799. </div><!-- /.blog-card-one__meta -->
  800. <h3 class="blog-card-one__title"><a href="blog-details.html">Web design done Delightful
  801. Visualization Examples</a></h3><a href="blog-details.html"
  802. class="blog-card-one__more">Read More <i class="fa fa-arrow-right"></i></a>
  803. <!-- /.blog-card-one__more -->
  804. </div><!-- /.blog-card-one__content -->
  805. </div><!-- /.blog-card-one -->
  806. </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
  807. <div class="col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-duration="1500ms"
  808. data-wow-delay="100ms">
  809. <div class="blog-card-one">
  810. <div class="blog-card-one__image"><img src="assets/picture/blog-1-2.jpg" alt=""><a
  811. href="blog-details.html"></a></div><!-- /.blog-card-one__image -->
  812. <div class="blog-card-one__content">
  813. <div class="blog-card-one__meta">
  814. <div class="blog-card-one__date"><i class="fa fa-calendar-alt"
  815. aria-hidden="true"></i>July,25,2022 </div><!-- /.blog-card-one__date --><a
  816. href="blog.html" class="blog-card-one__category">Graphic</a>
  817. <!-- /.blog-card-one__category -->
  818. </div><!-- /.blog-card-one__meta -->
  819. <h3 class="blog-card-one__title"><a href="blog-details.html">Technology Support Allows
  820. Erie non-profit to Serve</a></h3><a href="blog-details.html"
  821. class="blog-card-one__more">Read More <i class="fa fa-arrow-right"></i></a>
  822. <!-- /.blog-card-one__more -->
  823. </div><!-- /.blog-card-one__content -->
  824. </div><!-- /.blog-card-one -->
  825. </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
  826. <div class="col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-duration="1500ms"
  827. data-wow-delay="200ms">
  828. <div class="blog-card-one">
  829. <div class="blog-card-one__image"><img src="assets/picture/blog-1-3.jpg" alt=""><a
  830. href="blog-details.html"></a></div><!-- /.blog-card-one__image -->
  831. <div class="blog-card-one__content">
  832. <div class="blog-card-one__meta">
  833. <div class="blog-card-one__date"><i class="fa fa-calendar-alt"
  834. aria-hidden="true"></i>July,25,2022 </div><!-- /.blog-card-one__date --><a
  835. href="blog.html" class="blog-card-one__category">SEO</a>
  836. <!-- /.blog-card-one__category -->
  837. </div><!-- /.blog-card-one__meta -->
  838. <h3 class="blog-card-one__title"><a href="blog-details.html">Software Makes Your Profit
  839. Double if You Scale Properly</a></h3><a href="blog-details.html"
  840. class="blog-card-one__more">Read More <i class="fa fa-arrow-right"></i></a>
  841. <!-- /.blog-card-one__more -->
  842. </div><!-- /.blog-card-one__content -->
  843. </div><!-- /.blog-card-one -->
  844. </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
  845. </div><!-- /.row gutter-y-30 -->
  846. </div><!-- /.container -->
  847. </section>
  848. <section class="cta-one">
  849. <div class="container">
  850. <div class="cta-one__inner text-center wow fadeInUp" data-wow-duration="1500ms">
  851. <div class="cta-one__circle"></div><!-- /.cta-one__circle -->
  852. <div class="section-title ">
  853. <p class="section-title__text">Need Any Technology Solution</p><!-- /.section-title__text -->
  854. <h2 class="section-title__title section-title__title--light">Let’s Work Togather on Project</h2>
  855. <!-- /.section-title__title -->
  856. </div><!-- /.section-title --><a href="contact.html"
  857. class="thm-btn thm-btn--light cta-one__btn"><span>Start Now</span></a>
  858. <!-- /.thm-btn thm-btn--light cta-one__btn -->
  859. </div><!-- /.cta-one__inner -->
  860. </div><!-- /.container -->
  861. </section><!-- /.cta-one -->
  862. <div class="footer-main section-padding--bottom footer-main--top-padding">
  863. <div class="container">
  864. <div class="row gutter-y-30">
  865. <div class="col-lg-3 col-md-6 col-sm-12">
  866. <div class="footer-widget footer-widget--about"><a href="" class="footer-widget__logo"><img
  867. src="assets/picture/logo-light.png" width="119" height="40" alt="Cretech"></a>
  868. <p class="footer-widget__text">We work with a passion of taking challenges and creating new
  869. ones in advertising sector.</p><!-- /.footer-widget__text -->
  870. <ul class="footer-widget__social">
  871. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  872. <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
  873. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  874. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  875. </ul><!-- /.footer-widget__social -->
  876. </div><!-- /.footer-widget -->
  877. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  878. <div class="col-lg-3 col-md-6 col-sm-12">
  879. <div class="footer-widget footer-widget--links">
  880. <h3 class="footer-widget__title">Services</h3><!-- /.footer-widget__title -->
  881. <ul class="footer-widget__links">
  882. <li><a href="service-cyber-security.html">Cyber Security</a></li>
  883. <li><a href="service-it-management.html">IT Management</a></li>
  884. <li><a href="service-qa-testing.html">QA & Testing</a></li>
  885. <li><a href="service-infrastructure-plan.html">Infrastructure Plan</a></li>
  886. <li><a href="service-it-consultent.html">IT Consultent</a></li>
  887. </ul><!-- /.footer-widget__links -->
  888. </div><!-- /.footer-widget -->
  889. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  890. <div class="col-lg-3 col-md-6 col-sm-12">
  891. <div class="footer-widget footer-widget--newsletter">
  892. <h3 class="footer-widget__title">Subscribe</h3><!-- /.footer-widget__title -->
  893. <p class="footer-widget__text">Sign up to receive the latest articles</p>
  894. <!-- /.footer-widget__text -->
  895. <form action="#" class="footer-widget__newsletter mc-form"
  896. data-url="ADD_YOUR_MAILCHIMP_FORM_URL_HERE"><input type="email" name="EMAIL"
  897. placeholder="Enter Your Email"><button
  898. class="thm-btn footer-widget__newsletter__btn"><span>Register</span></button></form>
  899. <div class="mc-form__response"></div><!-- /.mc-form__response -->
  900. </div><!-- /.footer-widget -->
  901. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  902. <div class="col-lg-3 col-md-6 col-sm-12">
  903. <div class="footer-widget footer-widget--contact">
  904. <h3 class="footer-widget__title">Contact</h3><!-- /.footer-widget__title -->
  905. <ul class="footer-widget__contact">
  906. <li><i class="fa fa-phone"></i><a href="">+88(9800) 6802</a></li>
  907. <li><i class="fa fa-envelope"></i><a
  908. href="mailto:needhelp@company.com">needhelp@company.com</a></li>
  909. <li><i class="fa fa-map-marker-alt"></i>88 Broklyn Golden Road Street <br>New York. USA
  910. </li>
  911. </ul><!-- /.footer-widget__contact -->
  912. </div><!-- /.footer-widget -->
  913. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  914. </div><!-- /.row -->
  915. </div><!-- /.container -->
  916. </div><!-- /.footer-main -->
  917. <div class="footer-bottom">
  918. <div class="container">
  919. <p>&copy;All Copyright <span class="dynamic-year"></span>by <a href="javascript:;">bootstrapMB</a></p>
  920. </div><!-- /.container -->
  921. </div><!-- /.footer-bottom -->
  922. </div><!-- /.page-wrapper -->
  923. <div class="mobile-nav__wrapper">
  924. <div class="mobile-nav__overlay mobile-nav__toggler"></div><!-- /.mobile-nav__overlay -->
  925. <div class="mobile-nav__content"><a href="#"
  926. class="mobile-nav__close mobile-nav__toggler"><span></span><span></span></a>
  927. <div class="logo-box"><a href="" aria-label="logo image"><img src="assets/picture/logo-light.png" width="98"
  928. height="33" alt="Cretech"></a></div><!-- /.logo-box -->
  929. <div class="mobile-nav__container"></div><!-- /.mobile-nav__container -->
  930. <ul class="mobile-nav__contact list-unstyled">
  931. <li><i class="fa fa-phone"></i><a href="">+88(9800) 6802</a></li>
  932. <li><i class="fa fa-envelope"></i><a href="mailto:needhelp@company.com">needhelp@company.com</a></li>
  933. <li><i class="fa fa-map-marker-alt"></i>88 Broklyn Golden Road Street <br>New York. USA </li>
  934. </ul><!-- /.mobile-nav__contact -->
  935. <ul class="mobile-nav__social">
  936. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  937. <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
  938. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  939. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  940. </ul><!-- /.mobile-nav__social -->
  941. </div><!-- /.mobile-nav__content -->
  942. </div><!-- /.mobile-nav__wrapper -->
  943. <div class="search-popup">
  944. <div class="search-popup__overlay search-toggler"></div><!-- /.search-popup__overlay -->
  945. <div class="search-popup__content">
  946. <form action="#"><label for="search" class="sr-only">search here</label><!-- /.sr-only --><input type="text"
  947. id="search" placeholder="Search Here..."><button type="submit" aria-label="search submit"
  948. class="thm-btn"><span><i class="icon-magnifying-glass"></i></span></button></form>
  949. </div><!-- /.search-popup__content -->
  950. </div><!-- /.search-popup --><a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i
  951. class="fa fa-angle-up"></i></a><!-- plugins js -->
  952. <script src="assets/js/jquery-3.6.0.min.js"></script>
  953. <script src="assets/js/bootstrap.bundle.min.js"></script>
  954. <script src="assets/js/jquery.validate.min.js"></script>
  955. <script src="assets/js/owl.carousel.min.js"></script>
  956. <script src="assets/js/jquery.appear.min.js"></script>
  957. <script src="assets/js/wow.js"></script>
  958. <script src="assets/js/jarallax.min.js"></script>
  959. <script src="assets/js/jquery.ajaxchimp.min.js"></script>
  960. <script src="assets/js/jquery.lettering.js"></script>
  961. <script src="assets/js/youtube-popup.jquery.js"></script><!-- template js -->
  962. <script src="assets/js/cretech.js"></script>
  963. </body>
  964. </html>