services-2.html 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446
  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>Services 02 || Cretech || IT Solutions & Services HTML Template</title><!-- google font -->
  8. <link rel="preconnect" href="https://fonts.googleapis.com/">
  9. <link rel="preconnect" href="https://fonts.gstatic.com/">
  10. <link href="assets/css/css2.css" rel="stylesheet"><!-- favicons Icons -->
  11. <link rel="apple-touch-icon" sizes="180x180" href="assets/picture/apple-touch-icon.png">
  12. <link rel="manifest" href="https://webdevcode.com/html/cretech/assets/images/favicons/site.webmanifest">
  13. <!-- plugins css -->
  14. <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  15. <link rel="stylesheet" href="assets/css/all.min.css">
  16. <link rel="stylesheet" href="assets/css/jarallax.css">
  17. <link rel="stylesheet" href="assets/css/animate.min.css">
  18. <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
  19. <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
  20. <link rel="stylesheet" href="assets/css/style.css"><!-- templates css -->
  21. <link rel="stylesheet" href="assets/css/cretech.css">
  22. </head>
  23. <body class="custom-cursor">
  24. <div class="custom-cursor__cursor"></div>
  25. <div class="custom-cursor__cursor-two"></div>
  26. <div class="preloader">
  27. <div class="preloader__circle"></div>
  28. </div>
  29. <div class="page-wrapper">
  30. <div class="topbar">
  31. <div class="container-fluid">
  32. <p class="topbar__text">Welcome to IT Solutions & Services HTML Template</p><!-- /.topbar__text -->
  33. <ul class="topbar__info">
  34. <li><i class="fa fa-envelope"></i><a href="mailto:needhelp@company.com">needhelp@company.com</a>
  35. </li>
  36. <li><i class="fa fa-map-marker"></i>60 Golden Broklyn Street,New York </li>
  37. </ul><!-- /.topbar__info -->
  38. <ul class="topbar__social">
  39. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  40. <li><a href="#"><i class="fab fa-facebook"></i></a></li>
  41. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  42. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  43. </ul><!-- /.topbar__social -->
  44. </div><!-- /.container-fluid -->
  45. </div><!-- /.topbar -->
  46. <nav class="main-menu sticky-header">
  47. <div class="container-fluid">
  48. <div class="main-menu__logo"><a href="index.html"><img src="assets/picture/logo-dark.png" width="98"
  49. height="33" alt="Cretech"></a></div><!-- /.main-menu__logo -->
  50. <ul class="main-menu__list">
  51. <li class="menu-item-has-children"><a href="index.html">Home</a>
  52. <ul>
  53. <li><a href="index.html">Home One</a></li>
  54. <li><a href="index-2.html">Home Two</a></li>
  55. <li><a href="index-3.html">Home Three</a></li>
  56. <li class="menu-item-has-children"><a href="index.html">Header Styles</a>
  57. <ul>
  58. <li><a href="index.html">Header One</a></li>
  59. <li><a href="index-2.html">Header Two</a></li>
  60. <li><a href="index-3.html">Header Three</a></li>
  61. </ul>
  62. </li>
  63. </ul>
  64. </li>
  65. <li class="menu-item-has-children"><a href="#">Pages</a>
  66. <ul>
  67. <li><a href="about.html">About Us</a></li>
  68. <li><a href="team.html">Our Team</a></li>
  69. </ul>
  70. </li>
  71. <li class="menu-item-has-children"><a href="services-1.html">Services</a>
  72. <ul>
  73. <li><a href="services-1.html">Services 01</a></li>
  74. <li><a href="">Services 02</a></li>
  75. <li><a href="service-cyber-security.html">Cyber Security</a></li>
  76. <li><a href="service-it-management.html">IT Management</a></li>
  77. <li><a href="service-qa-testing.html">QA & Testing</a></li>
  78. <li><a href="service-infrastructure-plan.html">Infrastructure Plan</a></li>
  79. <li><a href="service-it-consultent.html">IT Consultent</a></li>
  80. </ul>
  81. </li>
  82. <li class="menu-item-has-children"><a href="projects.html">Projects</a>
  83. <ul>
  84. <li><a href="projects.html">Projects</a></li>
  85. <li><a href="project-details.html">Projects Details</a></li>
  86. </ul>
  87. </li>
  88. <li class="menu-item-has-children"><a href="blog.html">Blog</a>
  89. <ul>
  90. <li><a href="blog.html">Blog</a></li>
  91. <li><a href="blog-details.html">Blog Details</a></li>
  92. </ul>
  93. </li>
  94. <li><a href="contact.html">Contact</a></li>
  95. </ul><!-- /.main-menu__list -->
  96. <div class="main-menu__right"><a href="#"
  97. class="mobile-nav__toggler"><span></span><span></span><span></span></a><a href="#"
  98. class="search-toggler"><i class="icon-magnifying-glass"></i></a><!-- /.search-toggler --><a
  99. href="" class="main-menu__cta"><i class="fa fa-phone-alt"></i><span
  100. class="main-menu__cta__text"><b>+92(8800) 9860</b>Call Anytime </span>
  101. <!-- /.main-menu__cta__text --></a><!-- /.main-menu__cta -->
  102. </div><!-- /.main-menu__right -->
  103. </div><!-- /.container-fluid -->
  104. </nav><!-- /.main-menu -->
  105. <div class="page-header">
  106. <div class="page-header__bg" style="background-image: url(assets/picture/page-header-bg-1-1.jpg);"></div>
  107. <!-- /.page-header__bg -->
  108. <div class="container">
  109. <ul class="thm-breadcrumb list-unstyled">
  110. <li><a href="index.html">Home</a></li>
  111. <li>Services</li>
  112. </ul>
  113. <h2 class="page-header__title">Services 02</h2><!-- /.page-header__title -->
  114. </div><!-- /.container -->
  115. </div><!-- /.page-header -->
  116. <section class="section-padding--top section-padding--bottom about-two">
  117. <div class="container">
  118. <div class="row gutter-y-60">
  119. <div class="col-lg-6">
  120. <div class="about-two__content">
  121. <div class="section-title ">
  122. <p class="section-title__text">HOW CAN HELP YOU</p><!-- /.section-title__text -->
  123. <h2 class="section-title__title">Business Solutions to Growth Business</h2>
  124. <!-- /.section-title__title -->
  125. </div><!-- /.section-title -->
  126. <div class="about-two__text">System is a term used to refer to an organized collection
  127. symbols and processes that may be used to operate on such symbols. Perspiciatis unde
  128. omnis natus error voluptatems accusa.</div><!-- /.about-two__text -->
  129. <ul class="about-two__list">
  130. <li>Going Above and Beyond </li>
  131. <li>Committed to People First </li>
  132. </ul><!-- /.about-two__list --><a href="about.html"
  133. class="thm-btn about-two__btn"><span>Learn More</span></a>
  134. <!-- /.thm-btn about-two__btn -->
  135. </div><!-- /.about-two__content -->
  136. </div><!-- /.col-lg-6 -->
  137. <div class="col-lg-6">
  138. <div class="about-two__image"><img src="assets/picture/about-two-1-1.jpg" alt=""
  139. class="wow fadeInUp" data-wow-duration="1500ms"></div><!-- /.about-two__image -->
  140. </div><!-- /.col-lg-6 -->
  141. </div><!-- /.row -->
  142. </div><!-- /.container -->
  143. </section>
  144. <section class="section-padding--top section-padding--bottom service-three black-bg"
  145. style="background-image: url(assets/picture/service-1-bg-1.png);">
  146. <div class="container">
  147. <div class="service-three__block">
  148. <div class="row">
  149. <div class="col-lg-7">
  150. <div class="section-title">
  151. <p class="section-title__text">What We offier</p><!-- /.section-title__text -->
  152. <h2 class="section-title__title section-title__title--light">Help you Overcome your
  153. Technology Challenges</h2><!-- /.section-title__title -->
  154. </div><!-- /.section-title -->
  155. </div><!-- /.col-lg-7 -->
  156. <div class="col-lg-5">
  157. <div class="service-three__block__text">Accusa ntium doloremque laudantium totam rem
  158. aperiamea queipsa quae abillo inventore veritatis.</div>
  159. <!-- /.service-three__block__text -->
  160. </div><!-- /.col-lg-5 -->
  161. </div><!-- /.row -->
  162. </div><!-- /.service-three__block -->
  163. <ul class="service-three__list">
  164. <li class="service-three__list__item wow fadeInUp" data-wow-duration="1500ms"
  165. data-wow-delay="000ms"><i class="icon-coding service-three__list__icon"></i>
  166. <h3 class="service-three__list__title"><a href="#">Website</a></h3>
  167. </li>
  168. <li class="service-three__list__item wow fadeInUp" data-wow-duration="1500ms"
  169. data-wow-delay="100ms"><i class="icon-apple service-three__list__icon"></i>
  170. <h3 class="service-three__list__title"><a href="#">IOS</a></h3>
  171. </li>
  172. <li class="service-three__list__item wow fadeInUp" data-wow-duration="1500ms"
  173. data-wow-delay="200ms"><i class="icon-android service-three__list__icon"></i>
  174. <h3 class="service-three__list__title"><a href="#">Android</a></h3>
  175. </li>
  176. <li class="service-three__list__item wow fadeInUp" data-wow-duration="1500ms"
  177. data-wow-delay="300ms"><i class="icon-iot service-three__list__icon"></i>
  178. <h3 class="service-three__list__title"><a href="#">IOT</a></h3>
  179. </li>
  180. <li class="service-three__list__item wow fadeInUp" data-wow-duration="1500ms"
  181. data-wow-delay="400ms"><i class="icon-smartband service-three__list__icon"></i>
  182. <h3 class="service-three__list__title"><a href="#">Wearalables</a></h3>
  183. </li>
  184. <li class="service-three__list__item wow fadeInUp" data-wow-duration="1500ms"
  185. data-wow-delay="500ms"><i class="icon-tv service-three__list__icon"></i>
  186. <h3 class="service-three__list__title"><a href="#">TV</a></h3>
  187. </li>
  188. </ul><!-- /.service-three__list -->
  189. </div><!-- /.container -->
  190. </section>
  191. <section class="section-padding--bottom section-padding--top about-three">
  192. <div class="about-three__shape wow fadeInRight" data-wow-duration="1500ms"
  193. style="background-image: url(assets/picture/about-three-s-1.png);"></div><!-- /.about-three__shape -->
  194. <div class="container">
  195. <div class="row gutter-y-60">
  196. <div class="col-lg-6">
  197. <div class="about-three__image"><img src="assets/picture/about-three-1-1.png"
  198. class="wow fadeInUp" data-wow-duration="1500ms" alt=""></div>
  199. <!-- /.about-three__image -->
  200. </div><!-- /.col-lg-6 -->
  201. <div class="col-lg-6">
  202. <div class="about-three__content">
  203. <div class="section-title ">
  204. <p class="section-title__text">Company Benefits</p><!-- /.section-title__text -->
  205. <h2 class="section-title__title">Why You Should Choose Our Services</h2>
  206. <!-- /.section-title__title -->
  207. </div><!-- /.section-title -->
  208. <div class="about-three__text">Choose Infetech to have custom software solutions for your
  209. business with the most reasonable price.</div><!-- /.about-three__text -->
  210. <ul class="about-three__list">
  211. <li class="about-three__list__item">
  212. <div class="about-three__list__icon"><i class="icon-cloud"></i></div>
  213. <!-- /.about-three__list__icon -->
  214. <div class="about-three__list__content">
  215. <h3 class="about-three__list__title"><a href="service-cyber-security.html">Cloud
  216. Based Services</a></h3><!-- /.about-three__list__title -->
  217. <p class="about-three__list__text">Services address a range of simply free text
  218. application and infrastructure needs.</p><!-- /.about-three__list__text -->
  219. </div><!-- /.about-three__list__content -->
  220. </li>
  221. <li class="about-three__list__item">
  222. <div class="about-three__list__icon"><i class="icon-group"></i></div>
  223. <!-- /.about-three__list__icon -->
  224. <div class="about-three__list__content">
  225. <h3 class="about-three__list__title"><a href="team.html">Expert Team Members</a>
  226. </h3><!-- /.about-three__list__title -->
  227. <p class="about-three__list__text">Services address a range of simply free text
  228. application and infrastructure needs.</p><!-- /.about-three__list__text -->
  229. </div><!-- /.about-three__list__content -->
  230. </li>
  231. </ul><!-- /.about-three__list -->
  232. </div><!-- /.about-three__content -->
  233. </div><!-- /.col-lg-6 -->
  234. </div><!-- /.row -->
  235. </div><!-- /.container -->
  236. </section>
  237. <section
  238. class="section-padding--bottom section-padding--top gray-bg testimonials-one background-repeat-no background-position-top-center"
  239. style="background-image: url(assets/picture/testi-bg-2-1.png);">
  240. <div class="container">
  241. <div class="section-title text-center">
  242. <p class="section-title__text">Our clients</p><!-- /.section-title__text -->
  243. <h2 class="section-title__title">Trusted Worldwide Peoples</h2><!-- /.section-title__title -->
  244. </div><!-- /.section-title -->
  245. <div class="row gutter-y-30">
  246. <div class="col-lg-6">
  247. <div class="testimonials-one-card">
  248. <div class="testimonials-one-card__image"><img src="assets/picture/testi-1-1.jpg" alt="">
  249. </div><!-- /.testimonials-one-card__image -->
  250. <div class="testimonials-one-card__content">
  251. <div class="testimonials-one-card__text">On the other hand denounc with ghteo
  252. indignation and dislike men who so beguiled and demoralized the charms of pleasure
  253. the momen blinded by desire cannot foresee the pain and trouble.</div>
  254. <!-- /.testimonials-one-card__text -->
  255. <h3 class="testimonials-one-card__title">Michal Rahul</h3>
  256. <!-- /.testimonials-one-card__title -->
  257. <p class="testimonials-one-card__designation">Ul - UX Designer</p>
  258. <!-- /.testimonials-one-card__designation --><i
  259. class="icon-right-quote testimonials-one-card__icon"></i>
  260. </div><!-- /.testimonials-one-card__content -->
  261. </div><!-- /.testimonials-one-card -->
  262. </div><!-- /.col-lg-6 -->
  263. <div class="col-lg-6">
  264. <div class="testimonials-one-card">
  265. <div class="testimonials-one-card__image"><img src="assets/picture/testi-1-2.jpg" alt="">
  266. </div><!-- /.testimonials-one-card__image -->
  267. <div class="testimonials-one-card__content">
  268. <div class="testimonials-one-card__text">On the other hand denounc with ghteo
  269. indignation and dislike men who so beguiled and demoralized the charms of pleasure
  270. the momen blinded by desire cannot foresee the pain and trouble.</div>
  271. <!-- /.testimonials-one-card__text -->
  272. <h3 class="testimonials-one-card__title">Jessica Brown</h3>
  273. <!-- /.testimonials-one-card__title -->
  274. <p class="testimonials-one-card__designation">Ul - UX Designer</p>
  275. <!-- /.testimonials-one-card__designation --><i
  276. class="icon-right-quote testimonials-one-card__icon"></i>
  277. </div><!-- /.testimonials-one-card__content -->
  278. </div><!-- /.testimonials-one-card -->
  279. </div><!-- /.col-lg-6 -->
  280. </div><!-- /.ro -->
  281. </div><!-- /.container -->
  282. </section>
  283. <div class="client-carousel">
  284. <div class="container">
  285. <div class="owl-carousel thm-owl__carousel" data-owl-options='{"loop": true,
  286. "autoplay": true,
  287. "autoplayTimeout": 5000,
  288. "autoplayHoverPause": true,
  289. "nav": false,
  290. "dots": false,
  291. "margin": 30,
  292. "items": 2,
  293. "smartSpeed": 700,
  294. "responsive": {
  295. "0": {
  296. "margin": 30,
  297. "items": 2
  298. },
  299. "375": {
  300. "margin": 30,
  301. "items": 2
  302. },
  303. "575": {
  304. "margin": 30,
  305. "items": 3
  306. },
  307. "767": {
  308. "margin": 50,
  309. "items": 4
  310. },
  311. "991": {
  312. "margin": 40,
  313. "items": 5
  314. },
  315. "1199": {
  316. "margin": 80,
  317. "items": 5
  318. }
  319. }}'>
  320. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  321. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  322. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  323. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  324. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  325. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  326. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  327. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  328. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  329. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  330. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  331. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  332. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  333. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  334. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  335. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  336. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  337. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  338. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  339. <div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
  340. </div><!-- /.thm-owl__carousel -->
  341. </div><!-- /.container -->
  342. </div><!-- /.client-carousel -->
  343. <div class="footer-main section-padding--bottom section-padding--top">
  344. <div class="container">
  345. <div class="row gutter-y-30">
  346. <div class="col-lg-3 col-md-6 col-sm-12">
  347. <div class="footer-widget footer-widget--about"><a href="index.html"
  348. class="footer-widget__logo"><img src="assets/picture/logo-light.png" width="119"
  349. height="40" alt="Cretech"></a>
  350. <p class="footer-widget__text">We work with a passion of taking challenges and creating new
  351. ones in advertising sector.</p><!-- /.footer-widget__text -->
  352. <ul class="footer-widget__social">
  353. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  354. <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
  355. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  356. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  357. </ul><!-- /.footer-widget__social -->
  358. </div><!-- /.footer-widget -->
  359. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  360. <div class="col-lg-3 col-md-6 col-sm-12">
  361. <div class="footer-widget footer-widget--links">
  362. <h3 class="footer-widget__title">Services</h3><!-- /.footer-widget__title -->
  363. <ul class="footer-widget__links">
  364. <li><a href="service-cyber-security.html">Cyber Security</a></li>
  365. <li><a href="service-it-management.html">IT Management</a></li>
  366. <li><a href="service-qa-testing.html">QA & Testing</a></li>
  367. <li><a href="service-infrastructure-plan.html">Infrastructure Plan</a></li>
  368. <li><a href="service-it-consultent.html">IT Consultent</a></li>
  369. </ul><!-- /.footer-widget__links -->
  370. </div><!-- /.footer-widget -->
  371. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  372. <div class="col-lg-3 col-md-6 col-sm-12">
  373. <div class="footer-widget footer-widget--newsletter">
  374. <h3 class="footer-widget__title">Subscribe</h3><!-- /.footer-widget__title -->
  375. <p class="footer-widget__text">Sign up to receive the latest articles</p>
  376. <!-- /.footer-widget__text -->
  377. <form action="#" class="footer-widget__newsletter mc-form"
  378. data-url="ADD_YOUR_MAILCHIMP_FORM_URL_HERE"><input type="email" name="EMAIL"
  379. placeholder="Enter Your Email"><button
  380. class="thm-btn footer-widget__newsletter__btn"><span>Register</span></button></form>
  381. <div class="mc-form__response"></div><!-- /.mc-form__response -->
  382. </div><!-- /.footer-widget -->
  383. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  384. <div class="col-lg-3 col-md-6 col-sm-12">
  385. <div class="footer-widget footer-widget--contact">
  386. <h3 class="footer-widget__title">Contact</h3><!-- /.footer-widget__title -->
  387. <ul class="footer-widget__contact">
  388. <li><i class="fa fa-phone"></i><a href="">+88(9800) 6802</a></li>
  389. <li><i class="fa fa-envelope"></i><a
  390. href="mailto:needhelp@company.com">needhelp@company.com</a></li>
  391. <li><i class="fa fa-map-marker-alt"></i>88 Broklyn Golden Road Street <br>New York. USA
  392. </li>
  393. </ul><!-- /.footer-widget__contact -->
  394. </div><!-- /.footer-widget -->
  395. </div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
  396. </div><!-- /.row -->
  397. </div><!-- /.container -->
  398. </div><!-- /.footer-main -->
  399. <div class="footer-bottom">
  400. <div class="container">
  401. <p>&copy;All Copyright <span class="dynamic-year"></span>by <a href="javascript:;">bootstrapMB</a></p>
  402. </div><!-- /.container -->
  403. </div><!-- /.footer-bottom -->
  404. </div><!-- /.page-wrapper -->
  405. <div class="mobile-nav__wrapper">
  406. <div class="mobile-nav__overlay mobile-nav__toggler"></div><!-- /.mobile-nav__overlay -->
  407. <div class="mobile-nav__content"><a href="#"
  408. class="mobile-nav__close mobile-nav__toggler"><span></span><span></span></a>
  409. <div class="logo-box"><a href="index.html" aria-label="logo image"><img src="assets/picture/logo-light.png"
  410. width="98" height="33" alt="Cretech"></a></div><!-- /.logo-box -->
  411. <div class="mobile-nav__container"></div><!-- /.mobile-nav__container -->
  412. <ul class="mobile-nav__contact list-unstyled">
  413. <li><i class="fa fa-phone"></i><a href="">+88(9800) 6802</a></li>
  414. <li><i class="fa fa-envelope"></i><a href="mailto:needhelp@company.com">needhelp@company.com</a></li>
  415. <li><i class="fa fa-map-marker-alt"></i>88 Broklyn Golden Road Street <br>New York. USA </li>
  416. </ul><!-- /.mobile-nav__contact -->
  417. <ul class="mobile-nav__social">
  418. <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  419. <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
  420. <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
  421. <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  422. </ul><!-- /.mobile-nav__social -->
  423. </div><!-- /.mobile-nav__content -->
  424. </div><!-- /.mobile-nav__wrapper -->
  425. <div class="search-popup">
  426. <div class="search-popup__overlay search-toggler"></div><!-- /.search-popup__overlay -->
  427. <div class="search-popup__content">
  428. <form action="#"><label for="search" class="sr-only">search here</label><!-- /.sr-only --><input type="text"
  429. id="search" placeholder="Search Here..."><button type="submit" aria-label="search submit"
  430. class="thm-btn"><span><i class="icon-magnifying-glass"></i></span></button></form>
  431. </div><!-- /.search-popup__content -->
  432. </div><!-- /.search-popup --><a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i
  433. class="fa fa-angle-up"></i></a><!-- plugins js -->
  434. <script src="assets/js/jquery-3.6.0.min.js"></script>
  435. <script src="assets/js/bootstrap.bundle.min.js"></script>
  436. <script src="assets/js/jquery.validate.min.js"></script>
  437. <script src="assets/js/owl.carousel.min.js"></script>
  438. <script src="assets/js/wow.js"></script>
  439. <script src="assets/js/jarallax.min.js"></script>
  440. <script src="assets/js/jquery.ajaxchimp.min.js"></script><!-- template js -->
  441. <script src="assets/js/cretech.js"></script>
  442. </body>
  443. </html>