Halaman utama Jelajahi Bantuan
Masuk
site
/
peasafe
2
0
Fork 0
Berkas Masalah 0 Permintaan Tarik 0 Wiki
Cabang: master
Ranting Tag
peasafe
/
main
/
assets
/
t4
/
index-2.html

index-2.html 44 KB
Permalink Riwayat Mentahan

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859 
  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>Home Two || 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">
    22. 

  22. 	<link rel="stylesheet" href="assets/css/ion.rangeSlider.min.css"><!-- templates css -->
    23. 

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

  24. </head>
    25. 

  25. 

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

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

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

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

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

  31. 	</div>
    32. 

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

  33. 		<header class="header-two">
    34. 

  34. 			<div class="topbar-two">
    35. 

  35. 				<div class="container">
    36. 

  36. 					<div class="topbar-two__inner">
    37. 

  37. 						<div class="topbar-two__logo"><a href="index.html"><img src="assets/picture/logo-dark.png"
    38. 

  38. 									width="98" height="33" alt="Cretech"></a></div><!-- /.topbar-two__logo -->
    39. 

  39. 						<ul class="topbar-two__list">
    40. 

  40. 							<li class="topbar-two__list__item">
    41. 

  41. 								<div class="topbar-two__list__icon"><i class="fa fa-envelope"></i></div>
    42. 

  42. 								<!-- /.topbar-two__list__icon -->
    43. 

  43. 								<div class="topbar-two__list__content"><span>Send Email</span><a
    44. 

  44. 										href="mailto:needhelp@company.com">needhelp@company.com</a></div>
    45. 

  45. 								<!-- /.topbar-two__list__content -->
    46. 

  46. 							</li>
    47. 

  47. 							<li class="topbar-two__list__item">
    48. 

  48. 								<div class="topbar-two__list__icon"><i class="fa fa-map-marker"></i></div>
    49. 

  49. 								<!-- /.topbar-two__list__icon -->
    50. 

  50. 								<div class="topbar-two__list__content"><span>Address</span>60 Golden Broklyn Street,New
    51. 

  51. 									York </div><!-- /.topbar-two__list__content -->
    52. 

  52. 							</li>
    53. 

  53. 						</ul><!-- /.topbar-two__list -->
    54. 

  54. 						<div class="topbar-two__btns"><a href="contact.html" class="thm-btn topbar-two__btn"><span>Free
    55. 

  55. 									Consultation</span></a><!-- /.thm-btn topbar-two__btn -->
    56. 

  56. 						</div><!-- /.topbar-two__btns -->
    57. 

  57. 					</div><!-- /.topbar-two__inner -->
    58. 

  58. 				</div><!-- /.container -->
    59. 

  59. 			</div><!-- /.topbar-two -->
    60. 

  60. 			<nav class="main-menu sticky-header">
    61. 

  61. 				<div class="container">
    62. 

  62. 					<div class="main-menu__inner">
    63. 

  63. 						<div class="main-menu__logo"><a href="index.html"><img src="assets/picture/logo-light.png"
    64. 

  64. 									width="98" height="33" alt="Cretech"></a></div><!-- /.main-menu__logo -->
    65. 

  65. 						<ul class="main-menu__list">
    66. 

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

  67. 								<ul>
    68. 

  68. 									<li><a href="index.html">Home One</a></li>
    69. 

  69. 									<li><a href="">Home Two</a></li>
    70. 

  70. 									<li><a href="index-3.html">Home Three</a></li>
    71. 

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

  72. 										<ul>
    73. 

  73. 											<li><a href="index.html">Header One</a></li>
    74. 

  74. 											<li><a href="">Header Two</a></li>
    75. 

  75. 											<li><a href="index-3.html">Header Three</a></li>
    76. 

  76. 										</ul>
    77. 

  77. 									</li>
    78. 

  78. 								</ul>
    79. 

  79. 							</li>
    80. 

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

  81. 								<ul>
    82. 

  82. 									<li><a href="about.html">About Us</a></li>
    83. 

  83. 									<li><a href="team.html">Our Team</a></li>
    84. 

  84. 								</ul>
    85. 

  85. 							</li>
    86. 

  86. 							<li class="menu-item-has-children"><a href="services-1.html">Services</a>
    87. 

  87. 								<ul>
    88. 

  88. 									<li><a href="services-1.html">Services 01</a></li>
    89. 

  89. 									<li><a href="services-2.html">Services 02</a></li>
    90. 

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

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

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

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

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

  95. 								</ul>
    96. 

  96. 							</li>
    97. 

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

  98. 								<ul>
    99. 

  99. 									<li><a href="projects.html">Projects</a></li>
    100. 

  100. 									<li><a href="project-details.html">Projects Details</a></li>
    101. 

  101. 								</ul>
    102. 

  102. 							</li>
    103. 

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

  104. 								<ul>
    105. 

  105. 									<li><a href="blog.html">Blog</a></li>
    106. 

  106. 									<li><a href="blog-details.html">Blog Details</a></li>
    107. 

  107. 								</ul>
    108. 

  108. 							</li>
    109. 

  109. 							<li><a href="contact.html">Contact</a></li>
    110. 

  110. 						</ul><!-- /.main-menu__list -->
    111. 

  111. 						<div class="main-menu__right"><a href="#"
    112. 

  112. 								class="mobile-nav__toggler"><span></span><span></span><span></span></a><a href=""
    113. 

  113. 								class="main-menu__cta"><i class="fa fa-phone-alt"></i><span
    114. 

  114. 									class="main-menu__cta__text"><b>+92(8800) 9860</b></span>
    115. 

  115. 								<!-- /.main-menu__cta__text --></a><!-- /.main-menu__cta --><a href="#"
    116. 

  116. 								class="search-toggler"><i class="icon-magnifying-glass"></i></a>
    117. 

  117. 							<!-- /.search-toggler -->
    118. 

  118. 						</div><!-- /.main-menu__right -->
    119. 

  119. 					</div><!-- /.main-menu__inner -->
    120. 

  120. 				</div><!-- /.container -->
    121. 

  121. 			</nav><!-- /.main-menu -->
    122. 

  122. 		</header><!-- /.header-two -->
    123. 

  123. 		<div class="slider-one slider-two">
    124. 

  124. 			<ul class="slider-two__social">
    125. 

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

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

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

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

  129. 			</ul><!-- /.topbar__social -->
    130. 

  130. 			<div class="slider-one__carousel owl-carousel owl-theme thm-owl__carousel"
    131. 

  131. 				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}'>
    132. 

  132. 				<div class="item slider-one__slide-1">
    133. 

  133. 					<div class="slider-one__bg" style="background-image: url(assets/picture/slider-2-1.jpg);"></div>
    134. 

  134. 					<!-- /.slider-one__bg -->
    135. 

  135. 					<div class="slider-one__shape-1"></div><!-- /.slider-one__shape-1 -->
    136. 

  136. 					<div class="container">
    137. 

  137. 						<div class="slider-one__content ">
    138. 

  138. 							<div class="slider-one__title-wrapper">
    139. 

  139. 								<h2 class="slider-one__title">IT Solutions <br>to Grow <span>Your</span><br>Business
    140. 

  140. 								</h2><!-- /.slider-one__title -->
    141. 

  141. 							</div><!-- /.slider-one__title-wrapper -->
    142. 

  142. 							<div class="slider-one__btns"><a href="about.html"
    143. 

  143. 									class="thm-btn slider-one__btn"><span>Learn More</span></a>
    144. 

  144. 								<!-- /.thm-btn slider-one__btn -->
    145. 

  145. 							</div><!-- /.slider-one__btns -->
    146. 

  146. 						</div><!-- /.slider-one__content -->
    147. 

  147. 					</div><!-- /.container -->
    148. 

  148. 				</div><!-- /.item -->
    149. 

  149. 				<div class="item slider-one__slide-2">
    150. 

  150. 					<div class="slider-one__bg" style="background-image: url(assets/picture/slider-2-2.jpg);"></div>
    151. 

  151. 					<!-- /.slider-one__bg -->
    152. 

  152. 					<div class="slider-one__shape-1"></div><!-- /.slider-one__shape-1 -->
    153. 

  153. 					<div class="container">
    154. 

  154. 						<div class="slider-one__content ">
    155. 

  155. 							<div class="slider-one__title-wrapper">
    156. 

  156. 								<h2 class="slider-one__title">IT Solutions <br>to Grow <span>Your</span><br>Business
    157. 

  157. 								</h2><!-- /.slider-one__title -->
    158. 

  158. 							</div><!-- /.slider-one__title-wrapper -->
    159. 

  159. 							<div class="slider-one__btns"><a href="about.html"
    160. 

  160. 									class="thm-btn slider-one__btn"><span>Learn More</span></a>
    161. 

  161. 								<!-- /.thm-btn slider-one__btn -->
    162. 

  162. 							</div><!-- /.slider-one__btns -->
    163. 

  163. 						</div><!-- /.slider-one__content -->
    164. 

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

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

  166. 			</div><!-- /.slider-one__carousel -->
    167. 

  167. 		</div><!-- /.slider-one -->
    168. 

  168. 		<section
    169. 

  169. 			class="section-padding--top section-padding-xl--bottom section-has-bottom-margin background-repeat-no background-size-cover gray-bg about-seven"
    170. 

  170. 			style="background-image: url(assets/picture/about-seven-bg-1-1.png);">
    171. 

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

  172. 				<div class="row gutter-y-60">
    173. 

  173. 					<div class="col-lg-5">
    174. 

  174. 						<div class="about-seven__content">
    175. 

  175. 							<div class="section-title">
    176. 

  176. 								<p class="section-title__text">HOW CAN HELP YOU</p><!-- /.section-title__text -->
    177. 

  177. 								<h2 class="section-title__title">Business Solutions <br>to Growth Business</h2>
    178. 

  178. 								<!-- /.section-title__title -->
    179. 

  179. 							</div><!-- /.section-title -->
    180. 

  180. 							<div class="about-seven__text">System is a term used to refer to an organized collection
    181. 

  181. 								symbols and processes that may be used to operate on such symbols. Perspiciatis unde
    182. 

  182. 								omnis natus error voluptatems accusa.</div><!-- /.about-seven__text -->
    183. 

  183. 							<div class="about-seven__btns"><a href="services-1.html"
    184. 

  184. 									class="thm-btn about-seven__btn"><span>Learn More</span></a>
    185. 

  185. 								<!-- /.thm-btn about-seven__btn -->
    186. 

  186. 							</div><!-- /.about-seven__btns -->
    187. 

  187. 						</div><!-- /.about-seven__content -->
    188. 

  188. 					</div><!-- /.col-lg-5 -->
    189. 

  189. 					<div class="col-lg-7">
    190. 

  190. 						<ul class="about-seven__list">
    191. 

  191. 							<li class="about-seven__list__item text-center wow fadeInLeft" data-wow-duration="1500ms"
    192. 

  192. 								data-wow-delay="000ms"><i class="about-seven__list__icon icon-dashboard"></i>
    193. 

  193. 								<h3 class="about-seven__list__title"><a
    194. 

  194. 										href="service-infrastructure-plan.html">Automated <br>Software</a></h3>
    195. 

  195. 							</li>
    196. 

  196. 							<li class="about-seven__list__item text-center wow fadeInLeft" data-wow-duration="1500ms"
    197. 

  197. 								data-wow-delay="100ms"><i class="about-seven__list__icon icon-system"></i>
    198. 

  198. 								<h3 class="about-seven__list__title"><a href="service-infrastructure-plan.html">Managed
    199. 

  199. 										IT <br>Services</a></h3>
    200. 

  200. 							</li>
    201. 

  201. 							<li class="about-seven__list__item text-center wow fadeInLeft" data-wow-duration="1500ms"
    202. 

  202. 								data-wow-delay="200ms"><i class="about-seven__list__icon icon-cloud-data"></i>
    203. 

  203. 								<h3 class="about-seven__list__title"><a href="service-infrastructure-plan.html">Market
    204. 

  204. 										<br>Strategy</a></h3>
    205. 

  205. 							</li>
    206. 

  206. 							<li class="about-seven__list__item text-center wow fadeInLeft" data-wow-duration="1500ms"
    207. 

  207. 								data-wow-delay="300ms"><i class="about-seven__list__icon icon-data-visualization"></i>
    208. 

  208. 								<h3 class="about-seven__list__title"><a href="service-infrastructure-plan.html">Data
    209. 

  209. 										<br>Structuring</a></h3>
    210. 

  210. 							</li>
    211. 

  211. 							<li class="about-seven__list__item text-center wow fadeInLeft" data-wow-duration="1500ms"
    212. 

  212. 								data-wow-delay="400ms"><i class="about-seven__list__icon icon-software-engineer"></i>
    213. 

  213. 								<h3 class="about-seven__list__title"><a href="service-infrastructure-plan.html">Software
    214. 

  214. 										<br>Develop</a></h3>
    215. 

  215. 							</li>
    216. 

  216. 							<li class="about-seven__list__item text-center wow fadeInLeft" data-wow-duration="1500ms"
    217. 

  217. 								data-wow-delay="500ms"><i class="about-seven__list__icon icon-web-design"></i>
    218. 

  218. 								<h3 class="about-seven__list__title"><a href="service-infrastructure-plan.html">Website
    219. 

  219. 										<br>Develop</a></h3>
    220. 

  220. 							</li>
    221. 

  221. 						</ul><!-- /.about-seven__list -->
    222. 

  222. 					</div><!-- /.col-lg-7 -->
    223. 

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

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

  225. 		</section>
    226. 

  226. 		<section class="cta-one cta-one--home-three">
    227. 

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

  228. 				<div class="cta-one__inner  wow fadeInUp" data-wow-duration="1500ms">
    229. 

  229. 					<div class="cta-one__circle"></div><!-- /.cta-one__circle -->
    230. 

  230. 					<div class="section-title ">
    231. 

  231. 						<h2 class="section-title__title section-title__title--light">Ready to Get Free Consulations
    232. 

  232. 							<br>for Any Kind of it Solutions?</h2><!-- /.section-title__title -->
    233. 

  233. 					</div><!-- /.section-title -->
    234. 

  234. 					<div class="cta-one--home-three__btns"><a href="contact.html"
    235. 

  235. 							class="thm-btn thm-btn--light cta-one__btn"><span>Get A Quote</span></a></div>
    236. 

  236. 					<!-- /.cta-one--home-three__btns -->
    237. 

  237. 					<!-- /.thm-btn thm-btn--light cta-one__btn -->
    238. 

  238. 				</div><!-- /.cta-one__inner -->
    239. 

  239. 			</div><!-- /.container -->
    240. 

  240. 		</section><!-- /.cta-one -->
    241. 

  241. 		<section class="section-padding--bottom section-padding--top">
    242. 

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

  243. 				<div class="section-title text-center">
    244. 

  244. 					<p class="section-title__text">Company Benefits</p><!-- /.section-title__text -->
    245. 

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

  246. 						Solutions</h2><!-- /.section-title__title -->
    247. 

  247. 				</div><!-- /.section-title -->
    248. 

  248. 				<div class="row gutter-y-30">
    249. 

  249. 					<div class="col-lg-3 col-md-6 col-sm-12">
    250. 

  250. 						<div class="service-card-two gray-bg">
    251. 

  251. 							<h3 class="service-card-two__title"><a href="services-1.html">Quality Service</a></h3>
    252. 

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

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

  254. 							</p><!-- /.service-card-two__text -->
    255. 

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

  256. 							<!-- /.service-card-two__icon -->
    257. 

  257. 						</div><!-- /.service-card-two -->
    258. 

  258. 					</div><!-- /.col-lg-3 -->
    259. 

  259. 					<div class="col-lg-3 col-md-6 col-sm-12">
    260. 

  260. 						<div class="service-card-two gray-bg">
    261. 

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

  262. 							<!-- /.service-card-two__title -->
    263. 

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

  264. 							</p><!-- /.service-card-two__text -->
    265. 

  265. 							<div class="service-card-two__icon"><i class="icon-link"></i></div>
    266. 

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

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

  268. 					</div><!-- /.col-lg-3 -->
    269. 

  269. 					<div class="col-lg-3 col-md-6 col-sm-12">
    270. 

  270. 						<div class="service-card-two gray-bg">
    271. 

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

  272. 							<!-- /.service-card-two__title -->
    273. 

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

  274. 							</p><!-- /.service-card-two__text -->
    275. 

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

  276. 							<!-- /.service-card-two__icon -->
    277. 

  277. 						</div><!-- /.service-card-two -->
    278. 

  278. 					</div><!-- /.col-lg-3 -->
    279. 

  279. 					<div class="col-lg-3 col-md-6 col-sm-12">
    280. 

  280. 						<div class="service-card-two gray-bg">
    281. 

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

  282. 							<!-- /.service-card-two__title -->
    283. 

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

  284. 							</p><!-- /.service-card-two__text -->
    285. 

  285. 							<div class="service-card-two__icon"><i class="icon-cctv"></i></div>
    286. 

  286. 							<!-- /.service-card-two__icon -->
    287. 

  287. 						</div><!-- /.service-card-two -->
    288. 

  288. 					</div><!-- /.col-lg-3 -->
    289. 

  289. 				</div><!-- /.row -->
    290. 

  290. 			</div><!-- /.container -->
    291. 

  291. 		</section>
    292. 

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

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

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

  295. 			<div class="container">
    296. 

  296. 				<div class="cta-two__inner">
    297. 

  297. 					<h3 class="cta-two__title">Better IT Solutions And Services At Your <span>Fingertips</span></h3>
    298. 

  298. 					<!-- /.cta-two__title --><a href="contact.html" class="thm-btn cta-two__btn"><span>LEarn
    299. 

  299. 							More</span></a><!-- /.thm-btn cta-two__btn -->
    300. 

  300. 				</div><!-- /.cta-two__inner -->
    301. 

  301. 			</div><!-- /.container -->
    302. 

  302. 		</section>
    303. 

  303. 		<section class="section-padding--bottom section-padding--top pricing-one">
    304. 

  304. 			<div class="pricing-one__shape wow fadeInUp" data-wow-duration="1500ms"
    305. 

  305. 				style="background-image: url(assets/picture/pricing-one-bg-1-2.png);"></div>
    306. 

  306. 			<!-- /.pricing-one__shape -->
    307. 

  307. 			<div class="container">
    308. 

  308. 				<div class="row">
    309. 

  309. 					<div class="col-lg-4">
    310. 

  310. 						<div class="pricing-one__content">
    311. 

  311. 							<div class="section-title">
    312. 

  312. 								<p class="section-title__text">POPULAR PRICING</p><!-- /.section-title__text -->
    313. 

  313. 								<h2 class="section-title__title">Choose Our Pricing Table Plan</h2>
    314. 

  314. 								<!-- /.section-title__title -->
    315. 

  315. 							</div><!-- /.section-title -->
    316. 

  316. 							<div class="pricing-one__text">Aperiamea queipsa quae abillo inve ntore veritatis et quasi
    317. 

  317. 								architecto beatae vitae dicta sunt explicabo..</div><!-- /.pricing-one__text -->
    318. 

  318. 							<ul class="pricing-one__circle">
    319. 

  319. 								<li class="pricing-one__circle__item">
    320. 

  320. 									<div class="circle-progress"
    321. 

  321. 										data-options='{ "value": 0.75,"emptyFill": "rgba(225, 219, 236, 1)", "lineCap": "round", "size": 125, "fill": { "color": "#9c2ede" } }'>
    322. 

  322. 										<span>75%</span></div>
    323. 

  323. 									<h3 class="pricing-one__circle__title">Software</h3>
    324. 

  324. 									<!-- /.pricing-one__circle__title -->
    325. 

  325. 								</li>
    326. 

  326. 								<li class="pricing-one__circle__item">
    327. 

  327. 									<div class="circle-progress"
    328. 

  328. 										data-options='{ "value": 0.8,"emptyFill": "rgba(225, 219, 236, 1)","lineCap": "round", "size": 125, "fill": { "color": "#9c2ede" } }'>
    329. 

  329. 										<span>68%</span></div>
    330. 

  330. 									<h3 class="pricing-one__circle__title">Technology</h3>
    331. 

  331. 									<!-- /.pricing-one__circle__title -->
    332. 

  332. 								</li>
    333. 

  333. 							</ul>
    334. 

  334. 							<div class="pricing-one__btns"><a href="services-1.html"
    335. 

  335. 									class="thm-btn pricing-one__btn"><span>Learn More</span></a>
    336. 

  336. 								<!-- /.thm-btn pricing-one__btn -->
    337. 

  337. 							</div><!-- /.pricing-one__btns -->
    338. 

  338. 						</div><!-- /.pricing-one__content -->
    339. 

  339. 					</div><!-- /.col-lg-4 -->
    340. 

  340. 					<div class="col-lg-8">
    341. 

  341. 						<div class="pricing-one__items">
    342. 

  342. 							<div class="row">
    343. 

  343. 								<div class="col-md-6 wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="000ms">
    344. 

  344. 									<div class="pricing-card-one">
    345. 

  345. 										<div class="pricing-card-one__name">Regular Plan</div>
    346. 

  346. 										<!-- /.pricing-card-one__name -->
    347. 

  347. 										<div class="pricing-card-one__price">$54.99</div><!-- /.pricing-one__price -->
    348. 

  348. 										<div class="pricing-card-one__time">/Monthly</div>
    349. 

  349. 										<!-- /.pricing-card-one__time -->
    350. 

  350. 										<ul class="pricing-card-one__list">
    351. 

  351. 											<li><i class="fa fa-check"></i>Business & Finance Analysing </li>
    352. 

  352. 											<li><i class="fa fa-check"></i>Managment & Marketing </li>
    353. 

  353. 											<li><i class="fa fa-check"></i>24/7 Customer Support </li>
    354. 

  354. 											<li><i class="fa fa-close"></i>Strategy & Research </li>
    355. 

  355. 											<li><i class="fa fa-close"></i>SEO Optimization </li>
    356. 

  356. 										</ul><!-- /.pricing-card-one__list -->
    357. 

  357. 										<div class="pricing-card-one__btns"><a href="contact.html"
    358. 

  358. 												class="thm-btn thm-btn--dark pricing-card-one__btn"><span>GET
    359. 

  359. 													STARTED</span></a></div><!-- /.pricing-card-one__btns -->
    360. 

  360. 									</div><!-- /.pricing-card-one -->
    361. 

  361. 								</div><!-- /.col-md-6 -->
    362. 

  362. 								<div class="col-md-6 wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="100ms">
    363. 

  363. 									<div class="pricing-card-one">
    364. 

  364. 										<div class="pricing-card-one__name">Regular Plan</div>
    365. 

  365. 										<!-- /.pricing-card-one__name -->
    366. 

  366. 										<div class="pricing-card-one__price">$64.99</div><!-- /.pricing-one__price -->
    367. 

  367. 										<div class="pricing-card-one__time">/Monthly</div>
    368. 

  368. 										<!-- /.pricing-card-one__time -->
    369. 

  369. 										<ul class="pricing-card-one__list">
    370. 

  370. 											<li><i class="fa fa-check"></i>Business & Finance Analysing </li>
    371. 

  371. 											<li><i class="fa fa-check"></i>Managment & Marketing </li>
    372. 

  372. 											<li><i class="fa fa-check"></i>24/7 Customer Support </li>
    373. 

  373. 											<li><i class="fa fa-check"></i>Strategy & Research </li>
    374. 

  374. 											<li><i class="fa fa-check"></i>SEO Optimization </li>
    375. 

  375. 										</ul><!-- /.pricing-card-one__list -->
    376. 

  376. 										<div class="pricing-card-one__btns"><a href="contact.html"
    377. 

  377. 												class="thm-btn thm-btn--dark pricing-card-one__btn"><span>GET
    378. 

  378. 													STARTED</span></a></div><!-- /.pricing-card-one__btns -->
    379. 

  379. 									</div><!-- /.pricing-card-one -->
    380. 

  380. 								</div><!-- /.col-md-6 -->
    381. 

  381. 							</div><!-- /.row -->
    382. 

  382. 						</div><!-- /.pricing-one__items -->
    383. 

  383. 					</div><!-- /.col-lg-8 -->
    384. 

  384. 				</div><!-- /.row -->
    385. 

  385. 			</div><!-- /.container -->
    386. 

  386. 		</section>
    387. 

  387. 		<section class="section-padding--bottom section-padding--top project-three">
    388. 

  388. 			<div class="container-fluid">
    389. 

  389. 				<div class="section-title text-center">
    390. 

  390. 					<p class="section-title__text">Latest Project</p><!-- /.section-title__text -->
    391. 

  391. 					<h2 class="section-title__title">Populer Case Studies That <br>Complete Recently</h2>
    392. 

  392. 					<!-- /.section-title__title -->
    393. 

  393. 				</div><!-- /.section-title -->
    394. 

  394. 				<div class="owl-carousel thm-owl__carousel--range owl-theme" data-owl-options='{"loop": false,
    395. 

  395. 				"nav": false,
    396. 

  396. 				"autoWidth": true,
    397. 

  397. 				"navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
    398. 

  398. 				"dots": false,
    399. 

  399. 				"margin": 10,
    400. 

  400.                 "items": 1,
    401. 

  401. 				"smartSpeed": 700,
    402. 

  402. 				"responsive": {
    403. 

  403. 					"0": {
    404. 

  404. 						"margin": 10,
    405. 

  405. 						"items": 1,
    406. 

  406. 						"autoWidth": false
    407. 

  407. 					},
    408. 

  408. 					"768": {
    409. 

  409. 						"margin": 10,
    410. 

  410. 						"items": 2,
    411. 

  411. 						"autoWidth": false
    412. 

  412. 					},
    413. 

  413. 					"992": {
    414. 

  414. 						"margin": 10,
    415. 

  415. 						"items": 3
    416. 

  416. 					},
    417. 

  417. 					"1200": {
    418. 

  418. 						"margin": 10,
    419. 

  419. 						"items": 4
    420. 

  420. 					}
    421. 

  421. 				}}'>
    422. 

  422. 					<div class="item">
    423. 

  423. 						<div class="project-card-two">
    424. 

  424. 							<div class="project-card-two__bg"
    425. 

  425. 								style="background-image: url(assets/picture/project-3-1.jpg);"></div>
    426. 

  426. 							<!-- /.project-card-two__bg -->
    427. 

  427. 							<div class="project-card-two__content">
    428. 

  428. 								<div class="project-card-two__category">IT Consulting</div>
    429. 

  429. 								<!-- /.project-card-two__category -->
    430. 

  430. 								<h3 class="project-card-two__title"><a href="project-details.html">Financial
    431. 

  431. 										Investment</a></h3><!-- /.project-card-two__title -->
    432. 

  432. 							</div><!-- /.project-card-two__content -->
    433. 

  433. 						</div><!-- /.project-card-two -->
    434. 

  434. 					</div><!-- /.item -->
    435. 

  435. 					<div class="item">
    436. 

  436. 						<div class="project-card-two project-card-two--large">
    437. 

  437. 							<div class="project-card-two__bg"
    438. 

  438. 								style="background-image: url(assets/picture/project-3-2.jpg);"></div>
    439. 

  439. 							<!-- /.project-card-two__bg -->
    440. 

  440. 							<div class="project-card-two__content">
    441. 

  441. 								<div class="project-card-two__category">IT Consulting</div>
    442. 

  442. 								<!-- /.project-card-two__category -->
    443. 

  443. 								<h3 class="project-card-two__title"><a href="project-details.html">Financial
    444. 

  444. 										Investment</a></h3><!-- /.project-card-two__title -->
    445. 

  445. 							</div><!-- /.project-card-two__content -->
    446. 

  446. 						</div><!-- /.project-card-two -->
    447. 

  447. 					</div><!-- /.item -->
    448. 

  448. 					<div class="item">
    449. 

  449. 						<div class="project-card-two">
    450. 

  450. 							<div class="project-card-two__bg"
    451. 

  451. 								style="background-image: url(assets/picture/project-3-3.jpg);"></div>
    452. 

  452. 							<!-- /.project-card-two__bg -->
    453. 

  453. 							<div class="project-card-two__content">
    454. 

  454. 								<div class="project-card-two__category">IT Consulting</div>
    455. 

  455. 								<!-- /.project-card-two__category -->
    456. 

  456. 								<h3 class="project-card-two__title"><a href="project-details.html">Financial
    457. 

  457. 										Investment</a></h3><!-- /.project-card-two__title -->
    458. 

  458. 							</div><!-- /.project-card-two__content -->
    459. 

  459. 						</div><!-- /.project-card-two -->
    460. 

  460. 					</div><!-- /.item -->
    461. 

  461. 					<div class="item">
    462. 

  462. 						<div class="project-card-two">
    463. 

  463. 							<div class="project-card-two__bg"
    464. 

  464. 								style="background-image: url(assets/picture/project-3-4.jpg);"></div>
    465. 

  465. 							<!-- /.project-card-two__bg -->
    466. 

  466. 							<div class="project-card-two__content">
    467. 

  467. 								<div class="project-card-two__category">IT Consulting</div>
    468. 

  468. 								<!-- /.project-card-two__category -->
    469. 

  469. 								<h3 class="project-card-two__title"><a href="project-details.html">Financial
    470. 

  470. 										Investment</a></h3><!-- /.project-card-two__title -->
    471. 

  471. 							</div><!-- /.project-card-two__content -->
    472. 

  472. 						</div><!-- /.project-card-two -->
    473. 

  473. 					</div><!-- /.item -->
    474. 

  474. 					<div class="item">
    475. 

  475. 						<div class="project-card-two">
    476. 

  476. 							<div class="project-card-two__bg"
    477. 

  477. 								style="background-image: url(assets/picture/project-3-1.jpg);"></div>
    478. 

  478. 							<!-- /.project-card-two__bg -->
    479. 

  479. 							<div class="project-card-two__content">
    480. 

  480. 								<div class="project-card-two__category">IT Consulting</div>
    481. 

  481. 								<!-- /.project-card-two__category -->
    482. 

  482. 								<h3 class="project-card-two__title"><a href="project-details.html">Financial
    483. 

  483. 										Investment</a></h3><!-- /.project-card-two__title -->
    484. 

  484. 							</div><!-- /.project-card-two__content -->
    485. 

  485. 						</div><!-- /.project-card-two -->
    486. 

  486. 					</div><!-- /.item -->
    487. 

  487. 					<div class="item">
    488. 

  488. 						<div class="project-card-two project-card-two--large">
    489. 

  489. 							<div class="project-card-two__bg"
    490. 

  490. 								style="background-image: url(assets/picture/project-3-2.jpg);"></div>
    491. 

  491. 							<!-- /.project-card-two__bg -->
    492. 

  492. 							<div class="project-card-two__content">
    493. 

  493. 								<div class="project-card-two__category">IT Consulting</div>
    494. 

  494. 								<!-- /.project-card-two__category -->
    495. 

  495. 								<h3 class="project-card-two__title"><a href="project-details.html">Financial
    496. 

  496. 										Investment</a></h3><!-- /.project-card-two__title -->
    497. 

  497. 							</div><!-- /.project-card-two__content -->
    498. 

  498. 						</div><!-- /.project-card-two -->
    499. 

  499. 					</div><!-- /.item -->
    500. 

  500. 					<div class="item">
    501. 

  501. 						<div class="project-card-two">
    502. 

  502. 							<div class="project-card-two__bg"
    503. 

  503. 								style="background-image: url(assets/picture/project-3-3.jpg);"></div>
    504. 

  504. 							<!-- /.project-card-two__bg -->
    505. 

  505. 							<div class="project-card-two__content">
    506. 

  506. 								<div class="project-card-two__category">IT Consulting</div>
    507. 

  507. 								<!-- /.project-card-two__category -->
    508. 

  508. 								<h3 class="project-card-two__title"><a href="project-details.html">Financial
    509. 

  509. 										Investment</a></h3><!-- /.project-card-two__title -->
    510. 

  510. 							</div><!-- /.project-card-two__content -->
    511. 

  511. 						</div><!-- /.project-card-two -->
    512. 

  512. 					</div><!-- /.item -->
    513. 

  513. 					<div class="item">
    514. 

  514. 						<div class="project-card-two">
    515. 

  515. 							<div class="project-card-two__bg"
    516. 

  516. 								style="background-image: url(assets/picture/project-3-4.jpg);"></div>
    517. 

  517. 							<!-- /.project-card-two__bg -->
    518. 

  518. 							<div class="project-card-two__content">
    519. 

  519. 								<div class="project-card-two__category">IT Consulting</div>
    520. 

  520. 								<!-- /.project-card-two__category -->
    521. 

  521. 								<h3 class="project-card-two__title"><a href="project-details.html">Financial
    522. 

  522. 										Investment</a></h3><!-- /.project-card-two__title -->
    523. 

  523. 							</div><!-- /.project-card-two__content -->
    524. 

  524. 						</div><!-- /.project-card-two -->
    525. 

  525. 					</div><!-- /.item -->
    526. 

  526. 					<div class="item">
    527. 

  527. 						<div class="project-card-two">
    528. 

  528. 							<div class="project-card-two__bg"
    529. 

  529. 								style="background-image: url(assets/picture/project-3-1.jpg);"></div>
    530. 

  530. 							<!-- /.project-card-two__bg -->
    531. 

  531. 							<div class="project-card-two__content">
    532. 

  532. 								<div class="project-card-two__category">IT Consulting</div>
    533. 

  533. 								<!-- /.project-card-two__category -->
    534. 

  534. 								<h3 class="project-card-two__title"><a href="project-details.html">Financial
    535. 

  535. 										Investment</a></h3><!-- /.project-card-two__title -->
    536. 

  536. 							</div><!-- /.project-card-two__content -->
    537. 

  537. 						</div><!-- /.project-card-two -->
    538. 

  538. 					</div><!-- /.item -->
    539. 

  539. 					<div class="item">
    540. 

  540. 						<div class="project-card-two project-card-two--large">
    541. 

  541. 							<div class="project-card-two__bg"
    542. 

  542. 								style="background-image: url(assets/picture/project-3-2.jpg);"></div>
    543. 

  543. 							<!-- /.project-card-two__bg -->
    544. 

  544. 							<div class="project-card-two__content">
    545. 

  545. 								<div class="project-card-two__category">IT Consulting</div>
    546. 

  546. 								<!-- /.project-card-two__category -->
    547. 

  547. 								<h3 class="project-card-two__title"><a href="project-details.html">Financial
    548. 

  548. 										Investment</a></h3><!-- /.project-card-two__title -->
    549. 

  549. 							</div><!-- /.project-card-two__content -->
    550. 

  550. 						</div><!-- /.project-card-two -->
    551. 

  551. 					</div><!-- /.item -->
    552. 

  552. 					<div class="item">
    553. 

  553. 						<div class="project-card-two">
    554. 

  554. 							<div class="project-card-two__bg"
    555. 

  555. 								style="background-image: url(assets/picture/project-3-3.jpg);"></div>
    556. 

  556. 							<!-- /.project-card-two__bg -->
    557. 

  557. 							<div class="project-card-two__content">
    558. 

  558. 								<div class="project-card-two__category">IT Consulting</div>
    559. 

  559. 								<!-- /.project-card-two__category -->
    560. 

  560. 								<h3 class="project-card-two__title"><a href="project-details.html">Financial
    561. 

  561. 										Investment</a></h3><!-- /.project-card-two__title -->
    562. 

  562. 							</div><!-- /.project-card-two__content -->
    563. 

  563. 						</div><!-- /.project-card-two -->
    564. 

  564. 					</div><!-- /.item -->
    565. 

  565. 					<div class="item">
    566. 

  566. 						<div class="project-card-two">
    567. 

  567. 							<div class="project-card-two__bg"
    568. 

  568. 								style="background-image: url(assets/picture/project-3-4.jpg);"></div>
    569. 

  569. 							<!-- /.project-card-two__bg -->
    570. 

  570. 							<div class="project-card-two__content">
    571. 

  571. 								<div class="project-card-two__category">IT Consulting</div>
    572. 

  572. 								<!-- /.project-card-two__category -->
    573. 

  573. 								<h3 class="project-card-two__title"><a href="project-details.html">Financial
    574. 

  574. 										Investment</a></h3><!-- /.project-card-two__title -->
    575. 

  575. 							</div><!-- /.project-card-two__content -->
    576. 

  576. 						</div><!-- /.project-card-two -->
    577. 

  577. 					</div><!-- /.item -->
    578. 

  578. 				</div><!-- /.owl-carousel -->
    579. 

  579. 				<div class="thm-owl__carousel--range__input"><input type="text" value="" name="range"></div>
    580. 

  580. 			</div><!-- /.container-fluid -->
    581. 

  581. 		</section>
    582. 

  582. 		<section class="section-padding--bottom section-padding--top background-size-cover gray-bg work-process">
    583. 

  583. 			<div class="container">
    584. 

  584. 				<div class="section-title text-center">
    585. 

  585. 					<p class="section-title__text">OUR WORKING PROCESS</p><!-- /.section-title__text -->
    586. 

  586. 					<h2 class="section-title__title">Driving Client Results Utilizing New <br>Innovation Points of view
    587. 

  587. 					</h2><!-- /.section-title__title -->
    588. 

  588. 				</div><!-- /.section-title -->
    589. 

  589. 				<div class="row gutter-y-30">
    590. 

  590. 					<div class="col-lg-4 wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="000ms">
    591. 

  591. 						<div class="work-process-card-one">
    592. 

  592. 							<div class="work-process-card-one__count"></div><!-- /.work-process-card-one__count -->
    593. 

  593. 							<h3 class="work-process-card-one__title"><a href="about.html">End to End <br>Solutions &
    594. 

  594. 									Services Guaranteed</a></h3>
    595. 

  595. 							<div class="work-process-card-one__text">We help transform the world’s most important
    596. 

  596. 								businesses into vigorous organizations that </div>
    597. 

  597. 							<!-- /.work-process-card-one__text --><a class="work-process-card-one__link"
    598. 

  598. 								href="about.html">Read More</a>
    599. 

  599. 						</div><!-- /.work-process-card-one -->
    600. 

  600. 					</div><!-- /.col-lg-4 -->
    601. 

  601. 					<div class="col-lg-4 wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="100ms">
    602. 

  602. 						<div class="work-process-card-one">
    603. 

  603. 							<div class="work-process-card-one__count"></div><!-- /.work-process-card-one__count -->
    604. 

  604. 							<h3 class="work-process-card-one__title"><a href="javascript:;">Ahead of The Curve We
    605. 

  605. 									Future-proof Your IT Solution</a></h3>
    606. 

  606. 							<div class="work-process-card-one__text">We help transform the world’s most important
    607. 

  607. 								businesses into vigorous organizations that </div>
    608. 

  608. 							<!-- /.work-process-card-one__text --><a class="work-process-card-one__link"
    609. 

  609. 								href="javascript:;">Read More</a>
    610. 

  610. 						</div><!-- /.work-process-card-one -->
    611. 

  611. 					</div><!-- /.col-lg-4 -->
    612. 

  612. 					<div class="col-lg-4 wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="200ms">
    613. 

  613. 						<div class="work-process-card-one">
    614. 

  614. 							<div class="work-process-card-one__count"></div><!-- /.work-process-card-one__count -->
    615. 

  615. 							<h3 class="work-process-card-one__title"><a href="contact.html">Experience Certainty Every
    616. 

  616. 									Project Executed</a></h3>
    617. 

  617. 							<div class="work-process-card-one__text">We help transform the world’s most important
    618. 

  618. 								businesses into vigorous organizations that </div>
    619. 

  619. 							<!-- /.work-process-card-one__text --><a class="work-process-card-one__link"
    620. 

  620. 								href="contact.html">Read More</a>
    621. 

  621. 						</div><!-- /.work-process-card-one -->
    622. 

  622. 					</div><!-- /.col-lg-4 -->
    623. 

  623. 				</div><!-- /.row -->
    624. 

  624. 			</div><!-- /.container -->
    625. 

  625. 		</section>
    626. 

  626. 		<section class="section-padding--bottom section-padding--top blog-home-two">
    627. 

  627. 			<div class="container">
    628. 

  628. 				<div class="blog-home-two__top">
    629. 

  629. 					<div class="row">
    630. 

  630. 						<div class="col-lg-7">
    631. 

  631. 							<div class="section-title">
    632. 

  632. 								<p class="section-title__text">Direct from the Blog Posts</p>
    633. 

  633. 								<!-- /.section-title__text -->
    634. 

  634. 								<h2 class="section-title__title">Checkout Our Latest <br>News & Articles</h2>
    635. 

  635. 								<!-- /.section-title__title -->
    636. 

  636. 							</div><!-- /.section-title -->
    637. 

  637. 						</div><!-- /.col-lg-7 -->
    638. 

  638. 						<div class="col-lg-5">
    639. 

  639. 							<div class="blog-home-two__top__text">Aperiamea queipsa quae abillo inve ntore veritatis et
    640. 

  640. 								quasi architecto beatae vitae dicta sunt explicabo.</div>
    641. 

  641. 							<!-- /.blog-home-two__top__text -->
    642. 

  642. 						</div><!-- /.col-lg-5 -->
    643. 

  643. 					</div><!-- /.row -->
    644. 

  644. 				</div><!-- /.blog-home-two__top -->
    645. 

  645. 				<div class="row gutter-y-30">
    646. 

  646. 					<div class="col-lg-6">
    647. 

  647. 						<div class="blog-card-two">
    648. 

  648. 							<div class="blog-card-two__bg" style="background-image: url(assets/picture/blog-h2-1.jpg);">
    649. 

  649. 							</div><!-- /.blog-card-two__bg --><a href="blog.html"
    650. 

  650. 								class="blog-card-one__category">Designer</a>
    651. 

  651. 							<div class="blog-card-two__content">
    652. 

  652. 								<div class="blog-card-one__date"><i class="fa fa-calendar-alt"
    653. 

  653. 										aria-hidden="true"></i>July,25,2022 </div><!-- /.blog-card-one__date -->
    654. 

  654. 								<h3 class="blog-card-one__title"><a href="blog-details.html">Web design done Delightful
    655. 

  655. 										Visualization Examples</a></h3>
    656. 

  656. 							</div><!-- /.blog-card-two__content -->
    657. 

  657. 						</div><!-- /.blog-card-two -->
    658. 

  658. 					</div><!-- /.col-lg-6 -->
    659. 

  659. 					<div class="col-lg-3">
    660. 

  660. 						<div class="blog-card-one blog-card-one--home-two">
    661. 

  661. 							<div class="blog-card-one__image"><img src="assets/picture/blog-h2-2.jpg" alt=""><a
    662. 

  662. 									href="blog-details.html"></a></div><!-- /.blog-card-one__image -->
    663. 

  663. 							<div class="blog-card-one__content">
    664. 

  664. 								<div class="blog-card-one__meta">
    665. 

  665. 									<div class="blog-card-one__date"><i class="fa fa-calendar-alt"
    666. 

  666. 											aria-hidden="true"></i>July,25,2022 </div><!-- /.blog-card-one__date --><a
    667. 

  667. 										href="blog.html" class="blog-card-one__category">Designer</a>
    668. 

  668. 									<!-- /.blog-card-one__category -->
    669. 

  669. 								</div><!-- /.blog-card-one__meta -->
    670. 

  670. 								<h3 class="blog-card-one__title"><a href="blog-details.html">Technology Support Allows
    671. 

  671. 										Erie non-profit to Serve</a></h3>
    672. 

  672. 							</div><!-- /.blog-card-one__content -->
    673. 

  673. 						</div><!-- /.blog-card-one -->
    674. 

  674. 					</div><!-- /.col-lg-3 -->
    675. 

  675. 					<div class="col-lg-3">
    676. 

  676. 						<div class="blog-card-one blog-card-one--home-two">
    677. 

  677. 							<div class="blog-card-one__image"><img src="assets/picture/blog-h2-3.jpg" alt=""><a
    678. 

  678. 									href="blog-details.html"></a></div><!-- /.blog-card-one__image -->
    679. 

  679. 							<div class="blog-card-one__content">
    680. 

  680. 								<div class="blog-card-one__meta">
    681. 

  681. 									<div class="blog-card-one__date"><i class="fa fa-calendar-alt"
    682. 

  682. 											aria-hidden="true"></i>July,25,2022 </div><!-- /.blog-card-one__date --><a
    683. 

  683. 										href="blog.html" class="blog-card-one__category">Graphic</a>
    684. 

  684. 									<!-- /.blog-card-one__category -->
    685. 

  685. 								</div><!-- /.blog-card-one__meta -->
    686. 

  686. 								<h3 class="blog-card-one__title"><a href="blog-details.html">Software Makes Your Profit
    687. 

  687. 										Double if You Scale Properly</a></h3>
    688. 

  688. 							</div><!-- /.blog-card-one__content -->
    689. 

  689. 						</div><!-- /.blog-card-one -->
    690. 

  690. 					</div><!-- /.col-lg-3 -->
    691. 

  691. 				</div><!-- /.row -->
    692. 

  692. 			</div><!-- /.container -->
    693. 

  693. 		</section>
    694. 

  694. 		<div class="client-carousel client-carousel--two client-carousel--home-two">
    695. 

  695. 			<div class="container">
    696. 

  696. 				<div class="owl-carousel thm-owl__carousel" data-owl-options='{"loop": true,
    697. 

  697. 				"autoplay": true,
    698. 

  698. 				"autoplayTimeout": 5000,
    699. 

  699. 				"autoplayHoverPause": true,
    700. 

  700. 				"nav": false,
    701. 

  701. 				"navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
    702. 

  702. 				"dots": false,
    703. 

  703. 				"margin": 30,
    704. 

  704.                 "items": 2,
    705. 

  705. 				"smartSpeed": 700,
    706. 

  706. 				"responsive": {
    707. 

  707. 					"0": {
    708. 

  708. 						"margin": 30,
    709. 

  709. 						"items": 2
    710. 

  710. 					},
    711. 

  711. 					"375": {
    712. 

  712. 						"margin": 30,
    713. 

  713. 						"items": 2
    714. 

  714. 					},
    715. 

  715. 					"575": {
    716. 

  716. 						"margin": 30,
    717. 

  717. 						"items": 3
    718. 

  718. 					},
    719. 

  719. 					"767": {
    720. 

  720. 						"margin": 50,
    721. 

  721. 						"items": 4
    722. 

  722. 					},
    723. 

  723. 					"991": {
    724. 

  724. 						"margin": 40,
    725. 

  725. 						"items": 5
    726. 

  726. 					},
    727. 

  727. 					"1199": {
    728. 

  728. 						"margin": 80,
    729. 

  729. 						"items": 5
    730. 

  730. 					}
    731. 

  731. 				}}'>
    732. 

  732. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    733. 

  733. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    734. 

  734. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    735. 

  735. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    736. 

  736. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    737. 

  737. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    738. 

  738. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    739. 

  739. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    740. 

  740. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    741. 

  741. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    742. 

  742. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    743. 

  743. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    744. 

  744. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    745. 

  745. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    746. 

  746. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    747. 

  747. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    748. 

  748. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    749. 

  749. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    750. 

  750. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    751. 

  751. 					<div class="item"><img src="assets/picture/client-1-1.png" alt=""></div><!-- /.item -->
    752. 

  752. 				</div><!-- /.thm-owl__carousel -->
    753. 

  753. 			</div><!-- /.container -->
    754. 

  754. 		</div><!-- /.client-carousel -->
    755. 

  755. 		<div class="footer-main section-padding--bottom section-padding--top">
    756. 

  756. 			<div class="container">
    757. 

  757. 				<div class="row gutter-y-30">
    758. 

  758. 					<div class="col-lg-3 col-md-6 col-sm-12">
    759. 

  759. 						<div class="footer-widget footer-widget--about"><a href="index.html"
    760. 

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

  761. 									height="40" alt="Cretech"></a>
    762. 

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

  763. 								ones in advertising sector.</p><!-- /.footer-widget__text -->
    764. 

  764. 							<ul class="footer-widget__social">
    765. 

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

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

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

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

  769. 							</ul><!-- /.footer-widget__social -->
    770. 

  770. 						</div><!-- /.footer-widget -->
    771. 

  771. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    772. 

  772. 					<div class="col-lg-3 col-md-6 col-sm-12">
    773. 

  773. 						<div class="footer-widget footer-widget--links">
    774. 

  774. 							<h3 class="footer-widget__title">Services</h3><!-- /.footer-widget__title -->
    775. 

  775. 							<ul class="footer-widget__links">
    776. 

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

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

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

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

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

  781. 							</ul><!-- /.footer-widget__links -->
    782. 

  782. 						</div><!-- /.footer-widget -->
    783. 

  783. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    784. 

  784. 					<div class="col-lg-3 col-md-6 col-sm-12">
    785. 

  785. 						<div class="footer-widget footer-widget--newsletter">
    786. 

  786. 							<h3 class="footer-widget__title">Subscribe</h3><!-- /.footer-widget__title -->
    787. 

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

  788. 							<!-- /.footer-widget__text -->
    789. 

  789. 							<form action="#" class="footer-widget__newsletter mc-form"
    790. 

  790. 								data-url="ADD_YOUR_MAILCHIMP_FORM_URL_HERE"><input type="email" name="EMAIL"
    791. 

  791. 									placeholder="Enter Your Email"><button
    792. 

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

  793. 							<div class="mc-form__response"></div><!-- /.mc-form__response -->
    794. 

  794. 						</div><!-- /.footer-widget -->
    795. 

  795. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    796. 

  796. 					<div class="col-lg-3 col-md-6 col-sm-12">
    797. 

  797. 						<div class="footer-widget footer-widget--contact">
    798. 

  798. 							<h3 class="footer-widget__title">Contact</h3><!-- /.footer-widget__title -->
    799. 

  799. 							<ul class="footer-widget__contact">
    800. 

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

  801. 								<li><i class="fa fa-envelope"></i><a
    802. 

  802. 										href="mailto:needhelp@company.com">needhelp@company.com</a></li>
    803. 

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

  804. 								</li>
    805. 

  805. 							</ul><!-- /.footer-widget__contact -->
    806. 

  806. 						</div><!-- /.footer-widget -->
    807. 

  807. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    808. 

  808. 				</div><!-- /.row -->
    809. 

  809. 			</div><!-- /.container -->
    810. 

  810. 		</div><!-- /.footer-main -->
    811. 

  811. 		<div class="footer-bottom">
    812. 

  812. 			<div class="container">
    813. 

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

  814. 			</div><!-- /.container -->
    815. 

  815. 		</div><!-- /.footer-bottom -->
    816. 

  816. 	</div><!-- /.page-wrapper -->
    817. 

  817. 	<div class="mobile-nav__wrapper">
    818. 

  818. 		<div class="mobile-nav__overlay mobile-nav__toggler"></div><!-- /.mobile-nav__overlay -->
    819. 

  819. 		<div class="mobile-nav__content"><a href="#"
    820. 

  820. 				class="mobile-nav__close mobile-nav__toggler"><span></span><span></span></a>
    821. 

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

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

  823. 			<div class="mobile-nav__container"></div><!-- /.mobile-nav__container -->
    824. 

  824. 			<ul class="mobile-nav__contact list-unstyled">
    825. 

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

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

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

  828. 			</ul><!-- /.mobile-nav__contact -->
    829. 

  829. 			<ul class="mobile-nav__social">
    830. 

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

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

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

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

  834. 			</ul><!-- /.mobile-nav__social -->
    835. 

  835. 		</div><!-- /.mobile-nav__content -->
    836. 

  836. 	</div><!-- /.mobile-nav__wrapper -->
    837. 

  837. 	<div class="search-popup">
    838. 

  838. 		<div class="search-popup__overlay search-toggler"></div><!-- /.search-popup__overlay -->
    839. 

  839. 		<div class="search-popup__content">
    840. 

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

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

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

  843. 		</div><!-- /.search-popup__content -->
    844. 

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

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

  846. 	<script src="assets/js/jquery-3.6.0.min.js"></script>
    847. 

  847. 	<script src="assets/js/bootstrap.bundle.min.js"></script>
    848. 

  848. 	<script src="assets/js/jquery.validate.min.js"></script>
    849. 

  849. 	<script src="assets/js/owl.carousel.min.js"></script>
    850. 

  850. 	<script src="assets/js/wow.js"></script>
    851. 

  851. 	<script src="assets/js/jarallax.min.js"></script>
    852. 

  852. 	<script src="assets/js/jquery.appear.min.js"></script>
    853. 

  853. 	<script src="assets/js/jquery.ajaxchimp.min.js"></script>
    854. 

  854. 	<script src="assets/js/ion.rangeSlider.min.js"></script>
    855. 

  855. 	<script src="assets/js/circle-progress.min.js"></script><!-- template js -->
    856. 

  856. 	<script src="assets/js/cretech.js"></script>
    857. 

  857. </body>
    858. 

  858. 

  859. </html>
    860.