code_demo {
  %Q{
    div(class: 'ae-mega-menu') {
      a(href: '#', class:'ae-btn ae-btn-primary ae-open-mega-menu') { 'Open Mega Menu List' }
      div(class: 'ae-nav-mega-menu-content ae-hidden') {

        h3(class: 'ae-mega-menu-title') {
          text_node 'Modules'
          a(href: '#', class:'ae-mega-menu-close ae-u-float-right') { '×' }
        }

        ul(class: 'ae-list-block ae-nav-mega-menu-list') {
          li(class: 'active ae-nav-mega-menu-item') {
            a(href: '#') { 'Express Admin' }
          }
          li(class: 'ae-nav-mega-menu-item') {
            a(href: '#') { 'Express Auth' }
          }
          li(class: 'ae-nav-mega-menu-item') {
            a(href: '#') { 'Express Billing' }
          }

        }
      }
    }

    div(class: 'ae-mega-menu') {
      a(href: '#', class:'ae-btn ae-btn-primary ae-open-mega-menu') { 'Open Mega Menu List with Big Icons' }
      div(class: 'ae-nav-mega-menu-content ae-hidden') {

        h3(class: 'ae-mega-menu-title') {
          text_node 'Modules'
          a(href: '#', class:'ae-mega-menu-close ae-u-float-right') { '×' }
        }

        ul(class: 'ae-list-inline ae-nav-mega-menu-list-icons') {
          li(class: 'active ae-nav-mega-menu-item') {
            a(href: '#') {
              image_tag 'appexpress/express_admin.svg', class: 'nav-logo', width: '60', alt: 'Express Admin'
              text_node 'Express Admin'
            }
          }
          li(class: ' ae-nav-mega-menu-item') {
            a(href: '#') {
              image_tag 'appexpress/express_auth.svg', class: 'nav-logo', width: '60', alt: 'Express Auth'
              text_node 'Express Auth'
            }
          }
          li(class: ' ae-nav-mega-menu-item') {
            a(href: '#') {
              image_tag 'appexpress/express_billing.svg', class: 'nav-logo', width: '60', alt: 'Express Billing'
              text_node 'Express Billing  '
            }
          }

        }
      }
    }

    div(class: 'ae-mega-menu') {
      a(href: '#', class:'ae-btn ae-btn-primary ae-open-mega-menu') { 'Open Mega Menu List with Small Icons' }
      div(class: 'ae-nav-mega-menu-content ae-hidden') {

        h3(class: 'ae-mega-menu-title') {
          text_node 'Modules'
          a(href: '#', class:'ae-mega-menu-close ae-u-float-right') { '×' }
        }

        ul(class: 'ae-list-block ae-nav-mega-menu-list') {
          li(class: 'active ae-nav-mega-menu-item') {
            a(href: '#') {
              image_tag 'appexpress/express_admin.svg', class: 'nav-logo', width: '60', alt: 'Express Admin'
              text_node 'Express Admin'
            }
          }
          li(class: ' ae-nav-mega-menu-item') {
            a(href: '#') {
              image_tag 'appexpress/express_auth.svg', class: 'nav-logo', width: '60', alt: 'Express Auth'
              text_node 'Express Auth'
            }
          }
          li(class: ' ae-nav-mega-menu-item') {
            a(href: '#') {
              image_tag 'appexpress/express_billing.svg', class: 'nav-logo', width: '60', alt: 'Express Billing'
              text_node 'Express Billing  '
            }
          }

        }
      }
    }

  }
}