Sākums Izpētīt Palīdzība
Pierakstīties
site
/
peasafe
2
0
Atdalīts 0
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Koks: ec18817526
Atzari Tagi
peasafe
/
main
/
assets
/
t4
/
blog-details.html

blog-details.html 20 KB
Vēsture Neapstrādāts

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383 
  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>Blog 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="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</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>Blog</li>
    114. 

  114. 				</ul>
    115. 

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

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

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

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

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

  120. 				<div class="row">
    121. 

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

  122. 						<div class="blog-details__image"><img src="assets/picture/blog-d-1-1.jpg" alt=""></div>
    123. 

  123. 						<!-- /.blog-details__image -->
    124. 

  124. 						<div class="blog-card-one__meta">
    125. 

  125. 							<div class="blog-card-one__date"><i class="fa fa-calendar-alt"
    126. 

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

  127. 								href="blog.html" class="blog-card-one__category">Designer</a>
    128. 

  128. 							<!-- /.blog-card-one__category -->
    129. 

  129. 						</div><!-- /.blog-card-one__meta -->
    130. 

  130. 						<h3 class="blog-card-one__title blog-details__title">Web design done Delightful Visualization
    131. 

  131. 							Examples</h3>
    132. 

  132. 						<div class="blog-details__content">
    133. 

  133. 							<p>Lorem ipsum dolor sit amet,cibo mundi ea duo,vim exerci phaedrum. There are many
    134. 

  134. 								variations of passages of Lorem Ipsum available,but the majority have alteration in some
    135. 

  135. 								injected or words which don't look even slightly believable. If you are going to
    136. 

  136. 								use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrang hidden
    137. 

  137. 								in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat
    138. 

  138. 								predefined chunks as necessary,making this the first true generator on the Internet. It
    139. 

  139. 								uses a dictionary of over 200 Latin words,combined with a handful of model sentence
    140. 

  140. 								structures,to generate Lorem Ipsum which looks reasonable. </p>
    141. 

  141. 							<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an
    142. 

  142. 								unknown printer took a galley of type and scrambled it to make a type simen book. It has
    143. 

  143. 								survived not only five centuries, but also the leap into electronic typesetting.</p>
    144. 

  144. 							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. orem Ipsum has
    145. 

  145. 								been the industry's standard dummy text ever since the when an unknown printer took a
    146. 

  146. 								galley of type and scrambled it to make a type specimen book. It has survived not only
    147. 

  147. 								five centuries,but also the leap into unchanged.</p>
    148. 

  148. 						</div><!-- /.blog-details__content -->
    149. 

  149. 						<div class="blog-details__meta">
    150. 

  150. 							<div class="blog-details__tags"><span>Tags</span><a href="#">Development</a><a
    151. 

  151. 									href="#">Designing</a></div><!-- /.blog-details__tags -->
    152. 

  152. 							<ul class="blog-details__share">
    153. 

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

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

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

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

  157. 							</ul><!-- /.blog-details__share -->
    158. 

  158. 						</div><!-- /.blog-details__meta -->
    159. 

  159. 						<div class="author-one">
    160. 

  160. 							<div class="author-one__image"><img src="assets/picture/author-1-1.jpg" alt=""></div>
    161. 

  161. 							<!-- /.author-one__image -->
    162. 

  162. 							<div class="author-one__content">
    163. 

  163. 								<h3 class="author-one__title">Christine Eve</h3><!-- /.author-one__title -->
    164. 

  164. 								<p class="author-one__text">Lorem ipsum is simply free text by copytyping refreshing.
    165. 

  165. 									Neque porro est qui dolorem ipsum quia quaed veritatis et quasi architecto.</p>
    166. 

  166. 								<!-- /.author-one__text -->
    167. 

  167. 							</div><!-- /.author-one__content -->
    168. 

  168. 						</div><!-- /.author-one -->
    169. 

  169. 						<div class="comments-one">
    170. 

  170. 							<h3 class="comments-one__title">2 Comments</h3><!-- /.comments-one__title -->
    171. 

  171. 							<div class="comments-one__item">
    172. 

  172. 								<div class="comments-one__item__image"><img src="assets/picture/comment-1-1.png" alt="">
    173. 

  173. 								</div><!-- /.comments-one__item__image -->
    174. 

  174. 								<div class="comments-one__item__content">
    175. 

  175. 									<h3 class="comments-one__item__title">Kevin Martin</h3>
    176. 

  176. 									<!-- /.comments-one__item__title -->
    177. 

  177. 									<p class="comments-one__item__text">It has survived not only five centuries,but also
    178. 

  178. 										the leap into electronic typesetting simply fee text aunchanged. It was
    179. 

  179. 										popularised in the sheets containing lorem ipsum is simply free text.</p>
    180. 

  180. 									<!-- /.comments-one__item__text --><a href="#"
    181. 

  181. 										class="thm-btn comments-one__item__btn"><span>Reply</span></a>
    182. 

  182. 									<!-- /.thm-btn comments-one__item__btn -->
    183. 

  183. 								</div><!-- /.comments-one__item__content -->
    184. 

  184. 							</div><!-- /.comments-one__item -->
    185. 

  185. 							<div class="comments-one__item">
    186. 

  186. 								<div class="comments-one__item__image"><img src="assets/picture/comment-1-2.png" alt="">
    187. 

  187. 								</div><!-- /.comments-one__item__image -->
    188. 

  188. 								<div class="comments-one__item__content">
    189. 

  189. 									<h3 class="comments-one__item__title">Sarah Albert</h3>
    190. 

  190. 									<!-- /.comments-one__item__title -->
    191. 

  191. 									<p class="comments-one__item__text">It has survived not only five centuries,but also
    192. 

  192. 										the leap into electronic typesetting simply fee text aunchanged. It was
    193. 

  193. 										popularised in the sheets containing lorem ipsum is simply free text.</p>
    194. 

  194. 									<!-- /.comments-one__item__text --><a href="#"
    195. 

  195. 										class="thm-btn comments-one__item__btn"><span>Reply</span></a>
    196. 

  196. 									<!-- /.thm-btn comments-one__item__btn -->
    197. 

  197. 								</div><!-- /.comments-one__item__content -->
    198. 

  198. 							</div><!-- /.comments-one__item -->
    199. 

  199. 						</div><!-- /.comments-one -->
    200. 

  200. 						<div class="comment-form">
    201. 

  201. 							<h3 class="comment-form__title">Leave a Comment</h3><!-- /.comment-form__title -->
    202. 

  202. 							<form action="assets/inc/sendemail.php"
    203. 

  203. 								class="contact-one__form contact-form-validated comment-form__form">
    204. 

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

  205. 									<div class="col-lg-6 col-md-12"><input type="text" placeholder="Your name"
    206. 

  206. 											name="name"></div><!-- /.col-lg-6 col-md-12 -->
    207. 

  207. 									<div class="col-lg-6 col-md-12"><input type="email" placeholder="Email address"
    208. 

  208. 											name="email"></div><!-- /.col-lg-6 col-md-12 -->
    209. 

  209. 									<div class="col-lg-12 col-md-12"><textarea name="message"
    210. 

  210. 											placeholder="Write message"></textarea></div><!-- /.col-lg-6 col-md-12 -->
    211. 

  211. 									<div class="col-md-12"><button class="thm-btn contact-one__btn"
    212. 

  212. 											type="submit"><span>Submit comment</span></button></div><!-- /.col-md-12 -->
    213. 

  213. 								</div><!-- /.row -->
    214. 

  214. 							</form><!-- /.contact-one__form -->
    215. 

  215. 						</div><!-- /.comment-form -->
    216. 

  216. 					</div><!-- /.col-lg-8 -->
    217. 

  217. 					<div class="col-lg-4">
    218. 

  218. 						<div class="sidebar">
    219. 

  219. 							<div class="sidebar__item sidebar__item--search">
    220. 

  220. 								<form action="#" class="sidebar__search"><label for="search" class="sr-only">search
    221. 

  221. 										here</label><!-- /.sr-only --><input type="text"
    222. 

  222. 										placeholder="Search Here"><button type="submit" aria-label="search submit"
    223. 

  223. 										class="thm-btn"><span><i class="icon-magnifying-glass"></i></span></button>
    224. 

  224. 								</form>
    225. 

  225. 							</div><!-- /.sidebar__item -->
    226. 

  226. 							<div class="sidebar__item sidebar__item--posts">
    227. 

  227. 								<h3 class="sidebar__title">Latest Posts</h3><!-- /.sidebar__title -->
    228. 

  228. 								<ul class="sidebar__posts">
    229. 

  229. 									<li>
    230. 

  230. 										<div class="sidebar__posts__image"><img src="assets/picture/blog-s-1-1.png"
    231. 

  231. 												alt=""></div><!-- /.sidebar__posts__image -->
    232. 

  232. 										<div class="sidebar__posts__content">
    233. 

  233. 											<div class="sidebar__posts__date"><i class="fa fa-comments"></i>2 Comments
    234. 

  234. 											</div><!-- /.sidebar__posts__date -->
    235. 

  235. 											<h3 class="sidebar__posts__title"><a href="">Tech experiences that connect
    236. 

  236. 													us</a></h3><!-- /.sidebar__posts__title -->
    237. 

  237. 										</div><!-- /.sidebar__posts__content -->
    238. 

  238. 									</li>
    239. 

  239. 									<li>
    240. 

  240. 										<div class="sidebar__posts__image"><img src="assets/picture/blog-s-1-2.png"
    241. 

  241. 												alt=""></div><!-- /.sidebar__posts__image -->
    242. 

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

  243. 											<div class="sidebar__posts__date"><i class="fa fa-comments"></i>2 Comments
    244. 

  244. 											</div><!-- /.sidebar__posts__date -->
    245. 

  245. 											<h3 class="sidebar__posts__title"><a href="">Tech experiences that connect
    246. 

  246. 													us</a></h3><!-- /.sidebar__posts__title -->
    247. 

  247. 										</div><!-- /.sidebar__posts__content -->
    248. 

  248. 									</li>
    249. 

  249. 									<li>
    250. 

  250. 										<div class="sidebar__posts__image"><img src="assets/picture/blog-s-1-3.png"
    251. 

  251. 												alt=""></div><!-- /.sidebar__posts__image -->
    252. 

  252. 										<div class="sidebar__posts__content">
    253. 

  253. 											<div class="sidebar__posts__date"><i class="fa fa-comments"></i>2 Comments
    254. 

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

  255. 											<h3 class="sidebar__posts__title"><a href="">Tech experiences that connect
    256. 

  256. 													us</a></h3><!-- /.sidebar__posts__title -->
    257. 

  257. 										</div><!-- /.sidebar__posts__content -->
    258. 

  258. 									</li>
    259. 

  259. 								</ul><!-- /.sidebar__posts -->
    260. 

  260. 							</div><!-- /.sidebar__item -->
    261. 

  261. 							<div class="sidebar__item sidebar__item--category">
    262. 

  262. 								<h3 class="sidebar__title">Categories</h3><!-- /.sidebar__title -->
    263. 

  263. 								<ul class="sidebar__category">
    264. 

  264. 									<li><a href="#">Web Development</a></li>
    265. 

  265. 									<li><a href="#">Digital Marketing</a></li>
    266. 

  266. 									<li><a href="#">Technology</a></li>
    267. 

  267. 									<li><a href="#">Data Analysis</a></li>
    268. 

  268. 									<li><a href="#">Cyber Security</a></li>
    269. 

  269. 								</ul><!-- /.sidebar__category -->
    270. 

  270. 							</div><!-- /.sidebar__item -->
    271. 

  271. 							<div class="sidebar__item sidebar__item--tags">
    272. 

  272. 								<h3 class="sidebar__title">Tags</h3><!-- /.sidebar__title -->
    273. 

  273. 								<div class="sidebar__tags"><a href="#">Development</a><a href="#">Designing</a><a
    274. 

  274. 										href="#">Business</a><a href="#">Marketing</a><a href="#">technology</a></div>
    275. 

  275. 								<!-- /.sidebar__tags -->
    276. 

  276. 							</div><!-- /.sidebar__item -->
    277. 

  277. 						</div><!-- /.sidebar -->
    278. 

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

  279. 				</div><!-- /.row -->
    280. 

  280. 			</div><!-- /.container -->
    281. 

  281. 		</section>
    282. 

  282. 		<div class="footer-main section-padding--bottom section-padding--top">
    283. 

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

  284. 				<div class="row gutter-y-30">
    285. 

  285. 					<div class="col-lg-3 col-md-6 col-sm-12">
    286. 

  286. 						<div class="footer-widget footer-widget--about"><a href="index.html"
    287. 

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

  288. 									height="40" alt="Cretech"></a>
    289. 

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

  290. 								ones in advertising sector.</p><!-- /.footer-widget__text -->
    291. 

  291. 							<ul class="footer-widget__social">
    292. 

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

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

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

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

  296. 							</ul><!-- /.footer-widget__social -->
    297. 

  297. 						</div><!-- /.footer-widget -->
    298. 

  298. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    299. 

  299. 					<div class="col-lg-3 col-md-6 col-sm-12">
    300. 

  300. 						<div class="footer-widget footer-widget--links">
    301. 

  301. 							<h3 class="footer-widget__title">Services</h3><!-- /.footer-widget__title -->
    302. 

  302. 							<ul class="footer-widget__links">
    303. 

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

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

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

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

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

  308. 							</ul><!-- /.footer-widget__links -->
    309. 

  309. 						</div><!-- /.footer-widget -->
    310. 

  310. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    311. 

  311. 					<div class="col-lg-3 col-md-6 col-sm-12">
    312. 

  312. 						<div class="footer-widget footer-widget--newsletter">
    313. 

  313. 							<h3 class="footer-widget__title">Subscribe</h3><!-- /.footer-widget__title -->
    314. 

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

  315. 							<!-- /.footer-widget__text -->
    316. 

  316. 							<form action="#" class="footer-widget__newsletter mc-form"
    317. 

  317. 								data-url="ADD_YOUR_MAILCHIMP_FORM_URL_HERE"><input type="email" name="EMAIL"
    318. 

  318. 									placeholder="Enter Your Email"><button
    319. 

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

  320. 							<div class="mc-form__response"></div><!-- /.mc-form__response -->
    321. 

  321. 						</div><!-- /.footer-widget -->
    322. 

  322. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    323. 

  323. 					<div class="col-lg-3 col-md-6 col-sm-12">
    324. 

  324. 						<div class="footer-widget footer-widget--contact">
    325. 

  325. 							<h3 class="footer-widget__title">Contact</h3><!-- /.footer-widget__title -->
    326. 

  326. 							<ul class="footer-widget__contact">
    327. 

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

  328. 								<li><i class="fa fa-envelope"></i><a
    329. 

  329. 										href="mailto:needhelp@company.com">needhelp@company.com</a></li>
    330. 

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

  331. 								</li>
    332. 

  332. 							</ul><!-- /.footer-widget__contact -->
    333. 

  333. 						</div><!-- /.footer-widget -->
    334. 

  334. 					</div><!-- /.col-lg-3 col-md-6 col-sm-12 -->
    335. 

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

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

  337. 		</div><!-- /.footer-main -->
    338. 

  338. 		<div class="footer-bottom">
    339. 

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

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

  341. 			</div><!-- /.container -->
    342. 

  342. 		</div><!-- /.footer-bottom -->
    343. 

  343. 	</div><!-- /.page-wrapper -->
    344. 

  344. 	<div class="mobile-nav__wrapper">
    345. 

  345. 		<div class="mobile-nav__overlay mobile-nav__toggler"></div><!-- /.mobile-nav__overlay -->
    346. 

  346. 		<div class="mobile-nav__content"><a href="#"
    347. 

  347. 				class="mobile-nav__close mobile-nav__toggler"><span></span><span></span></a>
    348. 

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

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

  350. 			<div class="mobile-nav__container"></div><!-- /.mobile-nav__container -->
    351. 

  351. 			<ul class="mobile-nav__contact list-unstyled">
    352. 

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

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

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

  355. 			</ul><!-- /.mobile-nav__contact -->
    356. 

  356. 			<ul class="mobile-nav__social">
    357. 

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

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

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

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

  361. 			</ul><!-- /.mobile-nav__social -->
    362. 

  362. 		</div><!-- /.mobile-nav__content -->
    363. 

  363. 	</div><!-- /.mobile-nav__wrapper -->
    364. 

  364. 	<div class="search-popup">
    365. 

  365. 		<div class="search-popup__overlay search-toggler"></div><!-- /.search-popup__overlay -->
    366. 

  366. 		<div class="search-popup__content">
    367. 

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

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

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

  370. 		</div><!-- /.search-popup__content -->
    371. 

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

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

  373. 	<script src="assets/js/jquery-3.6.0.min.js"></script>
    374. 

  374. 	<script src="assets/js/bootstrap.bundle.min.js"></script>
    375. 

  375. 	<script src="assets/js/jquery.validate.min.js"></script>
    376. 

  376. 	<script src="assets/js/owl.carousel.min.js"></script>
    377. 

  377. 	<script src="assets/js/wow.js"></script>
    378. 

  378. 	<script src="assets/js/jarallax.min.js"></script>
    379. 

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

  380. 	<script src="assets/js/cretech.js"></script>
    381. 

  381. </body>
    382. 

  382. 

  383. </html>
    384.