<ul>
  <li class="ui-menu-item level0 staticwidth parent">
    <div class="open-children-toggle"></div>
    <a href="{{store url='shop.html'}}" class="level-top">
      <span>Categories</span>
    </a>
    <div class="level0 submenu" style="width: 650px;">
      <div class="container">
        <div class="row">
          <ul class="subchildmenu col-md-8 mega-columns columns2">
            <li class="ui-menu-item level1 parent">
              <div class="open-children-toggle"></div>
              <a href="javascript:void(0)" style="pointer-events: none;"><span>Variations 1</span></a>
              <ul class="subchildmenu">
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}demo5_en/electronics.html"><span>Fullwidth Banner</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion.html"><span>Boxed Image Banner</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}demo11_en/fashion.html"><span>Boxed Slider Banner</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion.html"><span>Left Sidebar</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion/women.html"><span>Right Sidebar</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}demo17_en/fashion.html"><span>Product Flex Grid</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{store url='porto-product-list-types'}}"><span>Product List Item Types</span></a>
                </li>
              </ul>
            </li>
            <li class="ui-menu-item level1 parent">
              <div class="open-children-toggle"></div>
              <a href="javascript:void(0)" style="pointer-events: none;"><span>Variations 2</span></a>
              <ul class="subchildmenu">
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion.html"><span>Ajax Infinite Scroll</span><span class="cat-label cat-label-label1">New</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}demo10_en/fashion.html"><span>3 Columns Products</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion.html"><span>4 Columns Products</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}demo11_en/fashion.html"><span>5 Columns Products</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}demo13_en/fashion.html"><span>6 Columns Products</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="javascript:void(0)"><span>7 Columns Products</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="javascript:void(0)"><span>8 Columns Products</span></a>
                </li>
              </ul>
            </li>
          </ul>
          <div class="menu-right-block col-md-4">
            <div style='background-position: -15px center; background-image: url({{media url=&quot;wysiwyg/smartwave/porto/megamenu/menu-banner.jpg&quot;}}); background-repeat: no-repeat; background-size: cover; width: 100%;height:100%;'></div>
          </div>
        </div>
      </div>
    </div>
  </li>
  <li class="ui-menu-item level0 staticwidth parent">
    <div class="open-children-toggle"></div>
    <a href="{{store url='porto-evolution-headset-default.html'}}" class="level-top"><span>Products</span></a>
    <div class="level0 submenu" style="width: 580px;">
      <div class="container">
        <div class="row">
          <ul class="subchildmenu col-md-8 mega-columns columns2">
            <li class="ui-menu-item level1 parent">
              <div class="open-children-toggle"></div>
              <a href="javascript:void(0)" style="pointer-events: none;"><span>Product Pages</span></a>
              <ul class="subchildmenu">
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}"><span>Simple Product</span></a>
                </li>
                <li class="ui-menu-item level2">
									<a href="{{config path='web/unsecure/base_url'}}demo1_en/porto-evolution-headset-default.html"><span>Configurable Product</span></a>
								</li>
								<li class="ui-menu-item level2">
									<a href="{{config path='web/unsecure/base_url'}}demo1_en/catalog/product/view/id/45/s/sprite-yoga-companion-kit/category/5/"><span>Bundle Product</span></a>
								</li>
								<li class="ui-menu-item level2">
									<a href="{{config path='web/unsecure/base_url'}}demo1_en/catalog/product/view/id/2046/s/set-of-sprite-yoga-straps/category/3/"><span>Grouped Product</span></a>
								</li>
								<li class="ui-menu-item level2">
									<a href="{{config path='web/unsecure/base_url'}}demo1_en/catalog/product/view/id/46/s/beginner-s-yoga/category/10/"><span>Downloadable Product</span></a>
								</li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}"><span>Addtocart Sticky</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}"><span>Vertical Tabs</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}"><span>Accordion Tabs</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}"><span>Sticky Tabs</span></a>
                </li>
              </ul>
            </li>
            <li class="ui-menu-item level1 parent">
              <div class="open-children-toggle"></div>
              <a href="javascript:void(0)" style="pointer-events: none;"><span>Product Layout</span></a>
              <ul class="subchildmenu">
                <li class="ui-menu-item level2">
                  <a href="{{store url='porto-evolution-headset-default.html'}}"><span>Default Layout</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{store url='porto-evolution-headset-carousel.html'}}"><span>Extended Layout</span><span class="cat-label cat-label-label1">New</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{store url='porto-evolution-headset-fullwidth.html'}}"><span>Full Width Layout</span><span class="cat-label cat-label-label1">New</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{store url='porto-evolution-headset-grid.html'}}"><span>Grid Images Layout</span><span class="cat-label cat-label-label1">New</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{store url='porto-evolution-headset-sticky-right-info.html'}}"><span>Sticky Right Side Info</span><span class="cat-label cat-label-label1">New</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{store url='porto-evolution-headset-wide-grid.html'}}"><span>Vertical Layout</span><span class="cat-label cat-label-label1">New</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}demo5_en/porto-evolution-headset-default.html"><span>With Sidebar</span></a>
                </li>
                <li class="ui-menu-item level2">
                  <a href="{{config path='web/unsecure/base_url'}}demo2_en/catalog/product/view/id/2349/s/jane-dress/"><span>Without Sidebar</span></a>
                </li>
              </ul>
            </li>
          </ul>
          <div class="menu-right-block col-md-4">
            <div style='background-position: center center; background-image: url({{media url=&quot;wysiwyg/smartwave/porto/megamenu/shop1_megamenu.jpg&quot;}}); background-repeat: no-repeat; background-size: cover; width: 100%;height:100%;'></div>
          </div>
        </div>
      </div>
    </div>
  </li>
  <li class="ui-menu-item level0 classic parent">
    <div class="open-children-toggle"></div>
    <a href="javascript:void(0)" class="level-top"><span>Pages</span></a>
    <div class="level0 submenu">
      <div class="row">
        <ul class="subchildmenu">
          <li class="ui-menu-item level1">
            <a href="{{store url='about-porto'}}"><span>About Us</span></a>
          </li>
          <li class="ui-menu-item level1">
            <a href="{{store url='contact'}}"><span>Contact Us</span></a>
          </li>
          <li class="ui-menu-item level1">
            <a href="{{store url='blog'}}"><span>Blog</span></a>
          </li>
          <li class="ui-menu-item level1">
            <a href="{{store url='blog/post/post-format-image-gallery'}}"><span>Post</span></a>
          </li>
          <li class="ui-menu-item level1">
            <a href="{{store url='checkout/cart'}}"><span>Shopping Cart</span></a>
          </li>
          <li class="ui-menu-item level1">
            <a href="{{store url='checkout'}}"><span>Checkout</span></a>
          </li>
          <li class="ui-menu-item level1">
            <a href="{{store url='customer/account'}}"><span>My Account</span></a>
          </li>
        </ul>
      </div>
    </div>
  </li>
  <li class="ui-menu-item level0 classic parent">
    <div class="open-children-toggle"></div>
    <a href="javascript:void(0)" class="level-top"><span>Features</span></a>
    <div class="level0 submenu">
      <div class="row">
        <ul class="subchildmenu">
          <li class="ui-menu-item level1">
            <a href="{{store url='porto-header-types'}}"><span>Header Types</span></a>
          </li>
          <li class="ui-menu-item level1">
            <a href="{{store url='porto-footer-types'}}"><span>Footer Types</span></a>
          </li>
        </ul>
      </div>
    </div>
  </li>
</ul>
