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.

418 lines
14 KiB

2 years ago
  1. <!DOCTYPE html>
  2. <html lang="zxx">
  3. <head>
  4. <title>Under construction</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. <!-- Font -->
  26. <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
  27. <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/segment7" type="text/css"/>
  28. </head>
  29. <body>
  30. <!-- Preloader Start-->
  31. <div id="preloader">
  32. <div class="row loader">
  33. <div class="loader-icon"></div>
  34. </div>
  35. </div>
  36. <!-- Preloader End -->
  37. <!-- Top-Bar START -->
  38. <div id="top-bar" class="hidden-sm-down">
  39. <div class="container">
  40. <div class="row">
  41. <div class="col-md-9 col-12">
  42. <div class="top-bar-welcome">
  43. <ul>
  44. <li>Welcome to Professional Consulting Agency</li>
  45. </ul>
  46. </div>
  47. <div class="top-bar-info">
  48. <ul>
  49. <li><i class="fa fa-phone"></i>(+123) 456 7890
  50. <li>
  51. <li><i class="fa fa-envelope"></i>example@gmail.com
  52. <li>
  53. </ul>
  54. </div>
  55. </div>
  56. <div class="col-md-3 col-12">
  57. <ul class="social-icons hidden-md-down">
  58. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  59. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  60. <li><a href="#"><i class="fa fa-instagram"></i></a></li>
  61. <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
  62. </ul>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. <!-- Top-Bar END -->
  68. <!-- Navbar START -->
  69. <header>
  70. <nav id="navigation4" class="container navigation">
  71. <div class="nav-header">
  72. <a class="nav-brand" href="index.html">
  73. <img src="img/logos/logo.png" class="main-logo" alt="logo" id="main_logo">
  74. </a>
  75. <div class="nav-toggle"></div>
  76. </div>
  77. <div class="nav-menus-wrapper">
  78. <ul class="nav-menu align-to-right">
  79. <li><a href="#">Home</a>
  80. <div class="megamenu-panel">
  81. <div class="megamenu-lists">
  82. <ul class="megamenu-list list-col-4">
  83. <li class="megamenu-list-title"><a href="#">Multi Purpose 01</a></li>
  84. <li><a href="index.html">Home Page 01</a></li>
  85. <li><a href="home-2.html">Home Page 02</a></li>
  86. <li><a href="home-3.html">Home Page 03</a></li>
  87. </ul>
  88. <ul class="megamenu-list list-col-4">
  89. <li class="megamenu-list-title"><a href="#">Multi Purpose 02</a></li>
  90. <li><a href="home-4.html">Home Page 04</a></li>
  91. <li><a href="home-5.html">Home Page 05</a></li>
  92. <li><a href="home-6.html">Home Page 06</a></li>
  93. </ul>
  94. <ul class="megamenu-list list-col-4">
  95. <li class="megamenu-list-title"><a href="#">Multi Purpose 03</a></li>
  96. <li><a href="home-7.html">Home Page 07</a></li>
  97. <li><a href="home-8.html">Home Page 08</a></li>
  98. <li><a href="home-9.html">Home Page 09</a></li>
  99. </ul>
  100. <ul class="megamenu-list list-col-4">
  101. <li class="megamenu-list-title"><a href="#">Multi Purpose 04</a></li>
  102. <li><a href="home-10.html">Home Page 10 <span class="menu-tag">NEW</span><span class="menu-tag">HOT</span></a></li>
  103. <li><a href="home-11.html">Home Page 11 <span class="menu-tag">NEW</span></a></li>
  104. <li><a href="home-12.html">Home Page 12 <span class="menu-tag">NEW</span></a></li>
  105. </ul>
  106. </div>
  107. </div>
  108. </li>
  109. <li><a href="#">About</a>
  110. <ul class="nav-dropdown">
  111. <li><a href="about.html">About Us 01</a></li>
  112. <li><a href="about-2.html">About Us 02</a></li>
  113. <li><a href="team.html">Our Team 01</a></li>
  114. <li><a href="team-2.html">Our Team 02</a></li>
  115. <li><a href="team-3.html">Our Team 03</a></li>
  116. <li><a href="team-single.html">Team Single</a></li>
  117. <li><a href="partners.html">Our Partners</a></li>
  118. </ul>
  119. </li>
  120. <li><a href="#">Services</a>
  121. <ul class="nav-dropdown">
  122. <li><a href="services.html">Services 01</a></li>
  123. <li><a href="services-2.html">Services 02</a></li>
  124. <li><a href="services-3.html">Services 03</a></li>
  125. <li><a href="service-detail.html">Service Detail</a></li>
  126. <li><a href="cases.html">Cases</a></li>
  127. </ul>
  128. </li>
  129. <li><a href="#">Projects</a>
  130. <ul class="nav-dropdown">
  131. <li><a href="projects-grid.html">Grid Style</a></li>
  132. <li><a href="projects-masonry-3-column.html">Masonry Style 01</a></li>
  133. <li><a href="projects-masonry-4-column.html">Masonry Style 02</a></li>
  134. <li><a href="project-detail.html">Projects Detail 01</a></li>
  135. <li><a href="project-detail-2.html">Projects Detail 02</a></li>
  136. </ul>
  137. </li>
  138. <li><a href="#">Blog</a>
  139. <ul class="nav-dropdown">
  140. <li><a href="blog-grid.html">Blog Grid</a></li>
  141. <li><a href="blog-grid-classic.html">Blog Grid Classic</a></li>
  142. <li><a href="blog-grid-sidebar.html">Blog Grid Sidebar</a></li>
  143. <li><a href="blog-list.html">Blog List</a></li>
  144. <li><a href="blog-list-sidebar.html">Blog List Sidebar</a></li>
  145. <li><a href="blog-post.html">Blog Post</a></li>
  146. </ul>
  147. </li>
  148. <li><a href="#">Shop</a>
  149. <ul class="nav-dropdown">
  150. <li><a href="shop-grid.html">Grid Style 3 Col</a></li>
  151. <li><a href="shop-grid-4-col.html">Grid Style 4 Col</a></li>
  152. <li><a href="shop-grid-classic.html">Classic Style 3 Col</a></li>
  153. <li><a href="shop-grid-classic-4-col.html">Classic Style 4 Col</a></li>
  154. <li><a href="shop-single.html">Shop Single</a></li>
  155. <li><a href="shopping-cart.html">Shopping Cart</a></li>
  156. </ul>
  157. </li>
  158. <li><a href="#">Pages</a>
  159. <ul class="nav-dropdown">
  160. <li><a href="faq.html">FAQ 01</a></li>
  161. <li><a href="faq-2.html">FAQ 02</a></li>
  162. <li><a href="404.html">Error 404</a></li>
  163. <li><a href="under-construction.html">Under Construction</a></li>
  164. </ul>
  165. </li>
  166. <li><a href="#">Elements</a>
  167. <ul class="nav-dropdown">
  168. <li><a href="feature-boxes.html">Feature Boxes</a></li>
  169. <li><a href="pricing-lists.html">Pricing Lists</a></li>
  170. <li><a href="testmonials.html">Testmonials</a></li>
  171. <li><a href="progress-bars.html">Progress Bars</a></li>
  172. <li><a href="accordions.html">Accordions</a></li>
  173. <li><a href="animated-tabs.html">Animated Tabs</a></li>
  174. <li><a href="countups.html">Countups</a></li>
  175. <li><a href="responsive-videos.html">Responsive Videos</a></li>
  176. </ul>
  177. </li>
  178. <li><a href="#">Contact</a>
  179. <ul class="nav-dropdown">
  180. <li><a href="contact.html">Contact Us 01</a></li>
  181. <li><a href="contact-2.html">Contact Us 02</a></li>
  182. <li><a href="contact-3.html">Contact Us 03</a></li>
  183. <li><a href="contact-4.html">Contact Us 04</a></li>
  184. </ul>
  185. </li>
  186. </ul>
  187. </div>
  188. </nav>
  189. </header>
  190. <!-- Navbar END -->
  191. <div class="count-back-box" style="background-image: url(http://via.placeholder.com/1730x500);">
  192. <div class="container">
  193. <div class="row">
  194. <!-- Cogs START -->
  195. <div class="construction-box">
  196. <div class="construction-icons">
  197. <i class="icon-settings" id="cons-icon-1"></i>
  198. <i class="icon-settings" id="cons-icon-2"></i>
  199. </div>
  200. </div>
  201. <!-- Cogs END -->
  202. <div class="wrapper">
  203. <div class="clock">
  204. <div class="column days mr-20-md">
  205. <div class="timer" id="days"></div>
  206. <h5>DAY</h5>
  207. </div>
  208. <div class="column">
  209. <div class="timer" id="hours"></div>
  210. <h5>HOUR</h5>
  211. </div>
  212. <div class="timer">:</div>
  213. <div class="column">
  214. <div class="timer" id="minutes"></div>
  215. <h5>MINUTE</h5>
  216. </div>
  217. <div class="timer">:</div>
  218. <div class="column">
  219. <div class="timer" id="seconds"></div>
  220. <h5>SECOND</h5>
  221. </div>
  222. </div>
  223. </div>
  224. <div class="count-back-box-text">
  225. <h3>We’re getting ready to launch</h3>
  226. <h6>We’ll be here soon with our new awesome site, subscribe to be notified.</h6>
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. <!-- Footer START -->
  232. <footer>
  233. <div class="container">
  234. <div class="row">
  235. <!-- Column 1 Start -->
  236. <div class="col-md-4 col-sm-6 col-12">
  237. <h3>About Us</h3>
  238. <div class="mt-25">
  239. <img src="img/logos/logo-footer.png" alt="footer-logo">
  240. <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
  241. ad minim veniam.</p>
  242. <div class="footer-social-icons mt-25">
  243. <ul>
  244. <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
  245. <li><a href="#"><i class="fa fa-instagram"></i></a></li>
  246. <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
  247. <li><a href="#"><i class="fa fa-skype"></i></a></li>
  248. <li><a href="#"><i class="fa fa-youtube"></i></a></li>
  249. </ul>
  250. </div>
  251. </div>
  252. </div>
  253. <!-- Column 1 End -->
  254. <!-- Column 2 Start -->
  255. <div class="col-md-3 col-sm-6 col-12">
  256. <h3>Quick Links</h3>
  257. <ul class="footer-list">
  258. <li><a href="#">Strategic Consulting</a></li>
  259. <li><a href="#">Sales Services</a></li>
  260. <li><a href="#">Market Research</a></li>
  261. <li><a href="#">Online Reputation</a></li>
  262. <li><a href="#">Strategic Consulting</a></li>
  263. <li><a href="#">Sales Services</a></li>
  264. <li><a href="#">Market Research</a></li>
  265. </ul>
  266. </div>
  267. <!-- Column 2 End -->
  268. <!-- Column 3 Start -->
  269. <div class="col-md-3 col-sm-6 col-12">
  270. <h3>Recent Posts</h3>
  271. <div class="mt-25">
  272. <!-- Post Start -->
  273. <div class="footer-recent-post clearfix">
  274. <div class="footer-recent-post-thumb">
  275. <img src="http://via.placeholder.com/65x65" alt="img">
  276. </div>
  277. <div class="footer-recent-post-content">
  278. <span>February 7, 2018</span>
  279. <a href="#">Advices for young designers</a>
  280. </div>
  281. </div>
  282. <!-- Post End -->
  283. <!-- Post Start -->
  284. <div class="footer-recent-post clearfix">
  285. <div class="footer-recent-post-thumb">
  286. <img src="http://via.placeholder.com/65x65" alt="img">
  287. </div>
  288. <div class="footer-recent-post-content">
  289. <span>February 7, 2018</span>
  290. <a href="#">What Planning Process Needs?</a>
  291. </div>
  292. </div>
  293. <!-- Post End -->
  294. <!-- Post Start -->
  295. <div class="footer-recent-post clearfix">
  296. <div class="footer-recent-post-thumb">
  297. <img src="http://via.placeholder.com/65x65" alt="img">
  298. </div>
  299. <div class="footer-recent-post-content">
  300. <span>February 7, 2018</span>
  301. <a href="#">Lorem ipsum dolor sit amet.</a>
  302. </div>
  303. </div>
  304. <!-- Post End -->
  305. </div>
  306. </div>
  307. <!-- Column 3 End -->
  308. <!-- Column 4 Start -->
  309. <div class="col-md-2 col-sm-6 col-12">
  310. <h3>Tags</h3>
  311. <div class="footer-tags mt-25">
  312. <a href="#">Business</a>
  313. <a href="#">Conusltant</a>
  314. <a href="#">Coach</a>
  315. <a href="#">UX</a>
  316. <a href="#">API</a>
  317. <a href="#">Reputation</a>
  318. <a href="#">Research</a>
  319. <a href="#">Sale</a>
  320. <a href="#">Service</a>
  321. <a href="#">UI</a>
  322. <a href="#">Web</a>
  323. <a href="#">WebDesign</a>
  324. </div>
  325. </div>
  326. <!-- Column 4 End -->
  327. </div>
  328. <!-- Footer Bar Start -->
  329. <div class="footer-bar">
  330. <p><span class="primary-color">SpecThemes</span> © 2018. All Rights Reserved.</p>
  331. </div>
  332. <!-- Footer Bar End -->
  333. </div>
  334. </footer>
  335. <!-- Footer END -->
  336. <!-- Scroll to top button Start -->
  337. <a href="#" class="scroll-to-top"><i class="fa fa-angle-up" aria-hidden="true"></i></a>
  338. <!-- Scroll to top button End -->
  339. <!-- Jquery -->
  340. <script src="js/jquery.min.js"></script>
  341. <!--Popper JS-->
  342. <script src="js/popper.min.js"></script>
  343. <!-- Bootstrap JS-->
  344. <script src="js/bootstrap.min.js"></script>
  345. <!-- Owl Carousel-->
  346. <script src="js/owl.carousel.js"></script>
  347. <!-- Navbar JS -->
  348. <script src="js/navigation.js"></script>
  349. <script src="js/navigation.fixed.js"></script>
  350. <!-- Wow JS -->
  351. <script src="js/wow.min.js"></script>
  352. <!-- Countup -->
  353. <script src="js/jquery.counterup.min.js"></script>
  354. <script src="js/waypoints.min.js"></script>
  355. <!-- Tabs -->
  356. <script src="js/tabs.min.js"></script>
  357. <!-- CountBack -->
  358. <script src="js/moment.js"></script>
  359. <script src="js/moment-timezone-with-data.js"></script>
  360. <script src="js/timer.js"></script>
  361. <!-- Yotube Video Player -->
  362. <script src="js/jquery.mb.YTPlayer.min.js"></script>
  363. <!-- Isotop -->
  364. <script src="js/isotope.pkgd.min.js"></script>
  365. <!-- Modernizr -->
  366. <script src="js/modernizr.js"></script>
  367. <!-- Switcher JS -->
  368. <script src="js/switcher.js"></script>
  369. <!-- Google Map -->
  370. <script src="js/map.js"></script>
  371. <!-- Main JS -->
  372. <script src="js/main.js"></script>
  373. </body>
  374. </html>