You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

676 lines
26 KiB

2 years ago
  1. <!DOCTYPE html>
  2. <html lang="zxx">
  3. <head>
  4. <title>Blog Post</title>
  5. <meta charset="UTF-8">
  6. <link rel="shortcut icon" href="img/logos/logo-shortcut.png"/>
  7. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  8. <!-- Bootstrap CSS-->
  9. <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  10. <!-- Font-Awesome -->
  11. <link rel="stylesheet" type="text/css" href="css/font-awesome.css">
  12. <!-- Icomoon -->
  13. <link rel="stylesheet" type="text/css" href="css/icomoon.css">
  14. <!-- Animate.css -->
  15. <link rel="stylesheet" href="css/animate.css">
  16. <!-- Color Switcher -->
  17. <link rel="stylesheet" type="text/css" href="css/switcher.css">
  18. <!-- Owl Carousel -->
  19. <link rel="stylesheet" href="css/owl.carousel.css">
  20. <!-- Main Styles -->
  21. <link rel="stylesheet" type="text/css" href="css/default.css">
  22. <link rel="stylesheet" type="text/css" href="css/styles.css" id="colors">
  23. <!-- Fonts Google -->
  24. <link href="https://fonts.googleapis.com/css?family=Fira+Sans:100,200,300,400,500,600,700,800,900" rel="stylesheet">
  25. </head>
  26. <body>
  27. <!-- Preloader Start-->
  28. <div id="preloader">
  29. <div class="row loader">
  30. <div class="loader-icon"></div>
  31. </div>
  32. </div>
  33. <!-- Preloader End -->
  34. <!-- Top-Bar START -->
  35. <div id="top-bar" class="hidden-sm-down">
  36. <div class="container">
  37. <div class="row">
  38. <div class="col-md-9 col-12">
  39. <div class="top-bar-welcome">
  40. <ul>
  41. <li>Welcome to Professional Consulting Agency</li>
  42. </ul>
  43. </div>
  44. <div class="top-bar-info">
  45. <ul>
  46. <li><i class="fa fa-phone"></i>(+123) 456 7890
  47. <li>
  48. <li><i class="fa fa-envelope"></i>example@gmail.com
  49. <li>
  50. </ul>
  51. </div>
  52. </div>
  53. <div class="col-md-3 col-12">
  54. <ul class="social-icons hidden-md-down">
  55. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  56. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  57. <li><a href="#"><i class="fa fa-instagram"></i></a></li>
  58. <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
  59. </ul>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. <!-- Top-Bar END -->
  65. <!-- Navbar START -->
  66. <header>
  67. <nav id="navigation4" class="container navigation">
  68. <div class="nav-header">
  69. <a class="nav-brand" href="index.html">
  70. <img src="img/logos/logo.png" class="main-logo" alt="logo" id="main_logo">
  71. </a>
  72. <div class="nav-toggle"></div>
  73. </div>
  74. <div class="nav-menus-wrapper">
  75. <ul class="nav-menu align-to-right">
  76. <li><a href="#">Home</a>
  77. <div class="megamenu-panel">
  78. <div class="megamenu-lists">
  79. <ul class="megamenu-list list-col-4">
  80. <li class="megamenu-list-title"><a href="#">Multi Purpose 01</a></li>
  81. <li><a href="index.html">Home Page 01</a></li>
  82. <li><a href="home-2.html">Home Page 02</a></li>
  83. <li><a href="home-3.html">Home Page 03</a></li>
  84. </ul>
  85. <ul class="megamenu-list list-col-4">
  86. <li class="megamenu-list-title"><a href="#">Multi Purpose 02</a></li>
  87. <li><a href="home-4.html">Home Page 04</a></li>
  88. <li><a href="home-5.html">Home Page 05</a></li>
  89. <li><a href="home-6.html">Home Page 06</a></li>
  90. </ul>
  91. <ul class="megamenu-list list-col-4">
  92. <li class="megamenu-list-title"><a href="#">Multi Purpose 03</a></li>
  93. <li><a href="home-7.html">Home Page 07</a></li>
  94. <li><a href="home-8.html">Home Page 08</a></li>
  95. <li><a href="home-9.html">Home Page 09</a></li>
  96. </ul>
  97. <ul class="megamenu-list list-col-4">
  98. <li class="megamenu-list-title"><a href="#">Multi Purpose 04</a></li>
  99. <li><a href="home-10.html">Home Page 10 <span class="menu-tag">NEW</span><span class="menu-tag">HOT</span></a></li>
  100. <li><a href="home-11.html">Home Page 11 <span class="menu-tag">NEW</span></a></li>
  101. <li><a href="home-12.html">Home Page 12 <span class="menu-tag">NEW</span></a></li>
  102. </ul>
  103. </div>
  104. </div>
  105. </li>
  106. <li><a href="#">About</a>
  107. <ul class="nav-dropdown">
  108. <li><a href="about.html">About Us 01</a></li>
  109. <li><a href="about-2.html">About Us 02</a></li>
  110. <li><a href="team.html">Our Team 01</a></li>
  111. <li><a href="team-2.html">Our Team 02</a></li>
  112. <li><a href="team-3.html">Our Team 03</a></li>
  113. <li><a href="team-single.html">Team Single</a></li>
  114. <li><a href="partners.html">Our Partners</a></li>
  115. </ul>
  116. </li>
  117. <li><a href="#">Services</a>
  118. <ul class="nav-dropdown">
  119. <li><a href="services.html">Services 01</a></li>
  120. <li><a href="services-2.html">Services 02</a></li>
  121. <li><a href="services-3.html">Services 03</a></li>
  122. <li><a href="service-detail.html">Service Detail</a></li>
  123. <li><a href="cases.html">Cases</a></li>
  124. </ul>
  125. </li>
  126. <li><a href="#">Projects</a>
  127. <ul class="nav-dropdown">
  128. <li><a href="projects-grid.html">Grid Style</a></li>
  129. <li><a href="projects-masonry-3-column.html">Masonry Style 01</a></li>
  130. <li><a href="projects-masonry-4-column.html">Masonry Style 02</a></li>
  131. <li><a href="project-detail.html">Projects Detail 01</a></li>
  132. <li><a href="project-detail-2.html">Projects Detail 02</a></li>
  133. </ul>
  134. </li>
  135. <li><a href="#">Blog</a>
  136. <ul class="nav-dropdown">
  137. <li><a href="blog-grid.html">Blog Grid</a></li>
  138. <li><a href="blog-grid-classic.html">Blog Grid Classic</a></li>
  139. <li><a href="blog-grid-sidebar.html">Blog Grid Sidebar</a></li>
  140. <li><a href="blog-list.html">Blog List</a></li>
  141. <li><a href="blog-list-sidebar.html">Blog List Sidebar</a></li>
  142. <li><a href="blog-post.html">Blog Post</a></li>
  143. </ul>
  144. </li>
  145. <li><a href="#">Shop</a>
  146. <ul class="nav-dropdown">
  147. <li><a href="shop-grid.html">Grid Style 3 Col</a></li>
  148. <li><a href="shop-grid-4-col.html">Grid Style 4 Col</a></li>
  149. <li><a href="shop-grid-classic.html">Classic Style 3 Col</a></li>
  150. <li><a href="shop-grid-classic-4-col.html">Classic Style 4 Col</a></li>
  151. <li><a href="shop-single.html">Shop Single</a></li>
  152. <li><a href="shopping-cart.html">Shopping Cart</a></li>
  153. </ul>
  154. </li>
  155. <li><a href="#">Pages</a>
  156. <ul class="nav-dropdown">
  157. <li><a href="faq.html">FAQ 01</a></li>
  158. <li><a href="faq-2.html">FAQ 02</a></li>
  159. <li><a href="404.html">Error 404</a></li>
  160. <li><a href="under-construction.html">Under Construction</a></li>
  161. </ul>
  162. </li>
  163. <li><a href="#">Elements</a>
  164. <ul class="nav-dropdown">
  165. <li><a href="feature-boxes.html">Feature Boxes</a></li>
  166. <li><a href="pricing-lists.html">Pricing Lists</a></li>
  167. <li><a href="testmonials.html">Testmonials</a></li>
  168. <li><a href="progress-bars.html">Progress Bars</a></li>
  169. <li><a href="accordions.html">Accordions</a></li>
  170. <li><a href="animated-tabs.html">Animated Tabs</a></li>
  171. <li><a href="countups.html">Countups</a></li>
  172. <li><a href="responsive-videos.html">Responsive Videos</a></li>
  173. </ul>
  174. </li>
  175. <li><a href="#">Contact</a>
  176. <ul class="nav-dropdown">
  177. <li><a href="contact.html">Contact Us 01</a></li>
  178. <li><a href="contact-2.html">Contact Us 02</a></li>
  179. <li><a href="contact-3.html">Contact Us 03</a></li>
  180. <li><a href="contact-4.html">Contact Us 04</a></li>
  181. </ul>
  182. </li>
  183. </ul>
  184. </div>
  185. </nav>
  186. </header>
  187. <!-- Navbar END -->
  188. <!-- Page Title START -->
  189. <div class="page-title-section" style="background-image: url(http://via.placeholder.com/1730x300);">
  190. <div class="container">
  191. <h1>Blog Post</h1>
  192. <ul>
  193. <li><a href="index.html">Home</a></li>
  194. <li><a href="blog-post.html">Blog Post</a></li>
  195. </ul>
  196. </div>
  197. </div>
  198. <!-- Page Title END -->
  199. <!-- Blog Post START -->
  200. <div class="section-block">
  201. <div class="container">
  202. <div class="row">
  203. <!-- Left Side START -->
  204. <div class="col-md-9 col-sm-8 col-12">
  205. <div class="blog-list-left">
  206. <img src="http://via.placeholder.com/825x530" alt="img">
  207. <div class="data-box">
  208. <h4>23</h4>
  209. <strong>Mar</strong>
  210. </div>
  211. <div class="blog-title-box">
  212. <h2>Save Time & Money In Your Business</h2>
  213. <span><i class="fa fa-calendar"></i>Feb 19, 2018</span>
  214. <span><i class="fa fa-list-ul"></i> Business</span>
  215. </div>
  216. <div class="blog-post-content">
  217. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the
  218. 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but
  219. also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets
  220. containing Lorem Ipsum passages.</p>
  221. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the
  222. 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries.</p>
  223. <blockquote class="blockquote">
  224. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since
  225. the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five
  226. centuries.</p>
  227. <h4>- Tomas Edison</h4>
  228. </blockquote>
  229. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the
  230. 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but
  231. also the leap into electronic typesetting, remaining essentially unchanged. but also the leap into electronic typesetting, remaining essentially
  232. unchanged.It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
  233. publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
  234. <div class="row mt-30">
  235. <div class="col-md-6 col-sm-6 col-12">
  236. <div class="blog-list-img">
  237. <!-- Vide Box START -->
  238. <div class="video-video-box full-width">
  239. <img src="http://via.placeholder.com/400x250" class="rounded-border" alt="img">
  240. <div class="video-video-box-overlay">
  241. <div class="video-video-box-button">
  242. <button class="video-video-play-icon" data-toggle="modal" data-target=".video-modal">
  243. <i class="fa fa-play"></i>
  244. </button>
  245. </div>
  246. </div>
  247. </div>
  248. <!-- Modal Start -->
  249. <div class="modal fade video-modal" id="videomodal1" tabindex="-1" role="dialog">
  250. <div class="modal-dialog modal-lg" role="document">
  251. <iframe height="415" src="https://www.youtube.com/embed/EWzsJG07vHY" class="full-width round-frame image-shadow"
  252. allowfullscreen=""></iframe>
  253. </div>
  254. </div>
  255. <!-- Modal End -->
  256. <!-- Vide Box END -->
  257. </div>
  258. </div>
  259. <div class="col-md-6 col-sm-6 col-12">
  260. <div class="blog-list-bottom-text">
  261. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
  262. since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five
  263. centuries, but also the leap into electronic typesetting, remaining essentially unchanged. but also the leap into electronic typesetting,
  264. remaining essentially unchanged.It was popularised in the 1960s with Letraset.</p>
  265. </div>
  266. </div>
  267. </div>
  268. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the
  269. 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but
  270. also the leap into electronic typesetting, remaining essentially unchanged. but also the leap into electronic typesetting, remaining essentially
  271. unchanged.It was popularised in the 1960s with Letraset.</p>
  272. <div class="blog-comments mt-50">
  273. <h3 class="mt-0">All Comments:</h3>
  274. <div class="blog-comment-user">
  275. <div class="row mt-20">
  276. <div class="col-md-1 hidden-sm-down pr-0">
  277. <img src="http://via.placeholder.com/50x50" alt="user">
  278. </div>
  279. <div class="col-md-11 col-12">
  280. <div class="comment-block">
  281. <h6>John Doe</h6><strong>07.03.2018</strong>
  282. <p>
  283. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia magna vel molestie faucibus. Donec auctor et urnaLorem ipsum dolor
  284. sit amet, consectetur adipiscing elit. Cras lacinia magna vel molestie faucibus.
  285. </p>
  286. </div>
  287. </div>
  288. </div>
  289. </div>
  290. <div class="blog-comment-user">
  291. <div class="row">
  292. <div class="col-md-1 hidden-sm-down pr-0">
  293. <img src="http://via.placeholder.com/50x50" alt="user">
  294. </div>
  295. <div class="col-md-11 col-12">
  296. <div class="comment-block">
  297. <h6>Emily Watson</h6><strong>10.03.2018</strong>
  298. <p>
  299. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia magna vel molestie faucibus. Donec auctor et urnaLorem ipsum dolor
  300. sit amet, consectetur adipiscing elit. Cras lacinia magna vel molestie faucibus.
  301. </p>
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306. <h3 class="mt-30">Your Comment:</h3>
  307. <form class="comment-form" method="post" autocomplete="off">
  308. <div class="row">
  309. <div class="col-6">
  310. <input name="name" placeholder="Your Name">
  311. </div>
  312. <div class="col-6">
  313. <input name="email" placeholder="E-mail adress" type="email">
  314. </div>
  315. <div class="col-12">
  316. <textarea name="message" placeholder="Your Message"></textarea>
  317. </div>
  318. </div>
  319. </form>
  320. <div class="mt-10 left-holder">
  321. <a href="#" class="primary-button button-md">Send Comment</a>
  322. </div>
  323. </div>
  324. </div>
  325. </div>
  326. </div>
  327. <!-- Left Side END -->
  328. <!-- Right Side START -->
  329. <div class="col-md-3 col-sm-4 col-12">
  330. <div class="blog-list-right">
  331. <div id="search-input">
  332. <div class="input-group">
  333. <input type="text" class="form-control" placeholder="Search"/>
  334. <span class="input-group-btn">
  335. <button class="btn" type="button">
  336. <i class="glyphicon glyphicon-search"></i>
  337. </button>
  338. </span>
  339. </div>
  340. </div>
  341. <!-- Categories -->
  342. <div class="blog-list-left-heading">
  343. <h4>Categories</h4>
  344. </div>
  345. <div class="blog-categories">
  346. <ul>
  347. <li><a href="#">All Topics</a></li>
  348. <li><a href="#">Business Solutions</a></li>
  349. <li><a href="#">Finance Services</a></li>
  350. <li><a href="#">Market Research</a></li>
  351. <li><a href="#">Professional Planning</a></li>
  352. <li><a href="#">World of Business</a></li>
  353. </ul>
  354. </div>
  355. <!-- Recent News -->
  356. <div class="blog-list-left-heading">
  357. <h4>Recent News</h4>
  358. </div>
  359. <div class="latest-posts">
  360. <div class="row">
  361. <div class="col-md-5 col-sm-5 col-4 latest-posts-img">
  362. <img src="http://via.placeholder.com/80x80" alt="blog-img">
  363. </div>
  364. <div class="col-md-7 col-sm-7 col-8 latest-posts-text pl-0">
  365. <a href="#">Simply dummy text of the printing</a>
  366. <span>Mar 13, 2018</span>
  367. </div>
  368. </div>
  369. </div>
  370. <div class="latest-posts">
  371. <div class="row">
  372. <div class="col-md-5 col-sm-5 col-4 latest-posts-img">
  373. <img src="http://via.placeholder.com/80x80" alt="blog-img">
  374. </div>
  375. <div class="col-md-7 col-sm-7 col-8 latest-posts-text pl-0">
  376. <a href="#">Simply dummy text of the printing</a>
  377. <span>Mar 19, 2018</span>
  378. </div>
  379. </div>
  380. </div>
  381. <div class="latest-posts">
  382. <div class="row">
  383. <div class="col-md-5 col-sm-5 col-4 latest-posts-img">
  384. <img src="http://via.placeholder.com/80x80" alt="blog-img">
  385. </div>
  386. <div class="col-md-7 col-sm-7 col-8 latest-posts-text pl-0">
  387. <a href="#">Simply dummy text of the printing</a>
  388. <span>Mar 27, 2018</span>
  389. </div>
  390. </div>
  391. </div>
  392. <!-- Archives -->
  393. <div class="blog-list-left-heading">
  394. <h4>Archives</h4>
  395. </div>
  396. <div class="archives">
  397. <ul>
  398. <li><a href="#">January 03</a> <span>(09)</span></li>
  399. <li><a href="#">February 17</a> <span>(13)</span></li>
  400. <li><a href="#">March 23</a> <span>(03)</span></li>
  401. <li><a href="#">April 19</a> <span>(07)</span></li>
  402. <li><a href="#">May 07</a> <span>(16)</span></li>
  403. </ul>
  404. </div>
  405. <!-- Tags -->
  406. <div class="blog-list-left-heading">
  407. <h4>Tags</h4>
  408. </div>
  409. <div class="mt-10">
  410. <a href="#" class="button-tag primary-button">Funding</a>
  411. <a href="#" class="button-tag primary-button">Merchant</a>
  412. <a href="#" class="button-tag primary-button">Job</a>
  413. <a href="#" class="button-tag primary-button">Wallet</a>
  414. <a href="#" class="button-tag primary-button">Technology</a>
  415. <a href="#" class="button-tag primary-button">Coin</a>
  416. <a href="#" class="button-tag primary-button">Funding</a>
  417. <a href="#" class="button-tag primary-button">Transaction</a>
  418. </div>
  419. <!--Share Links -->
  420. <div class="blog-list-left-heading">
  421. <h4>Share Links</h4>
  422. </div>
  423. <div class="blog-share">
  424. <ul>
  425. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  426. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  427. <li><a href="#"><i class="fa fa-instagram"></i></a></li>
  428. <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
  429. <li><a href="#"><i class="fa fa-skype"></i></a></li>
  430. </ul>
  431. </div>
  432. </div>
  433. </div>
  434. <!-- Right Side END -->
  435. </div>
  436. </div>
  437. </div>
  438. <!-- Blog Post END -->
  439. <!-- Clients Carousel START -->
  440. <div class="section-clients-grey border-top border-bottom">
  441. <div class="container">
  442. <div class="owl-carousel owl-theme clients" id="clients">
  443. <div class="item">
  444. <img src="http://via.placeholder.com/155x75" alt="partner-image">
  445. </div>
  446. <div class="item">
  447. <img src="http://via.placeholder.com/155x75" alt="partner-image">
  448. </div>
  449. <div class="item">
  450. <img src="http://via.placeholder.com/155x75" alt="partner-image">
  451. </div>
  452. <div class="item">
  453. <img src="http://via.placeholder.com/155x75" alt="partner-image">
  454. </div>
  455. <div class="item">
  456. <img src="http://via.placeholder.com/155x75" alt="partner-image">
  457. </div>
  458. <div class="item">
  459. <img src="http://via.placeholder.com/155x75" alt="partner-image">
  460. </div>
  461. </div>
  462. </div>
  463. </div>
  464. <!-- Clients Carousel END -->
  465. <!-- Footer START -->
  466. <footer>
  467. <div class="container">
  468. <div class="row">
  469. <!-- Column 1 Start -->
  470. <div class="col-md-4 col-sm-6 col-12">
  471. <h3>About Us</h3>
  472. <div class="mt-25">
  473. <img src="img/logos/logo-footer.png" alt="footer-logo">
  474. <p class="mt-25">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  475. ad minim veniam.</p>
  476. <div class="footer-social-icons mt-25">
  477. <ul>
  478. <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
  479. <li><a href="#"><i class="fa fa-instagram"></i></a></li>
  480. <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
  481. <li><a href="#"><i class="fa fa-skype"></i></a></li>
  482. <li><a href="#"><i class="fa fa-youtube"></i></a></li>
  483. </ul>
  484. </div>
  485. </div>
  486. </div>
  487. <!-- Column 1 End -->
  488. <!-- Column 2 Start -->
  489. <div class="col-md-3 col-sm-6 col-12">
  490. <h3>Quick Links</h3>
  491. <ul class="footer-list">
  492. <li><a href="#">Strategic Consulting</a></li>
  493. <li><a href="#">Sales Services</a></li>
  494. <li><a href="#">Market Research</a></li>
  495. <li><a href="#">Online Reputation</a></li>
  496. <li><a href="#">Strategic Consulting</a></li>
  497. <li><a href="#">Sales Services</a></li>
  498. <li><a href="#">Market Research</a></li>
  499. </ul>
  500. </div>
  501. <!-- Column 2 End -->
  502. <!-- Column 3 Start -->
  503. <div class="col-md-3 col-sm-6 col-12">
  504. <h3>Recent Posts</h3>
  505. <div class="mt-25">
  506. <!-- Post Start -->
  507. <div class="footer-recent-post clearfix">
  508. <div class="footer-recent-post-thumb">
  509. <img src="http://via.placeholder.com/65x65" alt="img">
  510. </div>
  511. <div class="footer-recent-post-content">
  512. <span>February 7, 2018</span>
  513. <a href="#">Advices for young designers</a>
  514. </div>
  515. </div>
  516. <!-- Post End -->
  517. <!-- Post Start -->
  518. <div class="footer-recent-post clearfix">
  519. <div class="footer-recent-post-thumb">
  520. <img src="http://via.placeholder.com/65x65" alt="img">
  521. </div>
  522. <div class="footer-recent-post-content">
  523. <span>February 7, 2018</span>
  524. <a href="#">What Planning Process Needs?</a>
  525. </div>
  526. </div>
  527. <!-- Post End -->
  528. <!-- Post Start -->
  529. <div class="footer-recent-post clearfix">
  530. <div class="footer-recent-post-thumb">
  531. <img src="http://via.placeholder.com/65x65" alt="img">
  532. </div>
  533. <div class="footer-recent-post-content">
  534. <span>February 7, 2018</span>
  535. <a href="#">Lorem ipsum dolor sit amet.</a>
  536. </div>
  537. </div>
  538. <!-- Post End -->
  539. </div>
  540. </div>
  541. <!-- Column 3 End -->
  542. <!-- Column 4 Start -->
  543. <div class="col-md-2 col-sm-6 col-12">
  544. <h3>Tags</h3>
  545. <div class="footer-tags mt-25">
  546. <a href="#">Business</a>
  547. <a href="#">Conusltant</a>
  548. <a href="#">Coach</a>
  549. <a href="#">UX</a>
  550. <a href="#">API</a>
  551. <a href="#">Reputation</a>
  552. <a href="#">Research</a>
  553. <a href="#">Sale</a>
  554. <a href="#">Service</a>
  555. <a href="#">UI</a>
  556. <a href="#">Web</a>
  557. <a href="#">WebDesign</a>
  558. </div>
  559. </div>
  560. <!-- Column 4 End -->
  561. </div>
  562. <!-- Footer Bar Start -->
  563. <div class="footer-bar">
  564. <p><span class="primary-color">SpecThemes</span> © 2018. All Rights Reserved.</p>
  565. </div>
  566. <!-- Footer Bar End -->
  567. </div>
  568. </footer>
  569. <!-- Footer END -->
  570. <!-- Scroll to top button Start -->
  571. <a href="#" class="scroll-to-top"><i class="fa fa-angle-up" aria-hidden="true"></i></a>
  572. <!-- Scroll to top button End -->
  573. <!-- Jquery -->
  574. <script src="js/jquery.min.js"></script>
  575. <!--Popper JS-->
  576. <script src="js/popper.min.js"></script>
  577. <!-- Bootstrap JS-->
  578. <script src="js/bootstrap.min.js"></script>
  579. <!-- Owl Carousel-->
  580. <script src="js/owl.carousel.js"></script>
  581. <!-- Navbar JS -->
  582. <script src="js/navigation.js"></script>
  583. <script src="js/navigation.fixed.js"></script>
  584. <!-- Wow JS -->
  585. <script src="js/wow.min.js"></script>
  586. <!-- Countup -->
  587. <script src="js/jquery.counterup.min.js"></script>
  588. <script src="js/waypoints.min.js"></script>
  589. <!-- Tabs -->
  590. <script src="js/tabs.min.js"></script>
  591. <!-- Yotube Video Player -->
  592. <script src="js/jquery.mb.YTPlayer.min.js"></script>
  593. <!-- Isotop -->
  594. <script src="js/isotope.pkgd.min.js"></script>
  595. <!-- Modernizr -->
  596. <script src="js/modernizr.js"></script>
  597. <!-- Switcher JS -->
  598. <script src="js/switcher.js"></script>
  599. <!-- Google Map -->
  600. <script src="js/map.js"></script>
  601. <!-- Main JS -->
  602. <script src="js/main.js"></script>
  603. </body>
  604. </html>