Halaman utama Jelajahi Bantuan
Masuk
site
/
peasafe
2
0
Fork 0
Berkas Masalah 0 Permintaan Tarik 0 Wiki
Pohon: ec18817526
Ranting Tag
peasafe
/
main
/
assets
/
t4
/
project-details.html

project-details.html 21 KB
Riwayat Mentahan

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401 
  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>Project Details || 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-1.html">Services</a>
    74. 

  74. 						<ul>
    75. 

  75. 							<li><a href="services-1.html">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="">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>Project</li>
    114. 

  114. 				</ul>
    115. 

  115. 				<h2 class="page-header__title">Project Details</h2><!-- /.page-header__title -->
    116. 

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

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

  118. 		<section class="project-details section-padding--bottom section-padding--top">
    119. 

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

  120. 				<div class="project-details__image"><img src="assets/picture/project-d-1-1.jpg" alt=""></div>
    121. 

  121. 				<!-- /.project-details__image -->
    122. 

  122. 				<div class="project-details__info">
    123. 

  123. 					<div class="project-details__info__item">
    124. 

  124. 						<h4 class="project-details__info__title">Clients:</h4>
    125. 

  125. 						<p class="project-details__info__text">David Jackson</p><!-- /.project-details__info__text -->
    126. 

  126. 					</div><!-- /.project-details__info__item -->
    127. 

  127. 					<div class="project-details__info__item">
    128. 

  128. 						<h4 class="project-details__info__title">Category:</h4>
    129. 

  129. 						<p class="project-details__info__text"><a href="#">IT</a>,<a href="#">Technology</a></p>
    130. 

  130. 						<!-- /.project-details__info__text -->
    131. 

  131. 					</div><!-- /.project-details__info__item -->
    132. 

  132. 					<div class="project-details__info__item">
    133. 

  133. 						<h4 class="project-details__info__title">Date:</h4>
    134. 

  134. 						<p class="project-details__info__text">28 July,2022</p><!-- /.project-details__info__text -->
    135. 

  135. 					</div><!-- /.project-details__info__item -->
    136. 

  136. 					<div class="project-details__info__item">
    137. 

  137. 						<h4 class="project-details__info__title">Value:</h4>
    138. 

  138. 						<p class="project-details__info__text">87,000 USD</p><!-- /.project-details__info__text -->
    139. 

  139. 					</div><!-- /.project-details__info__item -->
    140. 

  140. 					<div class="project-details__info__item">
    141. 

  141. 						<div class="project-details__info__social"><a href="#"><i class="fab fa-twitter"></i></a><a
    142. 

  142. 								href="#"><i class="fab fa-facebook"></i></a><a href="#"><i
    143. 

  143. 									class="fab fa-instagram"></i></a></div><!-- /.project-details__info__social -->
    144. 

  144. 					</div><!-- /.project-details__info__item -->
    145. 

  145. 				</div><!-- /.project-details__info -->
    146. 

  146. 				<h3 class="project-details__title">Data Recovery Analysis</h3><!-- /.project-details__title -->
    147. 

  147. 				<div class="project-details__content">
    148. 

  148. 					<p>Lorem ipsum is simply free text used by copytyping refreshing. Neque porro est qui dolorem ipsum
    149. 

  149. 						quia quaed inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Aelltes
    150. 

  150. 						port lacus quis enim var sed efficitur turpis gilla sed sit amet finibus eros. Lorem Ipsum is
    151. 

  151. 						simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the ndustry
    152. 

  152. 						standard dummy text ever since the 1500s,when an unknown printer took a galley of type and
    153. 

  153. 						scrambled it to make a type specimen book. It has survived not only five centuries. Lorem Ipsum
    154. 

  154. 						is simply dummy text of the new design printng and type setting Ipsum Take a look at our round
    155. 

  155. 						up of the best shows coming soon to your telly box has been the is industrys. When an unknown
    156. 

  156. 						printer took a galley of type and scrambled it to make a type specimen book. It has survived not
    157. 

  157. 						only five centuries,but also the leap into electronic typesetting,remaining essentially
    158. 

  158. 						unchanged. </p>
    159. 

  159. 					<p>Lorem Ipsum has been the ndustry standard dummy text ever since the 1500s,when an unknown printer
    160. 

  160. 						took a galley of type and scrambled it to make a type specimen book. It has survived not only
    161. 

  161. 						five centuries. Lorem Ipsum is simply dummy text of the new design printng and type setting
    162. 

  162. 						Ipsum Take a look at our round up of the best shows coming soon to your telly box has been the
    163. 

  163. 						is industrys.</p>
    164. 

  164. 					<ul class="project-details__list">
    165. 

  165. 						<li><i class="fa fa-check-circle"></i>Lorem Ipsum generators on the Internet tend uses a
    166. 

  166. 							dictionary. </li>
    167. 

  167. 						<li><i class="fa fa-check-circle"></i>The majority have alteration in some form of over 200
    168. 

  168. 							Latin words. </li>
    169. 

  169. 						<li><i class="fa fa-check-circle"></i>There are many variations of passages of available
    170. 

  170. 							slightly. </li>
    171. 

  171. 					</ul><!-- /.project-details__list -->
    172. 

  172. 				</div><!-- /.project-details__content -->
    173. 

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

  174. 		</section><!-- /.project-details -->
    175. 

  175. 		<div class="project-nav">
    176. 

  176. 			<div class="container">
    177. 

  177. 				<div class="project-nav__inner"><a href="#"><i class="icon-left-arrow"></i>Previous </a><a href="#">Next
    178. 

  178. 						<i class="icon-right-arrow"></i></a></div><!-- /.project-nav__inner -->
    179. 

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

  180. 		</div><!-- /.project-nav -->
    181. 

  181. 		<section class="section-padding--top section-padding--bottom">
    182. 

  182. 			<div class="container">
    183. 

  183. 				<div class="section-title text-center">
    184. 

  184. 					<p class="section-title__text">similar projects</p><!-- /.section-title__text -->
    185. 

  185. 					<h2 class="section-title__title">Check We Have Similar <br>IT Projects</h2>
    186. 

  186. 					<!-- /.section-title__title -->
    187. 

  187. 				</div><!-- /.section-title -->
    188. 

  188. 				<div class="owl-carousel thm-owl__carousel" data-owl-options='{
    189. 

  189. 					"loop": true,
    190. 

  190. 					"autoplay": true,
    191. 

  191. 					"autoplayTimeout": 5000,
    192. 

  192. 					"autoplayHoverPause": true,
    193. 

  193. 					"smartSpeed": 700,
    194. 

  194. 					"items": 1,
    195. 

  195. 					"margin": 0,
    196. 

  196. 					"nav": false,
    197. 

  197. 					"dots": false,
    198. 

  198. 					"responsive": {
    199. 

  199. 						"0": {
    200. 

  200. 							"items": 1,
    201. 

  201. 							"margin": 0
    202. 

  202. 						},
    203. 

  203. 						"576": {
    204. 

  204. 							"items": 2,
    205. 

  205. 							"margin": 30
    206. 

  206. 						},
    207. 

  207. 						"992": {
    208. 

  208. 							"items": 3,
    209. 

  209. 							"margin": 30
    210. 

  210. 						}
    211. 

  211. 					}
    212. 

  212. 				}'>
    213. 

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

  214. 						<div class="project-card-one">
    215. 

  215. 							<div class="project-card-one__image"><img src="assets/picture/project-1-1.jpg" alt=""></div>
    216. 

  216. 							<!-- /.project-card-one__image -->
    217. 

  217. 							<div class="project-card-one__content">
    218. 

  218. 								<div class="project-card-one__content__inner">
    219. 

  219. 									<p class="project-card-one__text">IT Technology Solution</p>
    220. 

  220. 									<h3 class="project-card-one__title"><a href="">Data Recovery Analysis</a></h3>
    221. 

  221. 									<!-- /.project-card-one__title --><a href="" class="project-card-one__more"><i
    222. 

  222. 											class="fa fa-angle-right"></i></a><!-- /.project-card-one__more -->
    223. 

  223. 								</div><!-- /.project-card-one__content__inner -->
    224. 

  224. 							</div><!-- /.project-card-one__content -->
    225. 

  225. 						</div><!-- /.project-card-one -->
    226. 

  226. 					</div><!-- /.item -->
    227. 

  227. 					<div class="item">
    228. 

  228. 						<div class="project-card-one">
    229. 

  229. 							<div class="project-card-one__image"><img src="assets/picture/project-1-2.jpg" alt=""></div>
    230. 

  230. 							<!-- /.project-card-one__image -->
    231. 

  231. 							<div class="project-card-one__content">
    232. 

  232. 								<div class="project-card-one__content__inner">
    233. 

  233. 									<p class="project-card-one__text">IT Technology Solution</p>
    234. 

  234. 									<h3 class="project-card-one__title"><a href="">Data Recovery Analysis</a></h3>
    235. 

  235. 									<!-- /.project-card-one__title --><a href="" class="project-card-one__more"><i
    236. 

  236. 											class="fa fa-angle-right"></i></a><!-- /.project-card-one__more -->
    237. 

  237. 								</div><!-- /.project-card-one__content__inner -->
    238. 

  238. 							</div><!-- /.project-card-one__content -->
    239. 

  239. 						</div><!-- /.project-card-one -->
    240. 

  240. 					</div><!-- /.item -->
    241. 

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

  242. 						<div class="project-card-one">
    243. 

  243. 							<div class="project-card-one__image"><img src="assets/picture/project-1-3.jpg" alt=""></div>
    244. 

  244. 							<!-- /.project-card-one__image -->
    245. 

  245. 							<div class="project-card-one__content">
    246. 

  246. 								<div class="project-card-one__content__inner">
    247. 

  247. 									<p class="project-card-one__text">IT Technology Solution</p>
    248. 

  248. 									<h3 class="project-card-one__title"><a href="">Data Recovery Analysis</a></h3>
    249. 

  249. 									<!-- /.project-card-one__title --><a href="" class="project-card-one__more"><i
    250. 

  250. 											class="fa fa-angle-right"></i></a><!-- /.project-card-one__more -->
    251. 

  251. 								</div><!-- /.project-card-one__content__inner -->
    252. 

  252. 							</div><!-- /.project-card-one__content -->
    253. 

  253. 						</div><!-- /.project-card-one -->
    254. 

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

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

  256. 						<div class="project-card-one">
    257. 

  257. 							<div class="project-card-one__image"><img src="assets/picture/project-1-4.jpg" alt=""></div>
    258. 

  258. 							<!-- /.project-card-one__image -->
    259. 

  259. 							<div class="project-card-one__content">
    260. 

  260. 								<div class="project-card-one__content__inner">
    261. 

  261. 									<p class="project-card-one__text">IT Technology Solution</p>
    262. 

  262. 									<h3 class="project-card-one__title"><a href="">Data Recovery Analysis</a></h3>
    263. 

  263. 									<!-- /.project-card-one__title --><a href="" class="project-card-one__more"><i
    264. 

  264. 											class="fa fa-angle-right"></i></a><!-- /.project-card-one__more -->
    265. 

  265. 								</div><!-- /.project-card-one__content__inner -->
    266. 

  266. 							</div><!-- /.project-card-one__content -->
    267. 

  267. 						</div><!-- /.project-card-one -->
    268. 

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

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

  270. 						<div class="project-card-one">
    271. 

  271. 							<div class="project-card-one__image"><img src="assets/picture/project-1-5.jpg" alt=""></div>
    272. 

  272. 							<!-- /.project-card-one__image -->
    273. 

  273. 							<div class="project-card-one__content">
    274. 

  274. 								<div class="project-card-one__content__inner">
    275. 

  275. 									<p class="project-card-one__text">IT Technology Solution</p>
    276. 

  276. 									<h3 class="project-card-one__title"><a href="">Data Recovery Analysis</a></h3>
    277. 

  277. 									<!-- /.project-card-one__title --><a href="" class="project-card-one__more"><i
    278. 

  278. 											class="fa fa-angle-right"></i></a><!-- /.project-card-one__more -->
    279. 

  279. 								</div><!-- /.project-card-one__content__inner -->
    280. 

  280. 							</div><!-- /.project-card-one__content -->
    281. 

  281. 						</div><!-- /.project-card-one -->
    282. 

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

  283. 					<div class="item">
    284. 

  284. 						<div class="project-card-one">
    285. 

  285. 							<div class="project-card-one__image"><img src="assets/picture/project-1-6.jpg" alt=""></div>
    286. 

  286. 							<!-- /.project-card-one__image -->
    287. 

  287. 							<div class="project-card-one__content">
    288. 

  288. 								<div class="project-card-one__content__inner">
    289. 

  289. 									<p class="project-card-one__text">IT Technology Solution</p>
    290. 

  290. 									<h3 class="project-card-one__title"><a href="">Data Recovery Analysis</a></h3>
    291. 

  291. 									<!-- /.project-card-one__title --><a href="" class="project-card-one__more"><i
    292. 

  292. 											class="fa fa-angle-right"></i></a><!-- /.project-card-one__more -->
    293. 

  293. 								</div><!-- /.project-card-one__content__inner -->
    294. 

  294. 							</div><!-- /.project-card-one__content -->
    295. 

  295. 						</div><!-- /.project-card-one -->
    296. 

  296. 					</div><!-- /.item -->
    297. 

  297. 				</div><!-- /.owl-carousel -->
    298. 

  298. 			</div><!-- /.container -->
    299. 

  299. 		</section>
    300. 

  300. 		<div class="footer-main section-padding--bottom section-padding--top">
    301. 

  301. 			<div class="container">
    302. 

  302. 				<div class="row gutter-y-30">
    303. 

  303. 					<div class="col-lg-3 col-md-6 col-sm-12">
    304. 

  304. 						<div class="footer-widget footer-widget--about"><a href="index.html"
    305. 

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

  306. 									height="40" alt="Cretech"></a>
    307. 

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

  308. 								ones in advertising sector.</p><!-- /.footer-widget__text -->
    309. 

  309. 							<ul class="footer-widget__social">
    310. 

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

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

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

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

  314. 							</ul><!-- /.footer-widget__social -->
    315. 

  315. 						</div><!-- /.footer-widget -->
    316. 

  316. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    317. 

  317. 					<div class="col-lg-3 col-md-6 col-sm-12">
    318. 

  318. 						<div class="footer-widget footer-widget--links">
    319. 

  319. 							<h3 class="footer-widget__title">Services</h3><!-- /.footer-widget__title -->
    320. 

  320. 							<ul class="footer-widget__links">
    321. 

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

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

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

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

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

  326. 							</ul><!-- /.footer-widget__links -->
    327. 

  327. 						</div><!-- /.footer-widget -->
    328. 

  328. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    329. 

  329. 					<div class="col-lg-3 col-md-6 col-sm-12">
    330. 

  330. 						<div class="footer-widget footer-widget--newsletter">
    331. 

  331. 							<h3 class="footer-widget__title">Subscribe</h3><!-- /.footer-widget__title -->
    332. 

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

  333. 							<!-- /.footer-widget__text -->
    334. 

  334. 							<form action="#" class="footer-widget__newsletter mc-form"
    335. 

  335. 								data-url="ADD_YOUR_MAILCHIMP_FORM_URL_HERE"><input type="email" name="EMAIL"
    336. 

  336. 									placeholder="Enter Your Email"><button
    337. 

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

  338. 							<div class="mc-form__response"></div><!-- /.mc-form__response -->
    339. 

  339. 						</div><!-- /.footer-widget -->
    340. 

  340. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    341. 

  341. 					<div class="col-lg-3 col-md-6 col-sm-12">
    342. 

  342. 						<div class="footer-widget footer-widget--contact">
    343. 

  343. 							<h3 class="footer-widget__title">Contact</h3><!-- /.footer-widget__title -->
    344. 

  344. 							<ul class="footer-widget__contact">
    345. 

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

  346. 								<li><i class="fa fa-envelope"></i><a
    347. 

  347. 										href="mailto:needhelp@company.com">needhelp@company.com</a></li>
    348. 

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

  349. 								</li>
    350. 

  350. 							</ul><!-- /.footer-widget__contact -->
    351. 

  351. 						</div><!-- /.footer-widget -->
    352. 

  352. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    353. 

  353. 				</div><!-- /.row -->
    354. 

  354. 			</div><!-- /.container -->
    355. 

  355. 		</div><!-- /.footer-main -->
    356. 

  356. 		<div class="footer-bottom">
    357. 

  357. 			<div class="container">
    358. 

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

  359. 			</div><!-- /.container -->
    360. 

  360. 		</div><!-- /.footer-bottom -->
    361. 

  361. 	</div><!-- /.page-wrapper -->
    362. 

  362. 	<div class="mobile-nav__wrapper">
    363. 

  363. 		<div class="mobile-nav__overlay mobile-nav__toggler"></div><!-- /.mobile-nav__overlay -->
    364. 

  364. 		<div class="mobile-nav__content"><a href="#"
    365. 

  365. 				class="mobile-nav__close mobile-nav__toggler"><span></span><span></span></a>
    366. 

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

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

  368. 			<div class="mobile-nav__container"></div><!-- /.mobile-nav__container -->
    369. 

  369. 			<ul class="mobile-nav__contact list-unstyled">
    370. 

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

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

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

  373. 			</ul><!-- /.mobile-nav__contact -->
    374. 

  374. 			<ul class="mobile-nav__social">
    375. 

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

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

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

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

  379. 			</ul><!-- /.mobile-nav__social -->
    380. 

  380. 		</div><!-- /.mobile-nav__content -->
    381. 

  381. 	</div><!-- /.mobile-nav__wrapper -->
    382. 

  382. 	<div class="search-popup">
    383. 

  383. 		<div class="search-popup__overlay search-toggler"></div><!-- /.search-popup__overlay -->
    384. 

  384. 		<div class="search-popup__content">
    385. 

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

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

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

  388. 		</div><!-- /.search-popup__content -->
    389. 

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

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

  391. 	<script src="assets/js/jquery-3.6.0.min.js"></script>
    392. 

  392. 	<script src="assets/js/bootstrap.bundle.min.js"></script>
    393. 

  393. 	<script src="assets/js/jquery.validate.min.js"></script>
    394. 

  394. 	<script src="assets/js/owl.carousel.min.js"></script>
    395. 

  395. 	<script src="assets/js/wow.js"></script>
    396. 

  396. 	<script src="assets/js/jarallax.min.js"></script>
    397. 

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

  398. 	<script src="assets/js/cretech.js"></script>
    399. 

  399. </body>
    400. 

  400. 

  401. </html>
    402.