Domovská stránka Prehľadávať Pomoc
Prihlásiť sa
site
/
peasafe
2
0
Fork 0
Súbory Issues 0 Pull requesty 0 Wiki
Branch: master
Branche Tagy
peasafe
/
main
/
assets
/
t4
/
services-1.html

services-1.html 22 KB
Permanentný odkaz História Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. 

  4. <head>
    5. 

  5. 	<meta charset="UTF-8">
    6. 

  6. 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    7. 

  7. 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    8. 

  8. 	<title>Services 01 || Cretech || IT Solutions & Services HTML Template</title><!-- google font -->
    9. 

  9. 	<link rel="preconnect" href="https://fonts.googleapis.com/">
    10. 

  10. 	<link rel="preconnect" href="https://fonts.gstatic.com/">
    11. 

  11. 	<link href="assets/css/css2.css" rel="stylesheet"><!-- favicons Icons -->
    12. 

  12. 	<link rel="apple-touch-icon" sizes="180x180" href="assets/picture/apple-touch-icon.png">
    13. 

  13. 	<link rel="manifest" href="https://webdevcode.com/html/cretech/assets/images/favicons/site.webmanifest">
    14. 

  14. 	<!-- plugins css -->
    15. 

  15. 	<link rel="stylesheet" href="assets/css/bootstrap.min.css">
    16. 

  16. 	<link rel="stylesheet" href="assets/css/all.min.css">
    17. 

  17. 	<link rel="stylesheet" href="assets/css/jarallax.css">
    18. 

  18. 	<link rel="stylesheet" href="assets/css/animate.min.css">
    19. 

  19. 	<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    20. 

  20. 	<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
    21. 

  21. 	<link rel="stylesheet" href="assets/css/style.css"><!-- templates css -->
    22. 

  22. 	<link rel="stylesheet" href="assets/css/cretech.css">
    23. 

  23. </head>
    24. 

  24. 

  25. <body class="custom-cursor">
    26. 

  26. 	<div class="custom-cursor__cursor"></div>
    27. 

  27. 	<div class="custom-cursor__cursor-two"></div>
    28. 

  28. 	<div class="preloader">
    29. 

  29. 		<div class="preloader__circle"></div>
    30. 

  30. 	</div>
    31. 

  31. 	<div class="page-wrapper">
    32. 

  32. 		<div class="topbar">
    33. 

  33. 			<div class="container-fluid">
    34. 

  34. 				<p class="topbar__text">Welcome to IT Solutions & Services HTML Template</p><!-- /.topbar__text -->
    35. 

  35. 				<ul class="topbar__info">
    36. 

  36. 					<li><i class="fa fa-envelope"></i><a href="mailto:needhelp@company.com">needhelp@company.com</a>
    37. 

  37. 					</li>
    38. 

  38. 					<li><i class="fa fa-map-marker"></i>60 Golden Broklyn Street,New York </li>
    39. 

  39. 				</ul><!-- /.topbar__info -->
    40. 

  40. 				<ul class="topbar__social">
    41. 

  41. 					<li><a href="#"><i class="fab fa-twitter"></i></a></li>
    42. 

  42. 					<li><a href="#"><i class="fab fa-facebook"></i></a></li>
    43. 

  43. 					<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
    44. 

  44. 					<li><a href="#"><i class="fab fa-instagram"></i></a></li>
    45. 

  45. 				</ul><!-- /.topbar__social -->
    46. 

  46. 			</div><!-- /.container-fluid -->
    47. 

  47. 		</div><!-- /.topbar -->
    48. 

  48. 		<nav class="main-menu sticky-header">
    49. 

  49. 			<div class="container-fluid">
    50. 

  50. 				<div class="main-menu__logo"><a href="index.html"><img src="assets/picture/logo-dark.png" width="98"
    51. 

  51. 							height="33" alt="Cretech"></a></div><!-- /.main-menu__logo -->
    52. 

  52. 				<ul class="main-menu__list">
    53. 

  53. 					<li class="menu-item-has-children"><a href="index.html">Home</a>
    54. 

  54. 						<ul>
    55. 

  55. 							<li><a href="index.html">Home One</a></li>
    56. 

  56. 							<li><a href="index-2.html">Home Two</a></li>
    57. 

  57. 							<li><a href="index-3.html">Home Three</a></li>
    58. 

  58. 							<li class="menu-item-has-children"><a href="index.html">Header Styles</a>
    59. 

  59. 								<ul>
    60. 

  60. 									<li><a href="index.html">Header One</a></li>
    61. 

  61. 									<li><a href="index-2.html">Header Two</a></li>
    62. 

  62. 									<li><a href="index-3.html">Header Three</a></li>
    63. 

  63. 								</ul>
    64. 

  64. 							</li>
    65. 

  65. 						</ul>
    66. 

  66. 					</li>
    67. 

  67. 					<li class="menu-item-has-children"><a href="#">Pages</a>
    68. 

  68. 						<ul>
    69. 

  69. 							<li><a href="about.html">About Us</a></li>
    70. 

  70. 							<li><a href="team.html">Our Team</a></li>
    71. 

  71. 						</ul>
    72. 

  72. 					</li>
    73. 

  73. 					<li class="menu-item-has-children"><a href="">Services</a>
    74. 

  74. 						<ul>
    75. 

  75. 							<li><a href="">Services 01</a></li>
    76. 

  76. 							<li><a href="services-2.html">Services 02</a></li>
    77. 

  77. 							<li><a href="service-cyber-security.html">Cyber Security</a></li>
    78. 

  78. 							<li><a href="service-it-management.html">IT Management</a></li>
    79. 

  79. 							<li><a href="service-qa-testing.html">QA & Testing</a></li>
    80. 

  80. 							<li><a href="service-infrastructure-plan.html">Infrastructure Plan</a></li>
    81. 

  81. 							<li><a href="service-it-consultent.html">IT Consultent</a></li>
    82. 

  82. 						</ul>
    83. 

  83. 					</li>
    84. 

  84. 					<li class="menu-item-has-children"><a href="projects.html">Projects</a>
    85. 

  85. 						<ul>
    86. 

  86. 							<li><a href="projects.html">Projects</a></li>
    87. 

  87. 							<li><a href="project-details.html">Projects Details</a></li>
    88. 

  88. 						</ul>
    89. 

  89. 					</li>
    90. 

  90. 					<li class="menu-item-has-children"><a href="blog.html">Blog</a>
    91. 

  91. 						<ul>
    92. 

  92. 							<li><a href="blog.html">Blog</a></li>
    93. 

  93. 							<li><a href="blog-details.html">Blog Details</a></li>
    94. 

  94. 						</ul>
    95. 

  95. 					</li>
    96. 

  96. 					<li><a href="contact.html">Contact</a></li>
    97. 

  97. 				</ul><!-- /.main-menu__list -->
    98. 

  98. 				<div class="main-menu__right"><a href="#"
    99. 

  99. 						class="mobile-nav__toggler"><span></span><span></span><span></span></a><a href="#"
    100. 

  100. 						class="search-toggler"><i class="icon-magnifying-glass"></i></a><!-- /.search-toggler --><a
    101. 

  101. 						href="" class="main-menu__cta"><i class="fa fa-phone-alt"></i><span
    102. 

  102. 							class="main-menu__cta__text"><b>+92(8800) 9860</b>Call Anytime </span>
    103. 

  103. 						<!-- /.main-menu__cta__text --></a><!-- /.main-menu__cta -->
    104. 

  104. 				</div><!-- /.main-menu__right -->
    105. 

  105. 			</div><!-- /.container-fluid -->
    106. 

  106. 		</nav><!-- /.main-menu -->
    107. 

  107. 		<div class="page-header">
    108. 

  108. 			<div class="page-header__bg" style="background-image: url(assets/picture/page-header-bg-1-1.jpg);"></div>
    109. 

  109. 			<!-- /.page-header__bg -->
    110. 

  110. 			<div class="container">
    111. 

  111. 				<ul class="thm-breadcrumb list-unstyled">
    112. 

  112. 					<li><a href="index.html">Home</a></li>
    113. 

  113. 					<li>Services</li>
    114. 

  114. 				</ul>
    115. 

  115. 				<h2 class="page-header__title">Services 01</h2><!-- /.page-header__title -->
    116. 

  116. 			</div><!-- /.container -->
    117. 

  117. 		</div><!-- /.page-header -->
    118. 

  118. 		<section class="section-padding--top section-padding--bottom about-one">
    119. 

  119. 			<div class="container">
    120. 

  120. 				<div class="row gutter-y-60">
    121. 

  121. 					<div class="col-lg-6">
    122. 

  122. 						<div class="about-one__image"><img src="assets/picture/about-1-1.png" class="wow fadeInUp"
    123. 

  123. 								data-wow-duration="1500ms" alt=""></div><!-- /.about-one__image -->
    124. 

  124. 					</div><!-- /.col-lg-6 -->
    125. 

  125. 					<div class="col-lg-6">
    126. 

  126. 						<div class="about-one__content">
    127. 

  127. 							<div class="section-title ">
    128. 

  128. 								<p class="section-title__text">About Company</p><!-- /.section-title__text -->
    129. 

  129. 								<h2 class="section-title__title">Experts of Sofware and Technology</h2>
    130. 

  130. 								<!-- /.section-title__title -->
    131. 

  131. 							</div><!-- /.section-title -->
    132. 

  132. 							<div class="about-one__text">There are many variations of passages of Lorem Ipsum
    133. 

  133. 								available,but the majority have suffered alteration in some form injected humour,or
    134. 

  134. 								randomised words which don't look
    135. 

  135. 								even.
    136. 

  136. 							</div><!-- /.about-one__text -->
    137. 

  137. 							<ul class="about-one__list">
    138. 

  138. 								<li>
    139. 

  139. 									<i class="fa fa-check-circle"></i>
    140. 

  140. 									Refresing to get such a personal touch.
    141. 

  141. 								</li>
    142. 

  142. 								<li>
    143. 

  143. 									<i class="fa fa-check-circle"></i>
    144. 

  144. 									Duis aute irure dolor in reprehenderit in voluptate.
    145. 

  145. 								</li>
    146. 

  146. 								<li>
    147. 

  147. 									<i class="fa fa-check-circle"></i>
    148. 

  148. 									Velit esse cillum dolore eu fugiat nulla pariatur.
    149. 

  149. 								</li>
    150. 

  150. 							</ul><!-- /.about-one__list -->
    151. 

  151. 							<a href="about.html" class="thm-btn about-one__btn"><span>Learn More</span></a>
    152. 

  152. 							<!-- /.thm-btn about-one__btn -->
    153. 

  153. 						</div><!-- /.about-one__content -->
    154. 

  154. 					</div><!-- /.col-lg-6 -->
    155. 

  155. 				</div><!-- /.row -->
    156. 

  156. 			</div><!-- /.container -->
    157. 

  157. 		</section>
    158. 

  158. 		<div class="client-carousel client-carousel--two">
    159. 

  159. 			<div class="container">
    160. 

  160. 				<div class="owl-carousel thm-owl__carousel"
    161. 

  161. 					data-owl-options='{"loop":true,"autoplay":true,"autoplayTimeout":5000,"autoplayHoverPause":true,"nav":true,"navText":["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],"dots":false,"margin":30,"items":2,"smartSpeed":700,"responsive":{"0":{"margin":30,"items":2},"375":{"margin":30,"items":2},"575":{"margin":30,"items":3},"767":{"margin":50,"items":4},"991":{"margin":40,"items":5},"1199":{"margin":80,"items":5}}}'>
    162. 

  162. 					<div class="item">
    163. 

  163. 						<img src="assets/picture/client-1-1.png" alt="">
    164. 

  164. 					</div><!-- /.item -->
    165. 

  165. 					<div class="item">
    166. 

  166. 						<img src="assets/picture/client-1-1.png" alt="">
    167. 

  167. 					</div><!-- /.item -->
    168. 

  168. 					<div class="item">
    169. 

  169. 						<img src="assets/picture/client-1-1.png" alt="">
    170. 

  170. 					</div><!-- /.item -->
    171. 

  171. 					<div class="item">
    172. 

  172. 						<img src="assets/picture/client-1-1.png" alt="">
    173. 

  173. 					</div><!-- /.item -->
    174. 

  174. 					<div class="item">
    175. 

  175. 						<img src="assets/picture/client-1-1.png" alt="">
    176. 

  176. 					</div><!-- /.item -->
    177. 

  177. 					<div class="item">
    178. 

  178. 						<img src="assets/picture/client-1-1.png" alt="">
    179. 

  179. 					</div><!-- /.item -->
    180. 

  180. 					<div class="item">
    181. 

  181. 						<img src="assets/picture/client-1-1.png" alt="">
    182. 

  182. 					</div><!-- /.item -->
    183. 

  183. 					<div class="item">
    184. 

  184. 						<img src="assets/picture/client-1-1.png" alt="">
    185. 

  185. 					</div><!-- /.item -->
    186. 

  186. 					<div class="item">
    187. 

  187. 						<img src="assets/picture/client-1-1.png" alt="">
    188. 

  188. 					</div><!-- /.item -->
    189. 

  189. 					<div class="item">
    190. 

  190. 						<img src="assets/picture/client-1-1.png" alt="">
    191. 

  191. 					</div><!-- /.item -->
    192. 

  192. 					<div class="item">
    193. 

  193. 						<img src="assets/picture/client-1-1.png" alt="">
    194. 

  194. 					</div><!-- /.item -->
    195. 

  195. 					<div class="item">
    196. 

  196. 						<img src="assets/picture/client-1-1.png" alt="">
    197. 

  197. 					</div><!-- /.item -->
    198. 

  198. 					<div class="item">
    199. 

  199. 						<img src="assets/picture/client-1-1.png" alt="">
    200. 

  200. 					</div><!-- /.item -->
    201. 

  201. 					<div class="item">
    202. 

  202. 						<img src="assets/picture/client-1-1.png" alt="">
    203. 

  203. 					</div><!-- /.item -->
    204. 

  204. 					<div class="item">
    205. 

  205. 						<img src="assets/picture/client-1-1.png" alt="">
    206. 

  206. 					</div><!-- /.item -->
    207. 

  207. 					<div class="item">
    208. 

  208. 						<img src="assets/picture/client-1-1.png" alt="">
    209. 

  209. 					</div><!-- /.item -->
    210. 

  210. 					<div class="item">
    211. 

  211. 						<img src="assets/picture/client-1-1.png" alt="">
    212. 

  212. 					</div><!-- /.item -->
    213. 

  213. 					<div class="item">
    214. 

  214. 						<img src="assets/picture/client-1-1.png" alt="">
    215. 

  215. 					</div><!-- /.item -->
    216. 

  216. 					<div class="item">
    217. 

  217. 						<img src="assets/picture/client-1-1.png" alt="">
    218. 

  218. 					</div><!-- /.item -->
    219. 

  219. 					<div class="item">
    220. 

  220. 						<img src="assets/picture/client-1-1.png" alt="">
    221. 

  221. 					</div><!-- /.item -->
    222. 

  222. 				</div><!-- /.thm-owl__carousel -->
    223. 

  223. 			</div><!-- /.container -->
    224. 

  224. 		</div><!-- /.client-carousel -->
    225. 

  225. 		<section class="black-bg section-padding-lg--top section-padding-lg--bottom cta-two">
    226. 

  226. 			<div class="cta-two__bg jarallax" data-jarallax="" data-speed="0.2" data-imgposition="50% 0%"
    227. 

  227. 				style="background-image: url(assets/picture/cta-two-bg-1-1.jpg);"></div>
    228. 

  228. 			<div class="container">
    229. 

  229. 				<div class="cta-two__inner">
    230. 

  230. 					<h3 class="cta-two__title">Better IT Solutions And Services
    231. 

  231. 						At Your <span>Fingertips</span></h3><!-- /.cta-two__title -->
    232. 

  232. 					<a href="contact.html" class="thm-btn cta-two__btn"><span>LEarn More</span></a>
    233. 

  233. 					<!-- /.thm-btn cta-two__btn -->
    234. 

  234. 				</div><!-- /.cta-two__inner -->
    235. 

  235. 			</div><!-- /.container -->
    236. 

  236. 		</section>
    237. 

  237. 

  238. 		<section class="section-padding--bottom section-padding--top service-one">
    239. 

  239. 			<div class="container-fluid">
    240. 

  240. 				<div class="owl-carousel thm-owl__carousel service-one__carousel"
    241. 

  241. 					data-owl-options='{"loop":false,"nav":true,"dots":false,"items":1,"navText":["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],"margin":0,"responsive":{"0":{"items":1,"margin":0},"768":{"items":1,"margin":30},"1200":{"items":2,"margin":30},"1700":{"items":3,"margin":30}}}'>
    242. 

  242. 					<div class="item">
    243. 

  243. 						<div class="service-card-one gray-bg">
    244. 

  244. 							<div class="service-card-one__image"><img src="assets/picture/service-1-1.jpg" alt="">
    245. 

  245. 								<div class="service-card-one__logo">G</div><!-- /.service-card-one__logo -->
    246. 

  246. 							</div><!-- /.service-card-one__image -->
    247. 

  247. 							<div class="service-card-one__content">
    248. 

  248. 								<h3 class="service-card-one__title"><a href="service-cyber-security.html">Gaming and
    249. 

  249. 										Entertainment</a></h3><!-- /.service-card-one__title -->
    250. 

  250. 								<p class="service-card-one__text">Lorem Ipsum is dummy text of the new design printng
    251. 

  251. 									and type setting Ipsum has been the is industrys.</p>
    252. 

  252. 								<!-- /.service-card-one__text -->
    253. 

  253. 							</div><!-- /.service-card-one__content -->
    254. 

  254. 						</div><!-- /.service-card-one -->
    255. 

  255. 					</div><!-- /.item -->
    256. 

  256. 					<div class="item">
    257. 

  257. 						<div class="service-card-one gray-bg">
    258. 

  258. 							<div class="service-card-one__image"><img src="assets/picture/service-1-2.jpg" alt="">
    259. 

  259. 								<div class="service-card-one__logo">B</div><!-- /.service-card-one__logo -->
    260. 

  260. 							</div><!-- /.service-card-one__image -->
    261. 

  261. 							<div class="service-card-one__content">
    262. 

  262. 								<h3 class="service-card-one__title"><a href="service-cyber-security.html">Business and
    263. 

  263. 										Finance</a></h3><!-- /.service-card-one__title -->
    264. 

  264. 								<p class="service-card-one__text">Lorem Ipsum is dummy text of the new design printng
    265. 

  265. 									and type setting Ipsum has been the is industrys.</p>
    266. 

  266. 								<!-- /.service-card-one__text -->
    267. 

  267. 							</div><!-- /.service-card-one__content -->
    268. 

  268. 						</div><!-- /.service-card-one -->
    269. 

  269. 					</div><!-- /.item -->
    270. 

  270. 					<div class="item">
    271. 

  271. 						<div class="service-card-one gray-bg">
    272. 

  272. 							<div class="service-card-one__image"><img src="assets/picture/service-1-3.jpg" alt="">
    273. 

  273. 								<div class="service-card-one__logo">T</div><!-- /.service-card-one__logo -->
    274. 

  274. 							</div><!-- /.service-card-one__image -->
    275. 

  275. 							<div class="service-card-one__content">
    276. 

  276. 								<h3 class="service-card-one__title"><a href="service-cyber-security.html">Information
    277. 

  277. 										and Technology</a></h3><!-- /.service-card-one__title -->
    278. 

  278. 								<p class="service-card-one__text">Lorem Ipsum is dummy text of the new design printng
    279. 

  279. 									and type setting Ipsum has been the is industrys.</p>
    280. 

  280. 								<!-- /.service-card-one__text -->
    281. 

  281. 							</div><!-- /.service-card-one__content -->
    282. 

  282. 						</div><!-- /.service-card-one -->
    283. 

  283. 					</div><!-- /.item -->
    284. 

  284. 				</div><!-- /.row -->
    285. 

  285. 			</div><!-- /.container-fluid -->
    286. 

  286. 		</section>
    287. 

  287. 		<section class="section-padding--bottom">
    288. 

  288. 			<div class="container">
    289. 

  289. 				<div class="section-title text-center">
    290. 

  290. 					<p class="section-title__text">Company Benefits</p><!-- /.section-title__text -->
    291. 

  291. 					<h2 class="section-title__title">We Provide Best IT Solutions For Business <br>25 Years We Provide
    292. 

  292. 						Solutions</h2><!-- /.section-title__title -->
    293. 

  293. 				</div><!-- /.section-title -->
    294. 

  294. 				<div class="row gutter-y-30">
    295. 

  295. 					<div class="col-lg-3 col-md-6 col-sm-12">
    296. 

  296. 						<div class="service-card-two gray-bg">
    297. 

  297. 							<h3 class="service-card-two__title"><a href="">Quality Service</a></h3>
    298. 

  298. 							<!-- /.service-card-two__title -->
    299. 

  299. 							<p class="service-card-two__text">Sed perspe unde omnis natus sit voluptatem acc doloremue
    300. 

  300. 							</p><!-- /.service-card-two__text -->
    301. 

  301. 							<div class="service-card-two__icon"><i class="icon-smart-tv"></i></div>
    302. 

  302. 							<!-- /.service-card-two__icon -->
    303. 

  303. 						</div><!-- /.service-card-two -->
    304. 

  304. 					</div><!-- /.col-lg-3 -->
    305. 

  305. 					<div class="col-lg-3 col-md-6 col-sm-12">
    306. 

  306. 						<div class="service-card-two gray-bg">
    307. 

  307. 							<h3 class="service-card-two__title"><a href="team.html">Expert Team</a></h3>
    308. 

  308. 							<!-- /.service-card-two__title -->
    309. 

  309. 							<p class="service-card-two__text">Sed perspe unde omnis natus sit voluptatem acc doloremue
    310. 

  310. 							</p><!-- /.service-card-two__text -->
    311. 

  311. 							<div class="service-card-two__icon"><i class="icon-link"></i></div>
    312. 

  312. 							<!-- /.service-card-two__icon -->
    313. 

  313. 						</div><!-- /.service-card-two -->
    314. 

  314. 					</div><!-- /.col-lg-3 -->
    315. 

  315. 					<div class="col-lg-3 col-md-6 col-sm-12">
    316. 

  316. 						<div class="service-card-two gray-bg">
    317. 

  317. 							<h3 class="service-card-two__title"><a href="contact.html">Excellent Support</a></h3>
    318. 

  318. 							<!-- /.service-card-two__title -->
    319. 

  319. 							<p class="service-card-two__text">Sed perspe unde omnis natus sit voluptatem acc doloremue
    320. 

  320. 							</p><!-- /.service-card-two__text -->
    321. 

  321. 							<div class="service-card-two__icon"><i class="icon-technical-support"></i></div>
    322. 

  322. 							<!-- /.service-card-two__icon -->
    323. 

  323. 						</div><!-- /.service-card-two -->
    324. 

  324. 					</div><!-- /.col-lg-3 -->
    325. 

  325. 					<div class="col-lg-3 col-md-6 col-sm-12">
    326. 

  326. 						<div class="service-card-two gray-bg">
    327. 

  327. 							<h3 class="service-card-two__title"><a href="about.html">Management</a></h3>
    328. 

  328. 							<!-- /.service-card-two__title -->
    329. 

  329. 							<p class="service-card-two__text">Sed perspe unde omnis natus sit voluptatem acc doloremue
    330. 

  330. 							</p><!-- /.service-card-two__text -->
    331. 

  331. 							<div class="service-card-two__icon"><i class="icon-cctv"></i></div>
    332. 

  332. 							<!-- /.service-card-two__icon -->
    333. 

  333. 						</div><!-- /.service-card-two -->
    334. 

  334. 					</div><!-- /.col-lg-3 -->
    335. 

  335. 				</div><!-- /.row -->
    336. 

  336. 			</div><!-- /.container -->
    337. 

  337. 		</section>
    338. 

  338. 		<section class="cta-one">
    339. 

  339. 			<div class="container">
    340. 

  340. 				<div class="cta-one__inner text-center wow fadeInUp" data-wow-duration="1500ms">
    341. 

  341. 					<div class="cta-one__circle"></div><!-- /.cta-one__circle -->
    342. 

  342. 					<div class="section-title ">
    343. 

  343. 						<p class="section-title__text">Need Any Technology Solution</p><!-- /.section-title__text -->
    344. 

  344. 						<h2 class="section-title__title section-title__title--light">Let’s Work Togather on Project</h2>
    345. 

  345. 						<!-- /.section-title__title -->
    346. 

  346. 					</div><!-- /.section-title --><a href="contact.html"
    347. 

  347. 						class="thm-btn thm-btn--light cta-one__btn"><span>Start Now</span></a>
    348. 

  348. 					<!-- /.thm-btn thm-btn--light cta-one__btn -->
    349. 

  349. 				</div><!-- /.cta-one__inner -->
    350. 

  350. 			</div><!-- /.container -->
    351. 

  351. 		</section><!-- /.cta-one -->
    352. 

  352. 		<div class="footer-main section-padding--bottom footer-main--top-padding">
    353. 

  353. 			<div class="container">
    354. 

  354. 				<div class="row gutter-y-30">
    355. 

  355. 					<div class="col-lg-3 col-md-6 col-sm-12">
    356. 

  356. 						<div class="footer-widget footer-widget--about"><a href="index.html"
    357. 

  357. 								class="footer-widget__logo"><img src="assets/picture/logo-light.png" width="119"
    358. 

  358. 									height="40" alt="Cretech"></a>
    359. 

  359. 							<p class="footer-widget__text">We work with a passion of taking challenges and creating new
    360. 

  360. 								ones in advertising sector.</p><!-- /.footer-widget__text -->
    361. 

  361. 							<ul class="footer-widget__social">
    362. 

  362. 								<li><a href="#"><i class="fab fa-twitter"></i></a></li>
    363. 

  363. 								<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
    364. 

  364. 								<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
    365. 

  365. 								<li><a href="#"><i class="fab fa-instagram"></i></a></li>
    366. 

  366. 							</ul><!-- /.footer-widget__social -->
    367. 

  367. 						</div><!-- /.footer-widget -->
    368. 

  368. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    369. 

  369. 					<div class="col-lg-3 col-md-6 col-sm-12">
    370. 

  370. 						<div class="footer-widget footer-widget--links">
    371. 

  371. 							<h3 class="footer-widget__title">Services</h3><!-- /.footer-widget__title -->
    372. 

  372. 							<ul class="footer-widget__links">
    373. 

  373. 								<li><a href="service-cyber-security.html">Cyber Security</a></li>
    374. 

  374. 								<li><a href="service-it-management.html">IT Management</a></li>
    375. 

  375. 								<li><a href="service-qa-testing.html">QA & Testing</a></li>
    376. 

  376. 								<li><a href="service-infrastructure-plan.html">Infrastructure Plan</a></li>
    377. 

  377. 								<li><a href="service-it-consultent.html">IT Consultent</a></li>
    378. 

  378. 							</ul><!-- /.footer-widget__links -->
    379. 

  379. 						</div><!-- /.footer-widget -->
    380. 

  380. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    381. 

  381. 					<div class="col-lg-3 col-md-6 col-sm-12">
    382. 

  382. 						<div class="footer-widget footer-widget--newsletter">
    383. 

  383. 							<h3 class="footer-widget__title">Subscribe</h3><!-- /.footer-widget__title -->
    384. 

  384. 							<p class="footer-widget__text">Sign up to receive the latest articles</p>
    385. 

  385. 							<!-- /.footer-widget__text -->
    386. 

  386. 							<form action="#" class="footer-widget__newsletter mc-form"
    387. 

  387. 								data-url="ADD_YOUR_MAILCHIMP_FORM_URL_HERE"><input type="email" name="EMAIL"
    388. 

  388. 									placeholder="Enter Your Email"><button
    389. 

  389. 									class="thm-btn footer-widget__newsletter__btn"><span>Register</span></button></form>
    390. 

  390. 							<div class="mc-form__response"></div><!-- /.mc-form__response -->
    391. 

  391. 						</div><!-- /.footer-widget -->
    392. 

  392. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    393. 

  393. 					<div class="col-lg-3 col-md-6 col-sm-12">
    394. 

  394. 						<div class="footer-widget footer-widget--contact">
    395. 

  395. 							<h3 class="footer-widget__title">Contact</h3><!-- /.footer-widget__title -->
    396. 

  396. 							<ul class="footer-widget__contact">
    397. 

  397. 								<li><i class="fa fa-phone"></i><a href="">+88(9800) 6802</a></li>
    398. 

  398. 								<li><i class="fa fa-envelope"></i><a
    399. 

  399. 										href="mailto:needhelp@company.com">needhelp@company.com</a></li>
    400. 

  400. 								<li><i class="fa fa-map-marker-alt"></i>88 Broklyn Golden Road Street <br>New York. USA
    401. 

  401. 								</li>
    402. 

  402. 							</ul><!-- /.footer-widget__contact -->
    403. 

  403. 						</div><!-- /.footer-widget -->
    404. 

  404. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    405. 

  405. 				</div><!-- /.row -->
    406. 

  406. 			</div><!-- /.container -->
    407. 

  407. 		</div><!-- /.footer-main -->
    408. 

  408. 		<div class="footer-bottom">
    409. 

  409. 			<div class="container">
    410. 

  410. 				<p>&copy;All Copyright <span class="dynamic-year"></span>by <a href="javascript:;">bootstrapMB</a></p>
    411. 

  411. 			</div><!-- /.container -->
    412. 

  412. 		</div><!-- /.footer-bottom -->
    413. 

  413. 	</div><!-- /.page-wrapper -->
    414. 

  414. 	<div class="mobile-nav__wrapper">
    415. 

  415. 		<div class="mobile-nav__overlay mobile-nav__toggler"></div><!-- /.mobile-nav__overlay -->
    416. 

  416. 		<div class="mobile-nav__content"><a href="#"
    417. 

  417. 				class="mobile-nav__close mobile-nav__toggler"><span></span><span></span></a>
    418. 

  418. 			<div class="logo-box"><a href="index.html" aria-label="logo image"><img src="assets/picture/logo-light.png"
    419. 

  419. 						width="98" height="33" alt="Cretech"></a></div><!-- /.logo-box -->
    420. 

  420. 			<div class="mobile-nav__container"></div><!-- /.mobile-nav__container -->
    421. 

  421. 			<ul class="mobile-nav__contact list-unstyled">
    422. 

  422. 				<li><i class="fa fa-phone"></i><a href="">+88(9800) 6802</a></li>
    423. 

  423. 				<li><i class="fa fa-envelope"></i><a href="mailto:needhelp@company.com">needhelp@company.com</a></li>
    424. 

  424. 				<li><i class="fa fa-map-marker-alt"></i>88 Broklyn Golden Road Street <br>New York. USA </li>
    425. 

  425. 			</ul><!-- /.mobile-nav__contact -->
    426. 

  426. 			<ul class="mobile-nav__social">
    427. 

  427. 				<li><a href="#"><i class="fab fa-twitter"></i></a></li>
    428. 

  428. 				<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
    429. 

  429. 				<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
    430. 

  430. 				<li><a href="#"><i class="fab fa-instagram"></i></a></li>
    431. 

  431. 			</ul><!-- /.mobile-nav__social -->
    432. 

  432. 		</div><!-- /.mobile-nav__content -->
    433. 

  433. 	</div><!-- /.mobile-nav__wrapper -->
    434. 

  434. 	<div class="search-popup">
    435. 

  435. 		<div class="search-popup__overlay search-toggler"></div><!-- /.search-popup__overlay -->
    436. 

  436. 		<div class="search-popup__content">
    437. 

  437. 			<form action="#"><label for="search" class="sr-only">search here</label><!-- /.sr-only --><input type="text"
    438. 

  438. 					id="search" placeholder="Search Here..."><button type="submit" aria-label="search submit"
    439. 

  439. 					class="thm-btn"><span><i class="icon-magnifying-glass"></i></span></button></form>
    440. 

  440. 		</div><!-- /.search-popup__content -->
    441. 

  441. 	</div><!-- /.search-popup --><a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i
    442. 

  442. 			class="fa fa-angle-up"></i></a><!-- plugins js -->
    443. 

  443. 	<script src="assets/js/jquery-3.6.0.min.js"></script>
    444. 

  444. 	<script src="assets/js/bootstrap.bundle.min.js"></script>
    445. 

  445. 	<script src="assets/js/jquery.validate.min.js"></script>
    446. 

  446. 	<script src="assets/js/owl.carousel.min.js"></script>
    447. 

  447. 	<script src="assets/js/wow.js"></script>
    448. 

  448. 	<script src="assets/js/jarallax.min.js"></script>
    449. 

  449. 	<script src="assets/js/jquery.ajaxchimp.min.js"></script><!-- template js -->
    450. 

  450. 	<script src="assets/js/cretech.js"></script>
    451. 

  451. </body>
    452. 

  452. 

  453. </html>
    454.