_header.liquid 45 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717
  1. <!-- _header.template -->
  2. <div class="header">
  3. <!-- Top Bar -->
  4. <div class="top-navbar">
  5. <div class="container">
  6. <div class="row">
  7. <div class="col-md-6">
  8. <span class="aux-text d-none d-md-inline-block">
  9. <ul class="inline-links inline-links--style-1">
  10. <li class="d-none d-lg-inline-block">
  11. Mobile Phone Accessories Wholesale supplier - Mietubl </li>
  12. <li>
  13. <i class="fa fa-envelope"></i>
  14. <a href="#">support@Mietubl.com</a>
  15. </li>
  16. </ul>
  17. </span>
  18. </div>
  19. <div class="col-md-6">
  20. <nav class="top-navbar-menu">
  21. <ul class="top-menu">
  22. {% comment %}<li><a href="#">Sign in</a></li>{% endcomment %}
  23. {% comment %}<li><a href="#">Create account</a></li>{% endcomment %}
  24. {% comment %}<li><a href="#" data-toggle="global-search"><i class="fa fa-search"></i></a></li>{% endcomment %}
  25. {% comment %}<li class="dropdown">{% endcomment %}
  26. {% comment %}<a href="#">{% endcomment %}
  27. {% comment %}<i class="fa fa-shopping-cart"></i>{% endcomment %}
  28. {% comment %}</a>{% endcomment %}
  29. {% comment %}<ul class="sub-menu">{% endcomment %}
  30. {% comment %}<li>{% endcomment %}
  31. {% comment %}<div class="dropdown-cart px-0">{% endcomment %}
  32. {% comment %}<div class="dc-header">{% endcomment %}
  33. {% comment %}<h3 class="heading heading-6 strong-600">Cart</h3>{% endcomment %}
  34. {% comment %}</div>{% endcomment %}
  35. {% comment %}<div class="dc-item">{% endcomment %}
  36. {% comment %}<div class="d-flex align-items-center">{% endcomment %}
  37. {% comment %}<div class="dc-image">{% endcomment %}
  38. {% comment %}<a href="#">{% endcomment %}
  39. {% comment %}<img src="static/picture/img-1a.png" class="img-fluid" alt="">{% endcomment %}
  40. {% comment %}</a>{% endcomment %}
  41. {% comment %}</div>{% endcomment %}
  42. {% comment %}<div class="dc-content">{% endcomment %}
  43. {% comment %}<span class="d-block dc-product-name text-capitalize strong-600 mb-1">{% endcomment %}
  44. {% comment %}<a href="#">{% endcomment %}
  45. {% comment %}Wood phone case{% endcomment %}
  46. {% comment %}</a>{% endcomment %}
  47. {% comment %}</span>{% endcomment %}
  48. {% comment %}{% endcomment %}
  49. {% comment %}<span class="dc-quantity">x2</span>{% endcomment %}
  50. {% comment %}<span class="dc-price">$50.00</span>{% endcomment %}
  51. {% comment %}</div>{% endcomment %}
  52. {% comment %}<div class="dc-actions">{% endcomment %}
  53. {% comment %}<button>{% endcomment %}
  54. {% comment %}<i class="ion-close"></i>{% endcomment %}
  55. {% comment %}</button>{% endcomment %}
  56. {% comment %}</div>{% endcomment %}
  57. {% comment %}</div>{% endcomment %}
  58. {% comment %}</div>{% endcomment %}
  59. {% comment %}{% endcomment %}
  60. {% comment %}<div class="dc-item">{% endcomment %}
  61. {% comment %}<div class="d-flex align-items-center">{% endcomment %}
  62. {% comment %}<div class="dc-image">{% endcomment %}
  63. {% comment %}<a href="#">{% endcomment %}
  64. {% comment %}<img src="static/picture/img-2a.png" class="img-fluid" alt="">{% endcomment %}
  65. {% comment %}</a>{% endcomment %}
  66. {% comment %}</div>{% endcomment %}
  67. {% comment %}<div class="dc-content">{% endcomment %}
  68. {% comment %}<span class="d-block dc-product-name text-capitalize strong-600 mb-1">{% endcomment %}
  69. {% comment %}<a href="#">{% endcomment %}
  70. {% comment %}Leather bag{% endcomment %}
  71. {% comment %}</a>{% endcomment %}
  72. {% comment %}</span>{% endcomment %}
  73. {% comment %}{% endcomment %}
  74. {% comment %}<span class="dc-quantity">x1</span>{% endcomment %}
  75. {% comment %}<span class="dc-price">$250.00</span>{% endcomment %}
  76. {% comment %}</div>{% endcomment %}
  77. {% comment %}<div class="dc-actions">{% endcomment %}
  78. {% comment %}<button>{% endcomment %}
  79. {% comment %}<i class="ion-close"></i>{% endcomment %}
  80. {% comment %}</button>{% endcomment %}
  81. {% comment %}</div>{% endcomment %}
  82. {% comment %}</div>{% endcomment %}
  83. {% comment %}</div>{% endcomment %}
  84. {% comment %}{% endcomment %}
  85. {% comment %}<div class="dc-item">{% endcomment %}
  86. {% comment %}<div class="d-flex align-items-center">{% endcomment %}
  87. {% comment %}<div class="dc-image">{% endcomment %}
  88. {% comment %}<a href="#">{% endcomment %}
  89. {% comment %}<img src="static/picture/img-3a.png" class="img-fluid" alt="">{% endcomment %}
  90. {% comment %}</a>{% endcomment %}
  91. {% comment %}</div>{% endcomment %}
  92. {% comment %}<div class="dc-content">{% endcomment %}
  93. {% comment %}<span class="d-block dc-product-name text-capitalize strong-600 mb-1">{% endcomment %}
  94. {% comment %}<a href="#">{% endcomment %}
  95. {% comment %}Brown leather wallet{% endcomment %}
  96. {% comment %}</a>{% endcomment %}
  97. {% comment %}</span>{% endcomment %}
  98. {% comment %}{% endcomment %}
  99. {% comment %}<span class="dc-quantity">x1</span>{% endcomment %}
  100. {% comment %}<span class="dc-price">$99.00</span>{% endcomment %}
  101. {% comment %}</div>{% endcomment %}
  102. {% comment %}<div class="dc-actions">{% endcomment %}
  103. {% comment %}<button>{% endcomment %}
  104. {% comment %}<i class="ion-close"></i>{% endcomment %}
  105. {% comment %}</button>{% endcomment %}
  106. {% comment %}</div>{% endcomment %}
  107. {% comment %}</div>{% endcomment %}
  108. {% comment %}</div>{% endcomment %}
  109. {% comment %}<div class="dc-item py-4">{% endcomment %}
  110. {% comment %}<span class="subtotal-text">Subtotal</span>{% endcomment %}
  111. {% comment %}<span class="subtotal-amount">$450.00</span>{% endcomment %}
  112. {% comment %}</div>{% endcomment %}
  113. {% comment %}<div class="py-4 text-center">{% endcomment %}
  114. {% comment %}<ul class="inline-links inline-links--style-3">{% endcomment %}
  115. {% comment %}<li class="pr-3">{% endcomment %}
  116. {% comment %}<a href="#" class="link link--style-2 text-capitalize">{% endcomment %}
  117. {% comment %}<i class="ion-person"></i> My account{% endcomment %}
  118. {% comment %}</a>{% endcomment %}
  119. {% comment %}</li>{% endcomment %}
  120. {% comment %}<li class="pr-3">{% endcomment %}
  121. {% comment %}<a href="#" class="link link--style-1 text-capitalize">{% endcomment %}
  122. {% comment %}<i class="ion-bag"></i> View cart{% endcomment %}
  123. {% comment %}</a>{% endcomment %}
  124. {% comment %}</li>{% endcomment %}
  125. {% comment %}<li>{% endcomment %}
  126. {% comment %}<a href="#" class="link link--style-1 text-capitalize">{% endcomment %}
  127. {% comment %}<i class="ion-forward"></i> Checkout{% endcomment %}
  128. {% comment %}</a>{% endcomment %}
  129. {% comment %}</li>{% endcomment %}
  130. {% comment %}</ul>{% endcomment %}
  131. {% comment %}</div>{% endcomment %}
  132. {% comment %}</div>{% endcomment %}
  133. {% comment %}</li>{% endcomment %}
  134. {% comment %}</ul>{% endcomment %}
  135. {% comment %}</li>{% endcomment %}
  136. {% comment %}<li class="aux-languages dropdown">{% endcomment %}
  137. {% comment %}<a href="#">{% endcomment %}
  138. {% comment %}<img src="static/picture/ro.png">{% endcomment %}
  139. {% comment %}</a>{% endcomment %}
  140. {% comment %}<ul id="auxLanguages" class="sub-menu">{% endcomment %}
  141. {% comment %}<li>{% endcomment %}
  142. {% comment %}<a href="#"><span class="language">German</span></a>{% endcomment %}
  143. {% comment %}</li>{% endcomment %}
  144. {% comment %}<li>{% endcomment %}
  145. {% comment %}<span class="language language-active">English</span>{% endcomment %}
  146. {% comment %}</li>{% endcomment %}
  147. {% comment %}<li>{% endcomment %}
  148. {% comment %}<a href="#"><span class="language">Greek</span></a>{% endcomment %}
  149. {% comment %}</li>{% endcomment %}
  150. {% comment %}<li>{% endcomment %}
  151. {% comment %}<a href="#"><span class="language">Spanish</span></a>{% endcomment %}
  152. {% comment %}</li>{% endcomment %}
  153. {% comment %}</ul>{% endcomment %}
  154. {% comment %}</li>{% endcomment %}
  155. {% comment %}<li><a href="#" class="btn-st-trigger" data-effect="st-effect-1"><i class="fa fa-ellipsis-h"></i></a></li>{% endcomment %}
  156. </ul>
  157. </nav>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. <!-- Global Search -->
  163. <section id="sctGlobalSearch" class="global-search global-search-overlay">
  164. <div class="container">
  165. <div class="global-search-backdrop mask-dark--style-2"></div>
  166. <!-- Search form -->
  167. <form class="form-horizontal form-global-search z-depth-2-top" role="form">
  168. <div class="px-4">
  169. <div class="row">
  170. <div class="col-12">
  171. <input type="text" class="search-input" placeholder="Type and hit enter ...">
  172. </div>
  173. </div>
  174. </div>
  175. <a href="#" class="close-search" data-toggle="global-search" title="Close search bar"></a>
  176. </form>
  177. </div>
  178. </section>
  179. <!-- Navbar -->
  180. <nav class="navbar navbar-expand-lg navbar--bold navbar--style-2 navbar-light bg-default navbar--shadow">
  181. <div class="container navbar-container">
  182. <!-- Brand/Logo -->
  183. <a class="navbar-brand" href="/">
  184. <img src="static/images/logo.svg" class="" alt="Boomerang" style="height: 50px;">
  185. </a>
  186. <div class="d-inline-block">
  187. <!-- Navbar toggler -->
  188. <button class="navbar-toggler hamburger hamburger-js hamburger--spring" type="button" data-toggle="collapse" data-target="#navbar_main" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
  189. <span class="hamburger-box">
  190. <span class="hamburger-inner"></span>
  191. </span>
  192. </button>
  193. </div>
  194. <div class="collapse navbar-collapse align-items-center justify-content-center" id="navbar_main">
  195. <!-- Navbar search - For small resolutions -->
  196. <div class="navbar-search-widget b-xs-bottom py-3 d-lg-none d-none">
  197. <form class="" role="form">
  198. <div class="input-group input-group-lg">
  199. <input type="text" class="form-control" placeholder="Search for...">
  200. <span class="input-group-btn">
  201. <button class="btn btn-base-3" type="button">Go!</button>
  202. </span>
  203. </div>
  204. </form>
  205. </div>
  206. <!-- Navbar links -->
  207. <ul class="navbar-nav">
  208. <li class="nav-item dropdown megamenu">
  209. <a class="nav-link" href="/">
  210. Home
  211. </a>
  212. </li>
  213. <li class="nav-item dropdown">
  214. <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  215. Products
  216. </a>
  217. <div class="dropdown-menu dropdown-menu-xl py-0 px-0 overflow--hidden" aria-labelledby="navbar_1_dropdown_1">
  218. <div class="list-group rounded">
  219. <a href="../../pages-home.html" class="list-group-item list-group-item-action d-flex align-items-center">
  220. <div class="list-group-content">
  221. <div class="list-group-heading heading heading-6 mb-1">Home pages</div>
  222. <p class="text-sm mb-0">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
  223. </div>
  224. </a>
  225. <a href="../../pages-inner.html" class="list-group-item list-group-item-action d-flex align-items-center">
  226. <div class="list-group-content">
  227. <div class="list-group-heading heading heading-6 mb-1">Inner pages</div>
  228. <p class="text-sm mb-0">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
  229. </div>
  230. </a>
  231. <a href="../../pages-profile.html" class="list-group-item list-group-item-action d-flex align-items-center">
  232. <div class="list-group-content">
  233. <div class="list-group-heading heading heading-6 mb-1">Profile pages</div>
  234. <p class="text-sm mb-0">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
  235. </div>
  236. </a>
  237. <a href="../../pages-blog.html" class="list-group-item list-group-item-action d-flex align-items-center">
  238. <div class="list-group-content">
  239. <div class="list-group-heading heading heading-6 mb-1">Blog pages</div>
  240. <p class="text-sm mb-0">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
  241. </div>
  242. </a>
  243. <a href="../../pages-shop.html" class="list-group-item list-group-item-action d-flex align-items-center">
  244. <div class="list-group-content">
  245. <div class="list-group-heading heading heading-6 mb-1">Shop pages</div>
  246. <p class="text-sm mb-0">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
  247. </div>
  248. </a>
  249. <a href="../../pages-real-estate.html" class="list-group-item list-group-item-action d-flex align-items-center">
  250. <div class="list-group-content">
  251. <div class="list-group-heading heading heading-6 mb-1">Real estate pages</div>
  252. <p class="text-sm mb-0">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
  253. </div>
  254. </a>
  255. </div>
  256. </div>
  257. </li>
  258. <li class="nav-item dropdown megamenu">
  259. <a class="nav-link" href="../../demos.html">
  260. About Us
  261. </a>
  262. </li>
  263. <li class="nav-item dropdown megamenu">
  264. <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  265. Support
  266. </a>
  267. <div class="dropdown-menu">
  268. <div class="mega-dropdown-menu row row-no-padding">
  269. <div class="mega-dropdown-col mega-dropdown-col-cover mega-dropdown-col-cover--left col-lg-5 d-none d-lg-block d-xl-block" style="background-image: url(static/images/img-14-1000x900.jpg); background-position: center center;">
  270. <span class="mask mask-base-1--style-1 alpha-8"></span>
  271. <div class="mega-dropdown-col-inner d-flex align-items-center no-padding">
  272. <div class="col">
  273. <div class="row align-items-center">
  274. <div class="col-12">
  275. <div class="px-4">
  276. <h2 class="heading heading-2 strong-600 c-white">
  277. Documentation and Shortcodes
  278. </h2>
  279. <p class="strong-300 c-white mt-4">
  280. Get started fast and easy with Boomerang using the documentation and shortcode examples. No matter
  281. you are a developer or new to web design, you will
  282. find our theme very easy to customize with
  283. an intuitive HTML markup.
  284. </p>
  285. <div class="btn-container mt-5">
  286. <a href="../../documentation/getting-started/introduction.html" target="_blank" class="btn btn-styled btn-white btn-outline btn-circle">Read the Docs</a>
  287. </div>
  288. </div>
  289. </div>
  290. </div>
  291. </div>
  292. </div>
  293. </div>
  294. <div class="col-md-4 col-lg-2 ml-lg-auto">
  295. <ul class="megadropdown-links">
  296. <li>
  297. <a class="dropdown-item" href="../../documentation/components/alerts.html">
  298. Alerts
  299. </a>
  300. </li>
  301. <li>
  302. <a class="dropdown-item" href="../../documentation/components/badges.html">
  303. Badges
  304. </a>
  305. </li>
  306. <li>
  307. <a class="dropdown-item" href="../../documentation/components/buttons.html">
  308. Buttons
  309. </a>
  310. </li>
  311. <li>
  312. <a class="dropdown-item" href="../../documentation/components/cards.html">
  313. Cards
  314. </a>
  315. </li>
  316. <li>
  317. <a class="dropdown-item" href="../../documentation/components/collapse.html">
  318. Collapse
  319. </a>
  320. </li>
  321. <li>
  322. <a class="dropdown-item" href="../../documentation/components/countdown.html">
  323. Countdown
  324. </a>
  325. </li>
  326. <li>
  327. <a class="dropdown-item" href="../../documentation/components/dropdown.html">
  328. Dropdowns
  329. </a>
  330. </li>
  331. <li>
  332. <a class="dropdown-item" href="../../documentation/components/forms.html">
  333. Forms
  334. </a>
  335. </li>
  336. <li>
  337. <a class="dropdown-item" href="../../documentation/components/instagram.html">
  338. Instagram
  339. </a>
  340. </li>
  341. <li>
  342. <a class="dropdown-item" href="../../documentation/components/lightbox.html">
  343. Lightbox
  344. </a>
  345. </li>
  346. <li>
  347. <a class="dropdown-item" href="../../documentation/components/maps.html">
  348. Maps
  349. </a>
  350. </li>
  351. <li>
  352. <a class="dropdown-item" href="../../documentation/components/masonry.html">
  353. Masonry
  354. </a>
  355. </li>
  356. </ul>
  357. </div>
  358. <div class="col-md-4 col-lg-2">
  359. <ul class="megadropdown-links">
  360. <li>
  361. <a class="dropdown-item" href="../../documentation/components/pagination.html">
  362. Pagination
  363. </a>
  364. </li>
  365. <li>
  366. <a class="dropdown-item" href="../../documentation/components/progress.html">
  367. Progress bars
  368. </a>
  369. </li>
  370. <li>
  371. <a class="dropdown-item" href="../../documentation/components/recaptcha.html">
  372. Recaptcha
  373. </a>
  374. </li>
  375. <li>
  376. <a class="dropdown-item" href="../../documentation/content/titles.html">
  377. Section titles
  378. </a>
  379. </li>
  380. <li>
  381. <a class="dropdown-item" href="../../documentation/components/forms.html#ex_component_sliders">
  382. Sliders
  383. </a>
  384. </li>
  385. <li>
  386. <a class="dropdown-item" href="../../documentation/components/tabs.html">
  387. Tabs
  388. </a>
  389. </li>
  390. <li>
  391. <a class="dropdown-item" href="../../documentation/components/typed-animations.html">
  392. Typed animations
  393. </a>
  394. </li>
  395. <li>
  396. <a class="dropdown-item" href="../../documentation/blocks/headers.html">
  397. Headers
  398. </a>
  399. </li>
  400. <li>
  401. <a class="dropdown-item" href="../../html/default/sliders/boomerang-slider/index.html">
  402. Boomerang slider
  403. </a>
  404. </li>
  405. <li>
  406. <a class="dropdown-item" href="../../html/default/sliders/revolution-slider/index.html">
  407. Revolution slider
  408. </a>
  409. </li>
  410. <li>
  411. <a class="dropdown-item" href="../../documentation/blocks/footers.html">
  412. Footers
  413. </a>
  414. </li>
  415. <li>
  416. <a class="dropdown-item" href="../../documentation/blocks/hero.html">
  417. Hero blocks
  418. </a>
  419. </li>
  420. </ul>
  421. </div>
  422. <div class="col-md-4 col-lg-2">
  423. <ul class="megadropdown-links">
  424. <li>
  425. <a class="dropdown-item" href="../../documentation/blocks/icon.html">
  426. Icon blocks
  427. </a>
  428. </li>
  429. <li>
  430. <a class="dropdown-item" href="../../documentation/blocks/jobs.html">
  431. Job blocks
  432. </a>
  433. </li>
  434. <li>
  435. <a class="dropdown-item" href="../../documentation/blocks/pricing.html">
  436. Pricing blocks
  437. </a>
  438. </li>
  439. <li>
  440. <a class="dropdown-item" href="../../documentation/blocks/product.html">
  441. Product blocks
  442. </a>
  443. </li>
  444. <li>
  445. <a class="dropdown-item" href="../../documentation/blocks/real-estate.html">
  446. Real-Estate blocks
  447. </a>
  448. </li>
  449. <li>
  450. <a class="dropdown-item" href="../../documentation/blocks/team.html">
  451. Team blocks
  452. </a>
  453. </li>
  454. <li>
  455. <a class="dropdown-item" href="../../documentation/blocks/testimonials.html">
  456. Testimonial blocks
  457. </a>
  458. </li>
  459. <li>
  460. <a class="dropdown-item" href="../../documentation/blocks/comments.html">
  461. Comment blocks
  462. </a>
  463. </li>
  464. </ul>
  465. </div>
  466. </div>
  467. </div>
  468. </li>
  469. <li class="nav-item dropdown megamenu">
  470. <a class="nav-link" href="../../demos.html">
  471. Posts
  472. </a>
  473. </li>
  474. <li class="nav-item dropdown megamenu">
  475. <a class="nav-link" href="../../demos.html">
  476. Contact
  477. </a>
  478. </li>
  479. <li class="nav-item dropdown megamenu">
  480. <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  481. Components
  482. </a>
  483. <div class="dropdown-menu">
  484. <div class="mega-dropdown-menu row row-no-padding">
  485. <div class="mega-dropdown-col mega-dropdown-col-cover mega-dropdown-col-cover--left col-lg-5 d-none d-lg-block d-xl-block" style="background-image: url(static/images/img-14-1000x900.jpg); background-position: center center;">
  486. <span class="mask mask-base-1--style-1 alpha-8"></span>
  487. <div class="mega-dropdown-col-inner d-flex align-items-center no-padding">
  488. <div class="col">
  489. <div class="row align-items-center">
  490. <div class="col-12">
  491. <div class="px-4">
  492. <h2 class="heading heading-2 strong-600 c-white">
  493. Documentation and Shortcodes
  494. </h2>
  495. <p class="strong-300 c-white mt-4">
  496. Get started fast and easy with Boomerang using the documentation and shortcode examples. No matter
  497. you are a developer or new to web design, you will
  498. find our theme very easy to customize with
  499. an intuitive HTML markup.
  500. </p>
  501. <div class="btn-container mt-5">
  502. <a href="../../documentation/getting-started/introduction.html" target="_blank" class="btn btn-styled btn-white btn-outline btn-circle">Read the Docs</a>
  503. </div>
  504. </div>
  505. </div>
  506. </div>
  507. </div>
  508. </div>
  509. </div>
  510. <div class="col-md-4 col-lg-2 ml-lg-auto">
  511. <ul class="megadropdown-links">
  512. <li>
  513. <a class="dropdown-item" href="../../documentation/components/alerts.html">
  514. Alerts
  515. </a>
  516. </li>
  517. <li>
  518. <a class="dropdown-item" href="../../documentation/components/badges.html">
  519. Badges
  520. </a>
  521. </li>
  522. <li>
  523. <a class="dropdown-item" href="../../documentation/components/buttons.html">
  524. Buttons
  525. </a>
  526. </li>
  527. <li>
  528. <a class="dropdown-item" href="../../documentation/components/cards.html">
  529. Cards
  530. </a>
  531. </li>
  532. <li>
  533. <a class="dropdown-item" href="../../documentation/components/collapse.html">
  534. Collapse
  535. </a>
  536. </li>
  537. <li>
  538. <a class="dropdown-item" href="../../documentation/components/countdown.html">
  539. Countdown
  540. </a>
  541. </li>
  542. <li>
  543. <a class="dropdown-item" href="../../documentation/components/dropdown.html">
  544. Dropdowns
  545. </a>
  546. </li>
  547. <li>
  548. <a class="dropdown-item" href="../../documentation/components/forms.html">
  549. Forms
  550. </a>
  551. </li>
  552. <li>
  553. <a class="dropdown-item" href="../../documentation/components/instagram.html">
  554. Instagram
  555. </a>
  556. </li>
  557. <li>
  558. <a class="dropdown-item" href="../../documentation/components/lightbox.html">
  559. Lightbox
  560. </a>
  561. </li>
  562. <li>
  563. <a class="dropdown-item" href="../../documentation/components/maps.html">
  564. Maps
  565. </a>
  566. </li>
  567. <li>
  568. <a class="dropdown-item" href="../../documentation/components/masonry.html">
  569. Masonry
  570. </a>
  571. </li>
  572. </ul>
  573. </div>
  574. <div class="col-md-4 col-lg-2">
  575. <ul class="megadropdown-links">
  576. <li>
  577. <a class="dropdown-item" href="../../documentation/components/pagination.html">
  578. Pagination
  579. </a>
  580. </li>
  581. <li>
  582. <a class="dropdown-item" href="../../documentation/components/progress.html">
  583. Progress bars
  584. </a>
  585. </li>
  586. <li>
  587. <a class="dropdown-item" href="../../documentation/components/recaptcha.html">
  588. Recaptcha
  589. </a>
  590. </li>
  591. <li>
  592. <a class="dropdown-item" href="../../documentation/content/titles.html">
  593. Section titles
  594. </a>
  595. </li>
  596. <li>
  597. <a class="dropdown-item" href="../../documentation/components/forms.html#ex_component_sliders">
  598. Sliders
  599. </a>
  600. </li>
  601. <li>
  602. <a class="dropdown-item" href="../../documentation/components/tabs.html">
  603. Tabs
  604. </a>
  605. </li>
  606. <li>
  607. <a class="dropdown-item" href="../../documentation/components/typed-animations.html">
  608. Typed animations
  609. </a>
  610. </li>
  611. <li>
  612. <a class="dropdown-item" href="../../documentation/blocks/headers.html">
  613. Headers
  614. </a>
  615. </li>
  616. <li>
  617. <a class="dropdown-item" href="../../html/default/sliders/boomerang-slider/index.html">
  618. Boomerang slider
  619. </a>
  620. </li>
  621. <li>
  622. <a class="dropdown-item" href="../../html/default/sliders/revolution-slider/index.html">
  623. Revolution slider
  624. </a>
  625. </li>
  626. <li>
  627. <a class="dropdown-item" href="../../documentation/blocks/footers.html">
  628. Footers
  629. </a>
  630. </li>
  631. <li>
  632. <a class="dropdown-item" href="../../documentation/blocks/hero.html">
  633. Hero blocks
  634. </a>
  635. </li>
  636. </ul>
  637. </div>
  638. <div class="col-md-4 col-lg-2">
  639. <ul class="megadropdown-links">
  640. <li>
  641. <a class="dropdown-item" href="../../documentation/blocks/icon.html">
  642. Icon blocks
  643. </a>
  644. </li>
  645. <li>
  646. <a class="dropdown-item" href="../../documentation/blocks/jobs.html">
  647. Job blocks
  648. </a>
  649. </li>
  650. <li>
  651. <a class="dropdown-item" href="../../documentation/blocks/pricing.html">
  652. Pricing blocks
  653. </a>
  654. </li>
  655. <li>
  656. <a class="dropdown-item" href="../../documentation/blocks/product.html">
  657. Product blocks
  658. </a>
  659. </li>
  660. <li>
  661. <a class="dropdown-item" href="../../documentation/blocks/real-estate.html">
  662. Real-Estate blocks
  663. </a>
  664. </li>
  665. <li>
  666. <a class="dropdown-item" href="../../documentation/blocks/team.html">
  667. Team blocks
  668. </a>
  669. </li>
  670. <li>
  671. <a class="dropdown-item" href="../../documentation/blocks/testimonials.html">
  672. Testimonial blocks
  673. </a>
  674. </li>
  675. <li>
  676. <a class="dropdown-item" href="../../documentation/blocks/comments.html">
  677. Comment blocks
  678. </a>
  679. </li>
  680. </ul>
  681. </div>
  682. </div>
  683. </div>
  684. </li>
  685. </ul>
  686. </div>
  687. </div>
  688. </nav>
  689. </div>