Advertisement
Guest User

MEGA MENU DROPDOWN

a guest
Nov 19th, 2019
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.34 KB | None | 0 0
  1. <div class="gl_row spb_row gl_row-fluid col-five">
  2. <div class="spb_column gl_column_container gl_col-sm-2 color-scheme-dark">
  3. <div class="gl_column-inner ">
  4. <div class="spb_wrapper">
  5. <div class="spb_text_column spb_content_element gl_mb_10">
  6. <div class="spb_wrapper">
  7. <h5 style="text-align: center;"><a href="https://demo-basel.myshopify.com/?preview_theme_id=165581650" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">1.</span> HOME DEFAULT</strong></a></h5>
  8. </div>
  9. </div>
  10. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  11. <figure class="spb_wrapper gl_figure">
  12. <a href="https://demo-basel.myshopify.com/?preview_theme_id=165581650" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/prev-main.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/prev-main.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-main_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-main_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-main_263x193.jpg 263w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  13. </figure>
  14. </div>
  15. </div>
  16. </div>
  17. </div>
  18. <div class="spb_column gl_column_container gl_col-sm-2">
  19. <div class="gl_column-inner ">
  20. <div class="spb_wrapper">
  21. <div class="spb_text_column spb_content_element gl_mb_10">
  22. <div class="spb_wrapper">
  23. <h5 style="text-align: center;"><a href="https://demo-basel.myshopify.com/?preview_theme_id=177928274" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">2.</span> LINGERIE STORE</strong></a></h5>
  24. </div>
  25. </div>
  26. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  27. <figure class="spb_wrapper gl_figure">
  28. <a href="https://demo-basel.myshopify.com/?preview_theme_id=177928274" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/menu-lingerie.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/menu-lingerie.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-lingerie_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-lingerie_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-lingerie_263x193.jpg 263w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  29. </figure>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="spb_column gl_column_container gl_col-sm-2">
  35. <div class="gl_column-inner ">
  36. <div class="spb_wrapper">
  37. <div class="spb_text_column spb_content_element gl_mb_10">
  38. <div class="spb_wrapper">
  39. <h5 style="text-align: center;"><a href="https://demo-basel.myshopify.com/?preview_theme_id=177954898" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">3. </span>Cosmetics</strong></a></h5>
  40. </div>
  41. </div>
  42. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  43. <figure class="spb_wrapper gl_figure">
  44. <a href="https://demo-basel.myshopify.com/?preview_theme_id=177954898" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/menu-cosmetics.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/menu-cosmetics.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-cosmetics_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-cosmetics_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-cosmetics_273x200.jpg 273w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  45. </figure>
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50. <div class="spb_column gl_column_container gl_col-sm-2">
  51. <div class="gl_column-inner ">
  52. <div class="spb_wrapper">
  53. <div class="spb_text_column spb_content_element gl_mb_10">
  54. <div class="spb_wrapper">
  55. <h5 style="text-align: center;"><a href="https://demo-basel.myshopify.com/?preview_theme_id=177960914" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">4.</span> HERO SLIDER</strong></a></h5>
  56. </div>
  57. </div>
  58. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  59. <figure class="spb_wrapper gl_figure">
  60. <a href="https://demo-basel.myshopify.com/?preview_theme_id=177960914" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/prev-slider.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/prev-slider.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-slider_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-slider_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-slider_273x200.jpg 273w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  61. </figure>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. <div class="spb_column gl_column_container gl_col-sm-2">
  67. <div class="gl_column-inner ">
  68. <div class="spb_wrapper">
  69. <div class="spb_text_column spb_content_element gl_mb_10">
  70. <div class="spb_wrapper">
  71. <h5 style="text-align: center;"><a href="https://demo-basel.myshopify.com/?preview_theme_id=177968402" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">5.</span> WINE STORE</strong></a></h5>
  72. </div>
  73. </div>
  74. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  75. <figure class="spb_wrapper gl_figure">
  76. <a href="https://demo-basel.myshopify.com/?preview_theme_id=177968402" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/menu-wine.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/menu-wine.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-wine_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-wine_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-wine_273x200.jpg 273w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  77. </figure>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="spb_column gl_column_container gl_col-sm-2">
  83. <div class="gl_column-inner ">
  84. <div class="spb_wrapper"></div>
  85. </div>
  86. </div>
  87. </div>
  88. <div class="gl_row spb_row gl_row-fluid col-five">
  89. <div class="spb_column gl_column_container gl_col-sm-2 color-scheme-dark">
  90. <div class="gl_column-inner ">
  91. <div class="spb_wrapper">
  92. <div class="spb_text_column spb_content_element gl_mb_10">
  93. <div class="spb_wrapper">
  94. <h5 style="text-align: center;"><a href="https://demo-basel.myshopify.com/?preview_theme_id=178066066" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">6.</span> CARS</strong></a></h5>
  95. </div>
  96. </div>
  97. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  98. <figure class="spb_wrapper gl_figure">
  99. <a href="https://demo-basel.myshopify.com/?preview_theme_id=178066066" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/menu-cars.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/menu-cars.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-cars_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-cars_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-cars_263x193.jpg 263w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  100. </figure>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. <div class="spb_column gl_column_container gl_col-sm-2">
  106. <div class="gl_column-inner ">
  107. <div class="spb_wrapper">
  108. <div class="spb_text_column spb_content_element gl_mb_10">
  109. <div class="spb_wrapper">
  110. <h5 style="text-align: center;"><a href="https://demo-basel.myshopify.com/?preview_theme_id=178098642" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">7.</span> WATCHES</strong></a></h5>
  111. </div>
  112. </div>
  113. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  114. <figure class="spb_wrapper gl_figure">
  115. <a href="https://demo-basel.myshopify.com/?preview_theme_id=178098642" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/prev-watch.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/prev-watch.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-watch_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-watch_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-watch_263x193.jpg 263w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  116. </figure>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. <div class="spb_column gl_column_container gl_col-sm-2">
  122. <div class="gl_column-inner ">
  123. <div class="spb_wrapper">
  124. <div class="spb_text_column spb_content_element gl_mb_10">
  125. <div class="spb_wrapper">
  126. <h5 style="text-align: center;"><a href="https://demo-basel.myshopify.com/?preview_theme_id=178103378" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">8.</span> JEWELLERY</strong></a></h5>
  127. </div>
  128. </div>
  129. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  130. <figure class="spb_wrapper gl_figure">
  131. <a href="https://demo-basel.myshopify.com/?preview_theme_id=178103378" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/jewellery-menu.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/jewellery-menu.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/jewellery-menu_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/jewellery-menu_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/jewellery-menu_273x200.jpg 273w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  132. </figure>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. <div class="spb_column gl_column_container gl_col-sm-2">
  138. <div class="gl_column-inner ">
  139. <div class="spb_wrapper">
  140. <div class="spb_text_column spb_content_element gl_mb_10">
  141. <div class="spb_wrapper">
  142. <h5 style="text-align: center;"><a href="https://demo-basel.myshopify.com/?preview_theme_id=178108242" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">9.</span> FLOWERS</strong></a></h5>
  143. </div>
  144. </div>
  145. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  146. <figure class="spb_wrapper gl_figure">
  147. <a href="https://demo-basel.myshopify.com/?preview_theme_id=178108242" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/prev-flovers.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/prev-flovers.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-flovers_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-flovers_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-flovers_273x200.jpg 273w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  148. </figure>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. <div class="spb_column gl_column_container gl_col-sm-2">
  154. <div class="gl_column-inner ">
  155. <div class="spb_wrapper">
  156. <div class="spb_text_column spb_content_element gl_mb_10">
  157. <div class="spb_wrapper">
  158. <h5 style="text-align: center;"><a href="https://demo-basel.myshopify.com/?preview_theme_id=178206866" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">10.</span> MINIMALIST</strong></a></h5>
  159. </div>
  160. </div>
  161. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  162. <figure class="spb_wrapper gl_figure">
  163. <a href="https://demo-basel.myshopify.com/?preview_theme_id=178206866" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/menu-minimalist.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/menu-minimalist.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-minimalist_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-minimalist_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/menu-minimalist_273x200.jpg 273w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  164. </figure>
  165. </div>
  166. </div>
  167. </div>
  168. </div>
  169. <div class="spb_column gl_column_container gl_col-sm-2">
  170. <div class="gl_column-inner ">
  171. <div class="spb_wrapper"></div>
  172. </div>
  173. </div>
  174. </div>
  175. <div class="gl_row spb_row gl_row-fluid col-five">
  176. <div class="spb_column gl_column_container gl_col-sm-2 color-scheme-dark">
  177. <div class="gl_column-inner ">
  178. <div class="spb_wrapper">
  179. <div class="spb_text_column spb_content_element gl_mb_10">
  180. <div class="spb_wrapper">
  181. <h5 style="text-align: center;"><a href="https://demo-basel.myshopify.com/?preview_theme_id=178220818" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">11.</span> RTL READY</strong></a></h5>
  182. </div>
  183. </div>
  184. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  185. <figure class="spb_wrapper gl_figure">
  186. <a href="https://demo-basel.myshopify.com/?preview_theme_id=178220818" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/prev-main-rtl.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/prev-main-rtl.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-main-rtl_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-main-rtl_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-main-rtl_263x193.jpg 263w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  187. </figure>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. <div class="spb_column gl_column_container gl_col-sm-2">
  193. <div class="gl_column-inner ">
  194. <div class="spb_wrapper">
  195. <div class="spb_text_column spb_content_element gl_mb_10">
  196. <div class="spb_wrapper">
  197. <h5 style="text-align: center;"><a href="#" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">12.</span> COMMING SOON</strong></a></h5>
  198. </div>
  199. </div>
  200. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  201. <figure class="spb_wrapper gl_figure">
  202. <a href="#" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/prev-soon.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/prev-soon.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-soon_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-soon_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-soon_263x193.jpg 263w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  203. </figure>
  204. </div>
  205. </div>
  206. </div>
  207. </div>
  208. <div class="spb_column gl_column_container gl_col-sm-2">
  209. <div class="gl_column-inner ">
  210. <div class="spb_wrapper">
  211. <div class="spb_text_column spb_content_element gl_mb_10">
  212. <div class="spb_wrapper">
  213. <h5 style="text-align: center;"><a href="#" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">13.</span> COMMING SOON</strong></a></h5>
  214. </div>
  215. </div>
  216. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  217. <figure class="spb_wrapper gl_figure">
  218. <a href="#" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/prev-soon.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/prev-soon.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-soon_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-soon_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-soon_263x193.jpg 263w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  219. </figure>
  220. </div>
  221. </div>
  222. </div>
  223. </div>
  224. <div class="spb_column gl_column_container gl_col-sm-2">
  225. <div class="gl_column-inner ">
  226. <div class="spb_wrapper">
  227. <div class="spb_text_column spb_content_element gl_mb_10">
  228. <div class="spb_wrapper">
  229. <h5 style="text-align: center;"><a href="#" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">14.</span> COMMING SOON</strong></a></h5>
  230. </div>
  231. </div>
  232. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  233. <figure class="spb_wrapper gl_figure">
  234. <a href="#" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/prev-soon.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/prev-soon.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-soon_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-soon_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-soon_263x193.jpg 263w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  235. </figure>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. <div class="spb_column gl_column_container gl_col-sm-2">
  241. <div class="gl_column-inner ">
  242. <div class="spb_wrapper">
  243. <div class="spb_text_column spb_content_element gl_mb_10">
  244. <div class="spb_wrapper">
  245. <h5 style="text-align: center;"><a href="#" style="color: #1b1919; text-transform: uppercase; letter-spacing: 0.3px;"><strong><span style="color: #1aada3;">15.</span> COMMING SOON</strong></a></h5>
  246. </div>
  247. </div>
  248. <div class="spb_single_image spb_content_element gl_align_left gl_mb_35">
  249. <figure class="spb_wrapper gl_figure">
  250. <a href="#" target="_self" class="gl_single_image-wrapper gl_box_border_grey"><img src="//cdn.shopify.com/s/files/1/1933/6253/files/prev-soon.jpg" class="gl_single_image-img attachment-full" alt="" srcset="//cdn.shopify.com/s/files/1/1933/6253/files/prev-soon.jpg 300w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-soon_270x198.jpg 270w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-soon_280x205.jpg 280w, //cdn.shopify.com/s/files/1/1933/6253/files/prev-soon_263x193.jpg 263w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="220"></a>
  251. </figure>
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. <div class="spb_column gl_column_container gl_col-sm-2">
  257. <div class="gl_column-inner ">
  258. <div class="spb_wrapper"></div>
  259. </div>
  260. </div>
  261. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement