index-2.html 44 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859
  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 Two || 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/ion.rangeSlider.min.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. <header class="header-two">
  32. <div class="topbar-two">
  33. <div class="container">
  34. <div class="topbar-two__inner">
  35. <div class="topbar-two__logo"><a href="index.html"><img src="assets/picture/logo-dark.png"
  36. width="98" height="33" alt="Cretech"></a></div><!-- /.topbar-two__logo -->
  37. <ul class="topbar-two__list">
  38. <li class="topbar-two__list__item">
  39. <div class="topbar-two__list__icon"><i class="fa fa-envelope"></i></div>
  40. <!-- /.topbar-two__list__icon -->
  41. <div class="topbar-two__list__content"><span>Send Email</span><a
  42. href="mailto:needhelp@company.com">needhelp@company.com</a></div>
  43. <!-- /.topbar-two__list__content -->
  44. </li>
  45. <li class="topbar-two__list__item">
  46. <div class="topbar-two__list__icon"><i class="fa fa-map-marker"></i></div>
  47. <!-- /.topbar-two__list__icon -->
  48. <div class="topbar-two__list__content"><span>Address</span>60 Golden Broklyn Street,New
  49. York </div><!-- /.topbar-two__list__content -->
  50. </li>
  51. </ul><!-- /.topbar-two__list -->
  52. <div class="topbar-two__btns"><a href="contact.html" class="thm-btn topbar-two__btn"><span>Free
  53. Consultation</span></a><!-- /.thm-btn topbar-two__btn -->
  54. </div><!-- /.topbar-two__btns -->
  55. </div><!-- /.topbar-two__inner -->
  56. </div><!-- /.container -->
  57. </div><!-- /.topbar-two -->
  58. <nav class="main-menu sticky-header">
  59. <div class="container">
  60. <div class="main-menu__inner">
  61. <div class="main-menu__logo"><a href="index.html"><img src="assets/picture/logo-light.png"
  62. width="98" height="33" alt="Cretech"></a></div><!-- /.main-menu__logo -->
  63. <ul class="main-menu__list">
  64. <li class="menu-item-has-children"><a href="index.html">Home</a>
  65. <ul>
  66. <li><a href="index.html">Home One</a></li>
  67. <li><a href="">Home Two</a></li>
  68. <li><a href="index-3.html">Home Three</a></li>
  69. <li class="menu-item-has-children"><a href="index.html">Header Styles</a>
  70. <ul>
  71. <li><a href="index.html">Header One</a></li>
  72. <li><a href="">Header Two</a></li>
  73. <li><a href="index-3.html">Header Three</a></li>
  74. </ul>
  75. </li>
  76. </ul>
  77. </li>
  78. <li class="menu-item-has-children"><a href="#">Pages</a>
  79. <ul>
  80. <li><a href="about.html">About Us</a></li>
  81. <li><a href="team.html">Our Team</a></li>
  82. </ul>
  83. </li>
  84. <li class="menu-item-has-children"><a href="services-1.html">Services</a>
  85. <ul>
  86. <li><a href="services-1.html">Services 01</a></li>
  87. <li><a href="services-2.html">Services 02</a></li>
  88. <li><a href="service-cyber-security.html">Cyber Security</a></li>
  89. <li><a href="service-it-management.html">IT Management</a></li>
  90. <li><a href="service-qa-testing.html">QA & Testing</a></li>
  91. <li><a href="service-infrastructure-plan.html">Infrastructure Plan</a></li>
  92. <li><a href="service-it-consultent.html">IT Consultent</a></li>
  93. </ul>
  94. </li>
  95. <li class="menu-item-has-children"><a href="projects.html">Projects</a>
  96. <ul>
  97. <li><a href="projects.html">Projects</a></li>
  98. <li><a href="project-details.html">Projects Details</a></li>
  99. </ul>
  100. </li>
  101. <li class="menu-item-has-children"><a href="blog.html">Blog</a>
  102. <ul>
  103. <li><a href="blog.html">Blog</a></li>
  104. <li><a href="blog-details.html">Blog Details</a></li>
  105. </ul>
  106. </li>
  107. <li><a href="contact.html">Contact</a></li>
  108. </ul><!-- /.main-menu__list -->
  109. <div class="main-menu__right"><a href="#"
  110. class="mobile-nav__toggler"><span></span><span></span><span></span></a><a href=""
  111. class="main-menu__cta"><i class="fa fa-phone-alt"></i><span
  112. class="main-menu__cta__text"><b>+92(8800) 9860</b></span>
  113. <!-- /.main-menu__cta__text --></a><!-- /.main-menu__cta --><a href="#"
  114. class="search-toggler"><i class="icon-magnifying-glass"></i></a>
  115. <!-- /.search-toggler -->
  116. </div><!-- /.main-menu__right -->
  117. </div><!-- /.main-menu__inner -->
  118. </div><!-- /.container -->
  119. </nav><!-- /.main-menu -->
  120. </header><!-- /.header-two -->
  121. <div class="slider-one slider-two">
  122. <ul class="slider-two__social">
  123. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  124. <li><a href="#"><i class="fab fa-facebook"></i></a></li>
  125. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  126. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  127. </ul><!-- /.topbar__social -->
  128. <div class="slider-one__carousel owl-carousel owl-theme thm-owl__carousel"
  129. 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}'>
  130. <div class="item slider-one__slide-1">
  131. <div class="slider-one__bg" style="background-image: url(assets/picture/slider-2-1.jpg);"></div>
  132. <!-- /.slider-one__bg -->
  133. <div class="slider-one__shape-1"></div><!-- /.slider-one__shape-1 -->
  134. <div class="container">
  135. <div class="slider-one__content ">
  136. <div class="slider-one__title-wrapper">
  137. <h2 class="slider-one__title">IT Solutions <br>to Grow <span>Your</span><br>Business
  138. </h2><!-- /.slider-one__title -->
  139. </div><!-- /.slider-one__title-wrapper -->
  140. <div class="slider-one__btns"><a href="about.html"
  141. class="thm-btn slider-one__btn"><span>Learn More</span></a>
  142. <!-- /.thm-btn slider-one__btn -->
  143. </div><!-- /.slider-one__btns -->
  144. </div><!-- /.slider-one__content -->
  145. </div><!-- /.container -->
  146. </div><!-- /.item -->
  147. <div class="item slider-one__slide-2">
  148. <div class="slider-one__bg" style="background-image: url(assets/picture/slider-2-2.jpg);"></div>
  149. <!-- /.slider-one__bg -->
  150. <div class="slider-one__shape-1"></div><!-- /.slider-one__shape-1 -->
  151. <div class="container">
  152. <div class="slider-one__content ">
  153. <div class="slider-one__title-wrapper">
  154. <h2 class="slider-one__title">IT Solutions <br>to Grow <span>Your</span><br>Business
  155. </h2><!-- /.slider-one__title -->
  156. </div><!-- /.slider-one__title-wrapper -->
  157. <div class="slider-one__btns"><a href="about.html"
  158. class="thm-btn slider-one__btn"><span>Learn More</span></a>
  159. <!-- /.thm-btn slider-one__btn -->
  160. </div><!-- /.slider-one__btns -->
  161. </div><!-- /.slider-one__content -->
  162. </div><!-- /.container -->
  163. </div><!-- /.item -->
  164. </div><!-- /.slider-one__carousel -->
  165. </div><!-- /.slider-one -->
  166. <section
  167. class="section-padding--top section-padding-xl--bottom section-has-bottom-margin background-repeat-no background-size-cover gray-bg about-seven"
  168. style="background-image: url(assets/picture/about-seven-bg-1-1.png);">
  169. <div class="container">
  170. <div class="row gutter-y-60">
  171. <div class="col-lg-5">
  172. <div class="about-seven__content">
  173. <div class="section-title">
  174. <p class="section-title__text">HOW CAN HELP YOU</p><!-- /.section-title__text -->
  175. <h2 class="section-title__title">Business Solutions <br>to Growth Business</h2>
  176. <!-- /.section-title__title -->
  177. </div><!-- /.section-title -->
  178. <div class="about-seven__text">System is a term used to refer to an organized collection
  179. symbols and processes that may be used to operate on such symbols. Perspiciatis unde
  180. omnis natus error voluptatems accusa.</div><!-- /.about-seven__text -->
  181. <div class="about-seven__btns"><a href="services-1.html"
  182. class="thm-btn about-seven__btn"><span>Learn More</span></a>
  183. <!-- /.thm-btn about-seven__btn -->
  184. </div><!-- /.about-seven__btns -->
  185. </div><!-- /.about-seven__content -->
  186. </div><!-- /.col-lg-5 -->
  187. <div class="col-lg-7">
  188. <ul class="about-seven__list">
  189. <li class="about-seven__list__item text-center wow fadeInLeft" data-wow-duration="1500ms"
  190. data-wow-delay="000ms"><i class="about-seven__list__icon icon-dashboard"></i>
  191. <h3 class="about-seven__list__title"><a
  192. href="service-infrastructure-plan.html">Automated <br>Software</a></h3>
  193. </li>
  194. <li class="about-seven__list__item text-center wow fadeInLeft" data-wow-duration="1500ms"
  195. data-wow-delay="100ms"><i class="about-seven__list__icon icon-system"></i>
  196. <h3 class="about-seven__list__title"><a href="service-infrastructure-plan.html">Managed
  197. IT <br>Services</a></h3>
  198. </li>
  199. <li class="about-seven__list__item text-center wow fadeInLeft" data-wow-duration="1500ms"
  200. data-wow-delay="200ms"><i class="about-seven__list__icon icon-cloud-data"></i>
  201. <h3 class="about-seven__list__title"><a href="service-infrastructure-plan.html">Market
  202. <br>Strategy</a></h3>
  203. </li>
  204. <li class="about-seven__list__item text-center wow fadeInLeft" data-wow-duration="1500ms"
  205. data-wow-delay="300ms"><i class="about-seven__list__icon icon-data-visualization"></i>
  206. <h3 class="about-seven__list__title"><a href="service-infrastructure-plan.html">Data
  207. <br>Structuring</a></h3>
  208. </li>
  209. <li class="about-seven__list__item text-center wow fadeInLeft" data-wow-duration="1500ms"
  210. data-wow-delay="400ms"><i class="about-seven__list__icon icon-software-engineer"></i>
  211. <h3 class="about-seven__list__title"><a href="service-infrastructure-plan.html">Software
  212. <br>Develop</a></h3>
  213. </li>
  214. <li class="about-seven__list__item text-center wow fadeInLeft" data-wow-duration="1500ms"
  215. data-wow-delay="500ms"><i class="about-seven__list__icon icon-web-design"></i>
  216. <h3 class="about-seven__list__title"><a href="service-infrastructure-plan.html">Website
  217. <br>Develop</a></h3>
  218. </li>
  219. </ul><!-- /.about-seven__list -->
  220. </div><!-- /.col-lg-7 -->
  221. </div><!-- /.row -->
  222. </div><!-- /.container -->
  223. </section>
  224. <section class="cta-one cta-one--home-three">
  225. <div class="container">
  226. <div class="cta-one__inner wow fadeInUp" data-wow-duration="1500ms">
  227. <div class="cta-one__circle"></div><!-- /.cta-one__circle -->
  228. <div class="section-title ">
  229. <h2 class="section-title__title section-title__title--light">Ready to Get Free Consulations
  230. <br>for Any Kind of it Solutions?</h2><!-- /.section-title__title -->
  231. </div><!-- /.section-title -->
  232. <div class="cta-one--home-three__btns"><a href="contact.html"
  233. class="thm-btn thm-btn--light cta-one__btn"><span>Get A Quote</span></a></div>
  234. <!-- /.cta-one--home-three__btns -->
  235. <!-- /.thm-btn thm-btn--light cta-one__btn -->
  236. </div><!-- /.cta-one__inner -->
  237. </div><!-- /.container -->
  238. </section><!-- /.cta-one -->
  239. <section class="section-padding--bottom section-padding--top">
  240. <div class="container">
  241. <div class="section-title text-center">
  242. <p class="section-title__text">Company Benefits</p><!-- /.section-title__text -->
  243. <h2 class="section-title__title">We Provide Best IT Solutions For Business <br>25 Years We Provide
  244. Solutions</h2><!-- /.section-title__title -->
  245. </div><!-- /.section-title -->
  246. <div class="row gutter-y-30">
  247. <div class="col-lg-3 col-md-6 col-sm-12">
  248. <div class="service-card-two gray-bg">
  249. <h3 class="service-card-two__title"><a href="services-1.html">Quality Service</a></h3>
  250. <!-- /.service-card-two__title -->
  251. <p class="service-card-two__text">Sed perspe unde omnis natus sit voluptatem acc doloremue
  252. </p><!-- /.service-card-two__text -->
  253. <div class="service-card-two__icon"><i class="icon-smart-tv"></i></div>
  254. <!-- /.service-card-two__icon -->
  255. </div><!-- /.service-card-two -->
  256. </div><!-- /.col-lg-3 -->
  257. <div class="col-lg-3 col-md-6 col-sm-12">
  258. <div class="service-card-two gray-bg">
  259. <h3 class="service-card-two__title"><a href="team.html">Expert Team</a></h3>
  260. <!-- /.service-card-two__title -->
  261. <p class="service-card-two__text">Sed perspe unde omnis natus sit voluptatem acc doloremue
  262. </p><!-- /.service-card-two__text -->
  263. <div class="service-card-two__icon"><i class="icon-link"></i></div>
  264. <!-- /.service-card-two__icon -->
  265. </div><!-- /.service-card-two -->
  266. </div><!-- /.col-lg-3 -->
  267. <div class="col-lg-3 col-md-6 col-sm-12">
  268. <div class="service-card-two gray-bg">
  269. <h3 class="service-card-two__title"><a href="contact.html">Excellent Support</a></h3>
  270. <!-- /.service-card-two__title -->
  271. <p class="service-card-two__text">Sed perspe unde omnis natus sit voluptatem acc doloremue
  272. </p><!-- /.service-card-two__text -->
  273. <div class="service-card-two__icon"><i class="icon-technical-support"></i></div>
  274. <!-- /.service-card-two__icon -->
  275. </div><!-- /.service-card-two -->
  276. </div><!-- /.col-lg-3 -->
  277. <div class="col-lg-3 col-md-6 col-sm-12">
  278. <div class="service-card-two gray-bg">
  279. <h3 class="service-card-two__title"><a href="about.html">Management</a></h3>
  280. <!-- /.service-card-two__title -->
  281. <p class="service-card-two__text">Sed perspe unde omnis natus sit voluptatem acc doloremue
  282. </p><!-- /.service-card-two__text -->
  283. <div class="service-card-two__icon"><i class="icon-cctv"></i></div>
  284. <!-- /.service-card-two__icon -->
  285. </div><!-- /.service-card-two -->
  286. </div><!-- /.col-lg-3 -->
  287. </div><!-- /.row -->
  288. </div><!-- /.container -->
  289. </section>
  290. <section class="black-bg section-padding-lg--top section-padding-lg--bottom cta-two">
  291. <div class="cta-two__bg jarallax" data-jarallax="" data-speed="0.2" data-imgposition="50% 0%"
  292. style="background-image: url(assets/picture/cta-two-bg-1-1.jpg);"></div>
  293. <div class="container">
  294. <div class="cta-two__inner">
  295. <h3 class="cta-two__title">Better IT Solutions And Services At Your <span>Fingertips</span></h3>
  296. <!-- /.cta-two__title --><a href="contact.html" class="thm-btn cta-two__btn"><span>LEarn
  297. More</span></a><!-- /.thm-btn cta-two__btn -->
  298. </div><!-- /.cta-two__inner -->
  299. </div><!-- /.container -->
  300. </section>
  301. <section class="section-padding--bottom section-padding--top pricing-one">
  302. <div class="pricing-one__shape wow fadeInUp" data-wow-duration="1500ms"
  303. style="background-image: url(assets/picture/pricing-one-bg-1-2.png);"></div>
  304. <!-- /.pricing-one__shape -->
  305. <div class="container">
  306. <div class="row">
  307. <div class="col-lg-4">
  308. <div class="pricing-one__content">
  309. <div class="section-title">
  310. <p class="section-title__text">POPULAR PRICING</p><!-- /.section-title__text -->
  311. <h2 class="section-title__title">Choose Our Pricing Table Plan</h2>
  312. <!-- /.section-title__title -->
  313. </div><!-- /.section-title -->
  314. <div class="pricing-one__text">Aperiamea queipsa quae abillo inve ntore veritatis et quasi
  315. architecto beatae vitae dicta sunt explicabo..</div><!-- /.pricing-one__text -->
  316. <ul class="pricing-one__circle">
  317. <li class="pricing-one__circle__item">
  318. <div class="circle-progress"
  319. data-options='{ "value": 0.75,"emptyFill": "rgba(225, 219, 236, 1)", "lineCap": "round", "size": 125, "fill": { "color": "#9c2ede" } }'>
  320. <span>75%</span></div>
  321. <h3 class="pricing-one__circle__title">Software</h3>
  322. <!-- /.pricing-one__circle__title -->
  323. </li>
  324. <li class="pricing-one__circle__item">
  325. <div class="circle-progress"
  326. data-options='{ "value": 0.8,"emptyFill": "rgba(225, 219, 236, 1)","lineCap": "round", "size": 125, "fill": { "color": "#9c2ede" } }'>
  327. <span>68%</span></div>
  328. <h3 class="pricing-one__circle__title">Technology</h3>
  329. <!-- /.pricing-one__circle__title -->
  330. </li>
  331. </ul>
  332. <div class="pricing-one__btns"><a href="services-1.html"
  333. class="thm-btn pricing-one__btn"><span>Learn More</span></a>
  334. <!-- /.thm-btn pricing-one__btn -->
  335. </div><!-- /.pricing-one__btns -->
  336. </div><!-- /.pricing-one__content -->
  337. </div><!-- /.col-lg-4 -->
  338. <div class="col-lg-8">
  339. <div class="pricing-one__items">
  340. <div class="row">
  341. <div class="col-md-6 wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="000ms">
  342. <div class="pricing-card-one">
  343. <div class="pricing-card-one__name">Regular Plan</div>
  344. <!-- /.pricing-card-one__name -->
  345. <div class="pricing-card-one__price">$54.99</div><!-- /.pricing-one__price -->
  346. <div class="pricing-card-one__time">/Monthly</div>
  347. <!-- /.pricing-card-one__time -->
  348. <ul class="pricing-card-one__list">
  349. <li><i class="fa fa-check"></i>Business & Finance Analysing </li>
  350. <li><i class="fa fa-check"></i>Managment & Marketing </li>
  351. <li><i class="fa fa-check"></i>24/7 Customer Support </li>
  352. <li><i class="fa fa-close"></i>Strategy & Research </li>
  353. <li><i class="fa fa-close"></i>SEO Optimization </li>
  354. </ul><!-- /.pricing-card-one__list -->
  355. <div class="pricing-card-one__btns"><a href="contact.html"
  356. class="thm-btn thm-btn--dark pricing-card-one__btn"><span>GET
  357. STARTED</span></a></div><!-- /.pricing-card-one__btns -->
  358. </div><!-- /.pricing-card-one -->
  359. </div><!-- /.col-md-6 -->
  360. <div class="col-md-6 wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="100ms">
  361. <div class="pricing-card-one">
  362. <div class="pricing-card-one__name">Regular Plan</div>
  363. <!-- /.pricing-card-one__name -->
  364. <div class="pricing-card-one__price">$64.99</div><!-- /.pricing-one__price -->
  365. <div class="pricing-card-one__time">/Monthly</div>
  366. <!-- /.pricing-card-one__time -->
  367. <ul class="pricing-card-one__list">
  368. <li><i class="fa fa-check"></i>Business & Finance Analysing </li>
  369. <li><i class="fa fa-check"></i>Managment & Marketing </li>
  370. <li><i class="fa fa-check"></i>24/7 Customer Support </li>
  371. <li><i class="fa fa-check"></i>Strategy & Research </li>
  372. <li><i class="fa fa-check"></i>SEO Optimization </li>
  373. </ul><!-- /.pricing-card-one__list -->
  374. <div class="pricing-card-one__btns"><a href="contact.html"
  375. class="thm-btn thm-btn--dark pricing-card-one__btn"><span>GET
  376. STARTED</span></a></div><!-- /.pricing-card-one__btns -->
  377. </div><!-- /.pricing-card-one -->
  378. </div><!-- /.col-md-6 -->
  379. </div><!-- /.row -->
  380. </div><!-- /.pricing-one__items -->
  381. </div><!-- /.col-lg-8 -->
  382. </div><!-- /.row -->
  383. </div><!-- /.container -->
  384. </section>
  385. <section class="section-padding--bottom section-padding--top project-three">
  386. <div class="container-fluid">
  387. <div class="section-title text-center">
  388. <p class="section-title__text">Latest Project</p><!-- /.section-title__text -->
  389. <h2 class="section-title__title">Populer Case Studies That <br>Complete Recently</h2>
  390. <!-- /.section-title__title -->
  391. </div><!-- /.section-title -->
  392. <div class="owl-carousel thm-owl__carousel--range owl-theme" data-owl-options='{"loop": false,
  393. "nav": false,
  394. "autoWidth": true,
  395. "navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
  396. "dots": false,
  397. "margin": 10,
  398. "items": 1,
  399. "smartSpeed": 700,
  400. "responsive": {
  401. "0": {
  402. "margin": 10,
  403. "items": 1,
  404. "autoWidth": false
  405. },
  406. "768": {
  407. "margin": 10,
  408. "items": 2,
  409. "autoWidth": false
  410. },
  411. "992": {
  412. "margin": 10,
  413. "items": 3
  414. },
  415. "1200": {
  416. "margin": 10,
  417. "items": 4
  418. }
  419. }}'>
  420. <div class="item">
  421. <div class="project-card-two">
  422. <div class="project-card-two__bg"
  423. style="background-image: url(assets/picture/project-3-1.jpg);"></div>
  424. <!-- /.project-card-two__bg -->
  425. <div class="project-card-two__content">
  426. <div class="project-card-two__category">IT Consulting</div>
  427. <!-- /.project-card-two__category -->
  428. <h3 class="project-card-two__title"><a href="project-details.html">Financial
  429. Investment</a></h3><!-- /.project-card-two__title -->
  430. </div><!-- /.project-card-two__content -->
  431. </div><!-- /.project-card-two -->
  432. </div><!-- /.item -->
  433. <div class="item">
  434. <div class="project-card-two project-card-two--large">
  435. <div class="project-card-two__bg"
  436. style="background-image: url(assets/picture/project-3-2.jpg);"></div>
  437. <!-- /.project-card-two__bg -->
  438. <div class="project-card-two__content">
  439. <div class="project-card-two__category">IT Consulting</div>
  440. <!-- /.project-card-two__category -->
  441. <h3 class="project-card-two__title"><a href="project-details.html">Financial
  442. Investment</a></h3><!-- /.project-card-two__title -->
  443. </div><!-- /.project-card-two__content -->
  444. </div><!-- /.project-card-two -->
  445. </div><!-- /.item -->
  446. <div class="item">
  447. <div class="project-card-two">
  448. <div class="project-card-two__bg"
  449. style="background-image: url(assets/picture/project-3-3.jpg);"></div>
  450. <!-- /.project-card-two__bg -->
  451. <div class="project-card-two__content">
  452. <div class="project-card-two__category">IT Consulting</div>
  453. <!-- /.project-card-two__category -->
  454. <h3 class="project-card-two__title"><a href="project-details.html">Financial
  455. Investment</a></h3><!-- /.project-card-two__title -->
  456. </div><!-- /.project-card-two__content -->
  457. </div><!-- /.project-card-two -->
  458. </div><!-- /.item -->
  459. <div class="item">
  460. <div class="project-card-two">
  461. <div class="project-card-two__bg"
  462. style="background-image: url(assets/picture/project-3-4.jpg);"></div>
  463. <!-- /.project-card-two__bg -->
  464. <div class="project-card-two__content">
  465. <div class="project-card-two__category">IT Consulting</div>
  466. <!-- /.project-card-two__category -->
  467. <h3 class="project-card-two__title"><a href="project-details.html">Financial
  468. Investment</a></h3><!-- /.project-card-two__title -->
  469. </div><!-- /.project-card-two__content -->
  470. </div><!-- /.project-card-two -->
  471. </div><!-- /.item -->
  472. <div class="item">
  473. <div class="project-card-two">
  474. <div class="project-card-two__bg"
  475. style="background-image: url(assets/picture/project-3-1.jpg);"></div>
  476. <!-- /.project-card-two__bg -->
  477. <div class="project-card-two__content">
  478. <div class="project-card-two__category">IT Consulting</div>
  479. <!-- /.project-card-two__category -->
  480. <h3 class="project-card-two__title"><a href="project-details.html">Financial
  481. Investment</a></h3><!-- /.project-card-two__title -->
  482. </div><!-- /.project-card-two__content -->
  483. </div><!-- /.project-card-two -->
  484. </div><!-- /.item -->
  485. <div class="item">
  486. <div class="project-card-two project-card-two--large">
  487. <div class="project-card-two__bg"
  488. style="background-image: url(assets/picture/project-3-2.jpg);"></div>
  489. <!-- /.project-card-two__bg -->
  490. <div class="project-card-two__content">
  491. <div class="project-card-two__category">IT Consulting</div>
  492. <!-- /.project-card-two__category -->
  493. <h3 class="project-card-two__title"><a href="project-details.html">Financial
  494. Investment</a></h3><!-- /.project-card-two__title -->
  495. </div><!-- /.project-card-two__content -->
  496. </div><!-- /.project-card-two -->
  497. </div><!-- /.item -->
  498. <div class="item">
  499. <div class="project-card-two">
  500. <div class="project-card-two__bg"
  501. style="background-image: url(assets/picture/project-3-3.jpg);"></div>
  502. <!-- /.project-card-two__bg -->
  503. <div class="project-card-two__content">
  504. <div class="project-card-two__category">IT Consulting</div>
  505. <!-- /.project-card-two__category -->
  506. <h3 class="project-card-two__title"><a href="project-details.html">Financial
  507. Investment</a></h3><!-- /.project-card-two__title -->
  508. </div><!-- /.project-card-two__content -->
  509. </div><!-- /.project-card-two -->
  510. </div><!-- /.item -->
  511. <div class="item">
  512. <div class="project-card-two">
  513. <div class="project-card-two__bg"
  514. style="background-image: url(assets/picture/project-3-4.jpg);"></div>
  515. <!-- /.project-card-two__bg -->
  516. <div class="project-card-two__content">
  517. <div class="project-card-two__category">IT Consulting</div>
  518. <!-- /.project-card-two__category -->
  519. <h3 class="project-card-two__title"><a href="project-details.html">Financial
  520. Investment</a></h3><!-- /.project-card-two__title -->
  521. </div><!-- /.project-card-two__content -->
  522. </div><!-- /.project-card-two -->
  523. </div><!-- /.item -->
  524. <div class="item">
  525. <div class="project-card-two">
  526. <div class="project-card-two__bg"
  527. style="background-image: url(assets/picture/project-3-1.jpg);"></div>
  528. <!-- /.project-card-two__bg -->
  529. <div class="project-card-two__content">
  530. <div class="project-card-two__category">IT Consulting</div>
  531. <!-- /.project-card-two__category -->
  532. <h3 class="project-card-two__title"><a href="project-details.html">Financial
  533. Investment</a></h3><!-- /.project-card-two__title -->
  534. </div><!-- /.project-card-two__content -->
  535. </div><!-- /.project-card-two -->
  536. </div><!-- /.item -->
  537. <div class="item">
  538. <div class="project-card-two project-card-two--large">
  539. <div class="project-card-two__bg"
  540. style="background-image: url(assets/picture/project-3-2.jpg);"></div>
  541. <!-- /.project-card-two__bg -->
  542. <div class="project-card-two__content">
  543. <div class="project-card-two__category">IT Consulting</div>
  544. <!-- /.project-card-two__category -->
  545. <h3 class="project-card-two__title"><a href="project-details.html">Financial
  546. Investment</a></h3><!-- /.project-card-two__title -->
  547. </div><!-- /.project-card-two__content -->
  548. </div><!-- /.project-card-two -->
  549. </div><!-- /.item -->
  550. <div class="item">
  551. <div class="project-card-two">
  552. <div class="project-card-two__bg"
  553. style="background-image: url(assets/picture/project-3-3.jpg);"></div>
  554. <!-- /.project-card-two__bg -->
  555. <div class="project-card-two__content">
  556. <div class="project-card-two__category">IT Consulting</div>
  557. <!-- /.project-card-two__category -->
  558. <h3 class="project-card-two__title"><a href="project-details.html">Financial
  559. Investment</a></h3><!-- /.project-card-two__title -->
  560. </div><!-- /.project-card-two__content -->
  561. </div><!-- /.project-card-two -->
  562. </div><!-- /.item -->
  563. <div class="item">
  564. <div class="project-card-two">
  565. <div class="project-card-two__bg"
  566. style="background-image: url(assets/picture/project-3-4.jpg);"></div>
  567. <!-- /.project-card-two__bg -->
  568. <div class="project-card-two__content">
  569. <div class="project-card-two__category">IT Consulting</div>
  570. <!-- /.project-card-two__category -->
  571. <h3 class="project-card-two__title"><a href="project-details.html">Financial
  572. Investment</a></h3><!-- /.project-card-two__title -->
  573. </div><!-- /.project-card-two__content -->
  574. </div><!-- /.project-card-two -->
  575. </div><!-- /.item -->
  576. </div><!-- /.owl-carousel -->
  577. <div class="thm-owl__carousel--range__input"><input type="text" value="" name="range"></div>
  578. </div><!-- /.container-fluid -->
  579. </section>
  580. <section class="section-padding--bottom section-padding--top background-size-cover gray-bg work-process">
  581. <div class="container">
  582. <div class="section-title text-center">
  583. <p class="section-title__text">OUR WORKING PROCESS</p><!-- /.section-title__text -->
  584. <h2 class="section-title__title">Driving Client Results Utilizing New <br>Innovation Points of view
  585. </h2><!-- /.section-title__title -->
  586. </div><!-- /.section-title -->
  587. <div class="row gutter-y-30">
  588. <div class="col-lg-4 wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="000ms">
  589. <div class="work-process-card-one">
  590. <div class="work-process-card-one__count"></div><!-- /.work-process-card-one__count -->
  591. <h3 class="work-process-card-one__title"><a href="about.html">End to End <br>Solutions &
  592. Services Guaranteed</a></h3>
  593. <div class="work-process-card-one__text">We help transform the world’s most important
  594. businesses into vigorous organizations that </div>
  595. <!-- /.work-process-card-one__text --><a class="work-process-card-one__link"
  596. href="about.html">Read More</a>
  597. </div><!-- /.work-process-card-one -->
  598. </div><!-- /.col-lg-4 -->
  599. <div class="col-lg-4 wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="100ms">
  600. <div class="work-process-card-one">
  601. <div class="work-process-card-one__count"></div><!-- /.work-process-card-one__count -->
  602. <h3 class="work-process-card-one__title"><a href="javascript:;">Ahead of The Curve We
  603. Future-proof Your IT Solution</a></h3>
  604. <div class="work-process-card-one__text">We help transform the world’s most important
  605. businesses into vigorous organizations that </div>
  606. <!-- /.work-process-card-one__text --><a class="work-process-card-one__link"
  607. href="javascript:;">Read More</a>
  608. </div><!-- /.work-process-card-one -->
  609. </div><!-- /.col-lg-4 -->
  610. <div class="col-lg-4 wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="200ms">
  611. <div class="work-process-card-one">
  612. <div class="work-process-card-one__count"></div><!-- /.work-process-card-one__count -->
  613. <h3 class="work-process-card-one__title"><a href="contact.html">Experience Certainty Every
  614. Project Executed</a></h3>
  615. <div class="work-process-card-one__text">We help transform the world’s most important
  616. businesses into vigorous organizations that </div>
  617. <!-- /.work-process-card-one__text --><a class="work-process-card-one__link"
  618. href="contact.html">Read More</a>
  619. </div><!-- /.work-process-card-one -->
  620. </div><!-- /.col-lg-4 -->
  621. </div><!-- /.row -->
  622. </div><!-- /.container -->
  623. </section>
  624. <section class="section-padding--bottom section-padding--top blog-home-two">
  625. <div class="container">
  626. <div class="blog-home-two__top">
  627. <div class="row">
  628. <div class="col-lg-7">
  629. <div class="section-title">
  630. <p class="section-title__text">Direct from the Blog Posts</p>
  631. <!-- /.section-title__text -->
  632. <h2 class="section-title__title">Checkout Our Latest <br>News & Articles</h2>
  633. <!-- /.section-title__title -->
  634. </div><!-- /.section-title -->
  635. </div><!-- /.col-lg-7 -->
  636. <div class="col-lg-5">
  637. <div class="blog-home-two__top__text">Aperiamea queipsa quae abillo inve ntore veritatis et
  638. quasi architecto beatae vitae dicta sunt explicabo.</div>
  639. <!-- /.blog-home-two__top__text -->
  640. </div><!-- /.col-lg-5 -->
  641. </div><!-- /.row -->
  642. </div><!-- /.blog-home-two__top -->
  643. <div class="row gutter-y-30">
  644. <div class="col-lg-6">
  645. <div class="blog-card-two">
  646. <div class="blog-card-two__bg" style="background-image: url(assets/picture/blog-h2-1.jpg);">
  647. </div><!-- /.blog-card-two__bg --><a href="blog.html"
  648. class="blog-card-one__category">Designer</a>
  649. <div class="blog-card-two__content">
  650. <div class="blog-card-one__date"><i class="fa fa-calendar-alt"
  651. aria-hidden="true"></i>July,25,2022 </div><!-- /.blog-card-one__date -->
  652. <h3 class="blog-card-one__title"><a href="blog-details.html">Web design done Delightful
  653. Visualization Examples</a></h3>
  654. </div><!-- /.blog-card-two__content -->
  655. </div><!-- /.blog-card-two -->
  656. </div><!-- /.col-lg-6 -->
  657. <div class="col-lg-3">
  658. <div class="blog-card-one blog-card-one--home-two">
  659. <div class="blog-card-one__image"><img src="assets/picture/blog-h2-2.jpg" alt=""><a
  660. href="blog-details.html"></a></div><!-- /.blog-card-one__image -->
  661. <div class="blog-card-one__content">
  662. <div class="blog-card-one__meta">
  663. <div class="blog-card-one__date"><i class="fa fa-calendar-alt"
  664. aria-hidden="true"></i>July,25,2022 </div><!-- /.blog-card-one__date --><a
  665. href="blog.html" class="blog-card-one__category">Designer</a>
  666. <!-- /.blog-card-one__category -->
  667. </div><!-- /.blog-card-one__meta -->
  668. <h3 class="blog-card-one__title"><a href="blog-details.html">Technology Support Allows
  669. Erie non-profit to Serve</a></h3>
  670. </div><!-- /.blog-card-one__content -->
  671. </div><!-- /.blog-card-one -->
  672. </div><!-- /.col-lg-3 -->
  673. <div class="col-lg-3">
  674. <div class="blog-card-one blog-card-one--home-two">
  675. <div class="blog-card-one__image"><img src="assets/picture/blog-h2-3.jpg" alt=""><a
  676. href="blog-details.html"></a></div><!-- /.blog-card-one__image -->
  677. <div class="blog-card-one__content">
  678. <div class="blog-card-one__meta">
  679. <div class="blog-card-one__date"><i class="fa fa-calendar-alt"
  680. aria-hidden="true"></i>July,25,2022 </div><!-- /.blog-card-one__date --><a
  681. href="blog.html" class="blog-card-one__category">Graphic</a>
  682. <!-- /.blog-card-one__category -->
  683. </div><!-- /.blog-card-one__meta -->
  684. <h3 class="blog-card-one__title"><a href="blog-details.html">Software Makes Your Profit
  685. Double if You Scale Properly</a></h3>
  686. </div><!-- /.blog-card-one__content -->
  687. </div><!-- /.blog-card-one -->
  688. </div><!-- /.col-lg-3 -->
  689. </div><!-- /.row -->
  690. </div><!-- /.container -->
  691. </section>
  692. <div class="client-carousel client-carousel--two client-carousel--home-two">
  693. <div class="container">
  694. <div class="owl-carousel thm-owl__carousel" data-owl-options='{"loop": true,
  695. "autoplay": true,
  696. "autoplayTimeout": 5000,
  697. "autoplayHoverPause": true,
  698. "nav": false,
  699. "navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
  700. "dots": false,
  701. "margin": 30,
  702. "items": 2,
  703. "smartSpeed": 700,
  704. "responsive": {
  705. "0": {
  706. "margin": 30,
  707. "items": 2
  708. },
  709. "375": {
  710. "margin": 30,
  711. "items": 2
  712. },
  713. "575": {
  714. "margin": 30,
  715. "items": 3
  716. },
  717. "767": {
  718. "margin": 50,
  719. "items": 4
  720. },
  721. "991": {
  722. "margin": 40,
  723. "items": 5
  724. },
  725. "1199": {
  726. "margin": 80,
  727. "items": 5
  728. }
  729. }}'>
  730. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  731. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  732. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  733. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  734. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  735. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  736. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  737. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  738. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  739. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  740. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  741. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  742. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  743. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  744. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  745. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  746. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  747. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  748. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  749. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  750. </div><!-- /.thm-owl__carousel -->
  751. </div><!-- /.container -->
  752. </div><!-- /.client-carousel -->
  753. <div class="footer-main section-padding--bottom section-padding--top">
  754. <div class="container">
  755. <div class="row gutter-y-30">
  756. <div class="col-lg-3 col-md-6 col-sm-12">
  757. <div class="footer-widget footer-widget--about"><a href="index.html"
  758. class="footer-widget__logo"><img src="assets/picture/logo-light.png" width="119"
  759. height="40" alt="Cretech"></a>
  760. <p class="footer-widget__text">We work with a passion of taking challenges and creating new
  761. ones in advertising sector.</p><!-- /.footer-widget__text -->
  762. <ul class="footer-widget__social">
  763. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  764. <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
  765. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  766. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  767. </ul><!-- /.footer-widget__social -->
  768. </div><!-- /.footer-widget -->
  769. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  770. <div class="col-lg-3 col-md-6 col-sm-12">
  771. <div class="footer-widget footer-widget--links">
  772. <h3 class="footer-widget__title">Services</h3><!-- /.footer-widget__title -->
  773. <ul class="footer-widget__links">
  774. <li><a href="service-cyber-security.html">Cyber Security</a></li>
  775. <li><a href="service-it-management.html">IT Management</a></li>
  776. <li><a href="service-qa-testing.html">QA & Testing</a></li>
  777. <li><a href="service-infrastructure-plan.html">Infrastructure Plan</a></li>
  778. <li><a href="service-it-consultent.html">IT Consultent</a></li>
  779. </ul><!-- /.footer-widget__links -->
  780. </div><!-- /.footer-widget -->
  781. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  782. <div class="col-lg-3 col-md-6 col-sm-12">
  783. <div class="footer-widget footer-widget--newsletter">
  784. <h3 class="footer-widget__title">Subscribe</h3><!-- /.footer-widget__title -->
  785. <p class="footer-widget__text">Sign up to receive the latest articles</p>
  786. <!-- /.footer-widget__text -->
  787. <form action="#" class="footer-widget__newsletter mc-form"
  788. data-url="ADD_YOUR_MAILCHIMP_FORM_URL_HERE"><input type="email" name="EMAIL"
  789. placeholder="Enter Your Email"><button
  790. class="thm-btn footer-widget__newsletter__btn"><span>Register</span></button></form>
  791. <div class="mc-form__response"></div><!-- /.mc-form__response -->
  792. </div><!-- /.footer-widget -->
  793. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  794. <div class="col-lg-3 col-md-6 col-sm-12">
  795. <div class="footer-widget footer-widget--contact">
  796. <h3 class="footer-widget__title">Contact</h3><!-- /.footer-widget__title -->
  797. <ul class="footer-widget__contact">
  798. <li><i class="fa fa-phone"></i><a href="">+88(9800) 6802</a></li>
  799. <li><i class="fa fa-envelope"></i><a
  800. href="mailto:needhelp@company.com">needhelp@company.com</a></li>
  801. <li><i class="fa fa-map-marker-alt"></i>88 Broklyn Golden Road Street <br>New York. USA
  802. </li>
  803. </ul><!-- /.footer-widget__contact -->
  804. </div><!-- /.footer-widget -->
  805. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  806. </div><!-- /.row -->
  807. </div><!-- /.container -->
  808. </div><!-- /.footer-main -->
  809. <div class="footer-bottom">
  810. <div class="container">
  811. <p>&copy;All Copyright <span class="dynamic-year"></span>by <a href="javascript:;">bootstrapMB</a></p>
  812. </div><!-- /.container -->
  813. </div><!-- /.footer-bottom -->
  814. </div><!-- /.page-wrapper -->
  815. <div class="mobile-nav__wrapper">
  816. <div class="mobile-nav__overlay mobile-nav__toggler"></div><!-- /.mobile-nav__overlay -->
  817. <div class="mobile-nav__content"><a href="#"
  818. class="mobile-nav__close mobile-nav__toggler"><span></span><span></span></a>
  819. <div class="logo-box"><a href="index.html" aria-label="logo image"><img src="assets/picture/logo-light.png"
  820. width="98" height="33" alt="Cretech"></a></div><!-- /.logo-box -->
  821. <div class="mobile-nav__container"></div><!-- /.mobile-nav__container -->
  822. <ul class="mobile-nav__contact list-unstyled">
  823. <li><i class="fa fa-phone"></i><a href="">+88(9800) 6802</a></li>
  824. <li><i class="fa fa-envelope"></i><a href="mailto:needhelp@company.com">needhelp@company.com</a></li>
  825. <li><i class="fa fa-map-marker-alt"></i>88 Broklyn Golden Road Street <br>New York. USA </li>
  826. </ul><!-- /.mobile-nav__contact -->
  827. <ul class="mobile-nav__social">
  828. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  829. <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
  830. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  831. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  832. </ul><!-- /.mobile-nav__social -->
  833. </div><!-- /.mobile-nav__content -->
  834. </div><!-- /.mobile-nav__wrapper -->
  835. <div class="search-popup">
  836. <div class="search-popup__overlay search-toggler"></div><!-- /.search-popup__overlay -->
  837. <div class="search-popup__content">
  838. <form action="#"><label for="search" class="sr-only">search here</label><!-- /.sr-only --><input type="text"
  839. id="search" placeholder="Search Here..."><button type="submit" aria-label="search submit"
  840. class="thm-btn"><span><i class="icon-magnifying-glass"></i></span></button></form>
  841. </div><!-- /.search-popup__content -->
  842. </div><!-- /.search-popup --><a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i
  843. class="fa fa-angle-up"></i></a><!-- plugins js -->
  844. <script src="assets/js/jquery-3.6.0.min.js"></script>
  845. <script src="assets/js/bootstrap.bundle.min.js"></script>
  846. <script src="assets/js/jquery.validate.min.js"></script>
  847. <script src="assets/js/owl.carousel.min.js"></script>
  848. <script src="assets/js/wow.js"></script>
  849. <script src="assets/js/jarallax.min.js"></script>
  850. <script src="assets/js/jquery.appear.min.js"></script>
  851. <script src="assets/js/jquery.ajaxchimp.min.js"></script>
  852. <script src="assets/js/ion.rangeSlider.min.js"></script>
  853. <script src="assets/js/circle-progress.min.js"></script><!-- template js -->
  854. <script src="assets/js/cretech.js"></script>
  855. </body>
  856. </html>