<div class="sidebar" id="sidebar">
  <div class="logo"><span>N</span> NEOCLOW</div>

  <div class="menu-title">DASHBOARDS</div>
  <div class="menu-item">
    <div class="menu-left"><i class="fa fa-th"></i>Dashboards</div>
    <i class="fa fa-minus"></i>
  </div>
  <div class="submenu">
    <a href="{{PREFIX}}layout-1.html" class="active">Light Sidebar</a>
    <a href="{{PREFIX}}../layout-2.html">Dark Sidebar</a>
  </div>

  <div class="menu-title">USER</div>
  <div class="menu-item"><div class="menu-left"><i class="fa fa-user"></i>Public Profile</div><i class="fa fa-plus"></i></div>
  <div class="submenu" style="display:none;">
    <div class="menu-item menu-item-sub">
      <div class="menu-left">Profile</div>
      <i class="fa fa-plus"></i>
    </div>
    <div class="submenu submenu-nested">
      <a href="{{PREFIX}}Public-Profile/Profiles/default-profile.html">Default</a>
      <a href="{{PREFIX}}Public-Profile/Profiles/creator-profile.html">Creator</a>
      <a href="{{PREFIX}}Public-Profile/Profiles/company-profile.html">Company</a>
      <a href="{{PREFIX}}Public-Profile/Profiles/nft-profile.html">NFT</a>
      <a href="{{PREFIX}}Public-Profile/Profiles/blogger-profile.html">Blogger</a>
      <a href="{{PREFIX}}Public-Profile/Profiles/crm-profile.html">CRM</a>
      <a href="{{PREFIX}}Public-Profile/Profiles/gamer-profile.html">Gamer</a>
      <a href="{{PREFIX}}Public-Profile/Profiles/feeds-profile.html">Feeds</a>
      <a href="{{PREFIX}}Public-Profile/Profiles/plain-profile.html">Plain</a>
      <a href="{{PREFIX}}Public-Profile/Profiles/modal-profile.html">Modal</a>
    </div>
    <div class="menu-item menu-item-sub">
      <div class="menu-left">Project</div>
      <i class="fa fa-plus"></i>
    </div>
    <div class="submenu submenu-nested">
      <a href="{{PREFIX}}Public-Profile/Projects/projects-3-columns.html">3 Columns</a>
      <a href="{{PREFIX}}Public-Profile/Projects/projects-2-columns.html">2 Columns</a>
    </div>
    <a href="{{PREFIX}}Public-Profile/works.html">Work</a>
    <a href="{{PREFIX}}Public-Profile/teams.html">Team</a>
    <a href="{{PREFIX}}Public-Profile/network.html">Network</a>
    <a href="{{PREFIX}}My Account/activity.html">Activity</a>
    <a href="{{PREFIX}}Public-Profile/campaigns-card.html">Campaigns - Card</a>
    <a href="{{PREFIX}}Public-Profile/campaigns-list.html">Campaigns - List</a>
    <a href="{{PREFIX}}Public-Profile/empty.html">Empty</a>
  </div>
  <div class="menu-item"><div class="menu-left"><i class="fa fa-cog"></i>My Account</div><i class="fa fa-plus"></i></div>
  <div class="submenu">
    <div class="menu-item menu-item-sub">
      <div class="menu-left">Account Home</div>
      <i class="fa fa-plus"></i>
    </div>
    <div class="submenu submenu-nested">
      <a href="{{PREFIX}}My Account/Account Home/get-started.html">Get Started</a>
      <a href="{{PREFIX}}My Account/Account Home/user-profile.html">User Profile</a>
      <a href="{{PREFIX}}Public-Profile/Profiles/company-profile.html">Company Profile</a>
      <a href="{{PREFIX}}My Account/Account Home/settings-sidebar.html">Settings - With Sidebar</a>
      <a href="{{PREFIX}}My Account/Account Home/settings-enterprise.html">Settings - Enterprise</a>
      <a href="{{PREFIX}}My Account/Account Home/settings-plain.html">Settings - Plain</a>
      <a href="{{PREFIX}}My Account/Account Home/settings-modal.html">Settings - Modal</a>
    </div>
    <div class="menu-item menu-item-sub">
      <div class="menu-left">Billing</div>
      <i class="fa fa-plus"></i>
    </div>
    <div class="submenu submenu-nested">
      <a href="{{PREFIX}}My Account/Billing/billing-basic.html">Billing - Basic</a>
      <a href="{{PREFIX}}My Account/Billing/billing-enterprise.html">Billing - Enterprise</a>
      <a href="{{PREFIX}}My Account/Billing/billing-plans.html">Plans</a>
      <a href="{{PREFIX}}My Account/Billing/billing-history.html">Billing History</a>
    </div>
    <div class="menu-item menu-item-sub">
      <div class="menu-left">Security</div>
      <i class="fa fa-plus"></i>
    </div>
    <div class="submenu submenu-nested">
      <a href="{{PREFIX}}My Account/Security/security-get-started.html">Get Started</a>
      <a href="{{PREFIX}}My Account/Security/security-overview.html">Security Overview</a>
      <a href="{{PREFIX}}My Account/Security/security-allowed-ip.html">Allowed IP Addresses</a>
      <a href="{{PREFIX}}My Account/Security/security-privacy-settings.html">Privacy Settings</a>
      <a href="{{PREFIX}}My Account/Security/security-device-management.html">Device Management</a>
      <a href="{{PREFIX}}My Account/Security/security-backup-recovery.html">Backup & Recovery</a>
      <a href="{{PREFIX}}My Account/Security/security-current-sessions.html">Current Sessions</a>
      <a href="{{PREFIX}}My Account/Security/security-log.html">Security Log</a>
    </div>
    <div class="menu-item menu-item-sub"><div class="menu-left">Members &amp; Roles</div><i class="fa fa-plus"></i></div><div class="submenu submenu-nested">
      <a href="{{PREFIX}}My Account/Members & Roles/teams-starter.html">Teams Starter</a>
      <a href="{{PREFIX}}My Account/Members & Roles/roles-teams.html">Teams</a>
      <a href="{{PREFIX}}My Account/Members & Roles/team-info.html">Team Info</a>
      <a href="{{PREFIX}}My Account/Members & Roles/members-starter.html">Members Starter</a>
      <a href="{{PREFIX}}My Account/Members & Roles/team-members.html">Team Members</a>
      <a href="{{PREFIX}}My Account/Members & Roles/team-members-datatables.html">Team Members (DataTables)</a>
      <a href="{{PREFIX}}My Account/Members & Roles/import-members.html">Import Members</a>
      <a href="{{PREFIX}}My Account/Members & Roles/roles.html">Roles</a>
      <a href="{{PREFIX}}My Account/Members & Roles/permissions-toggler.html">Permissions - Toggler</a>
      <a href="{{PREFIX}}My Account/Members & Roles/permissions-check.html">Permissions - Check</a>
    </div>
    <a href="{{PREFIX}}My Account/integrations.html">Integrations</a>
    <a href="{{PREFIX}}My Account/notifications.html">Notifications</a>
    <a href="{{PREFIX}}My Account/api-keys.html">API Keys</a>
    <a href="{{PREFIX}}My Account/appearance.html">Appearance</a>
    <a href="{{PREFIX}}My Account/invite-a-friend.html">Invite a Friend</a>
    <a href="{{PREFIX}}My Account/activity.html">Activity</a>
  </div>
  <div class="menu-item"><div class="menu-left"><i class="fa fa-users"></i>Network</div><i class="fa fa-plus"></i></div>
  <div class="submenu">
    <a href="{{PREFIX}}Network/network-get_started.html">Get Started</a>
    <div class="menu-item menu-item-sub">
      <div class="menu-left">User Cards</div>
      <i class="fa fa-plus"></i>
    </div>
    <div class="submenu submenu-nested">
      <a href="{{PREFIX}}Network/User Cards/mini card.html">Mini Cards</a>
      <a href="{{PREFIX}}Network/User Cards/team crew.html">Team Crew</a>
      <a href="{{PREFIX}}Network/User Cards/author.html">Author</a>
      <a href="{{PREFIX}}Network/User Cards/nft.html">NFT</a>
      <a href="{{PREFIX}}Network/User Cards/social.html">Social</a>
    </div>
    <div class="menu-item menu-item-sub">
      <div class="menu-left">User Table</div>
      <i class="fa fa-plus"></i>
    </div>
    <div class="submenu submenu-nested">
      <a href="{{PREFIX}}Network/User Cards/team crew.html">Team Crew</a>
      <a href="{{PREFIX}}Network/User Tables/app roster.html">App Roster</a>
      <a href="{{PREFIX}}Network/User Tables/market author.html">Market Authors</a>
      <a href="{{PREFIX}}Network/User Tables/saas user.html">SaaS Users</a>
      <a href="{{PREFIX}}Network/User Tables/store client.html">Store Clients</a>
      <a href="{{PREFIX}}Network/User Tables/visitor.html">Visitors</a>
    </div>
    <a href="#" style="display:flex; justify-content:space-between; align-items:center;">Cooperations <span class="badge-soon">Soon</span></a>
    <a href="#" style="display:flex; justify-content:space-between; align-items:center;">Leads <span class="badge-soon">Soon</span></a>
    <a href="#" style="display:flex; justify-content:space-between; align-items:center;">Donators <span class="badge-soon">Soon</span></a>
  </div>
  <div class="menu-item"><div class="menu-left"><i class="fa fa-shield"></i>Authentication</div><i class="fa fa-plus"></i></div>
  <div class="submenu">
    <div class="menu-item menu-item-sub">
      <div class="menu-left">Classic</div>
      <i class="fa fa-plus"></i>
    </div>
    <div class="submenu submenu-nested">
      <a href="{{PREFIX}}Authentication/Classic/sign-in.html">Sign In</a>
      <a href="{{PREFIX}}Authentication/Classic/sign-up.html">Sign Up</a>
      <a href="{{PREFIX}}Authentication/Classic/2fa.html">2FA</a>
      <a href="{{PREFIX}}Authentication/Classic/check-email.html">Check Email</a>
      <div class="menu-item menu-item-sub">
        <div class="menu-left">Reset Password</div>
        <i class="fa fa-plus"></i>
      </div>
      <div class="submenu submenu-nested">
        <a href="{{PREFIX}}reset-pass.html">Enter Email</a>
        <a href="{{PREFIX}}Authentication/Classic/check-email.html">Check Email</a>
        <a href="{{PREFIX}}change-pass.html">Change Password</a>
        <a href="#">Password is Changed</a>
      </div>
    </div>
    <div class="menu-item menu-item-sub">
      <div class="menu-left">Branded</div>
      <i class="fa fa-plus"></i>
    </div>
    <div class="submenu submenu-nested">
      <a href="{{PREFIX}}Authentication/Classic/sign-in.html">Sign In</a>
      <a href="{{PREFIX}}Authentication/Classic/sign-up.html">Sign Up</a>
      <a href="{{PREFIX}}Authentication/Classic/2fa.html">2FA</a>
      <a href="{{PREFIX}}Authentication/Classic/check-email.html">Check Email</a>
      <div class="menu-item menu-item-sub">
        <div class="menu-left">Reset Password</div>
        <i class="fa fa-plus"></i>
      </div>
      <div class="submenu submenu-nested">
        <a href="{{PREFIX}}reset-pass.html">Enter Email</a>
        <a href="{{PREFIX}}Authentication/Classic/check-email.html">Check Email</a>
        <a href="{{PREFIX}}change-pass.html">Change Password</a>
        <a href="#">Password is Changed</a>
      </div>
    </div>
    <a href="{{PREFIX}}Authentication/wellcome_message.html">Welcome Message</a>
    <a href="{{PREFIX}}Authentication/wellcome_message_2.html">Welcome Message 2</a>
    <a href="{{PREFIX}}Authentication/account_deactivated.html">Account Deactivated</a>
    <a href="{{PREFIX}}Authentication/error-404.html">Error 404</a>
    <a href="{{PREFIX}}Authentication/error-500.html">Error 500</a>
  </div>

  <div class="menu-title">APPS</div>
  <div class="menu-item"><div class="menu-left"><i class="fa fa-users"></i>Store - Client</div><i class="fa fa-plus"></i></div>
  <div class="submenu">
    <a href="{{PREFIX}}Store-Client/store-client-home.html">Home</a>
    <a href="{{PREFIX}}Store-Client/search-res-grid.html">Search Results - Grid</a>
    <a href="{{PREFIX}}Store-Client/search-res-list.html">Search Results - List</a>
    <a href="{{PREFIX}}Store-Client/product-detail.html">Product Details</a>
    <a href="{{PREFIX}}Store-Client/shopping-cart.html">Shopping Cart</a>
    <a href="{{PREFIX}}Store-Client/wishlist.html">Wishlist</a>
    <div class="menu-item menu-item-sub">
      <div class="menu-left">Checkout</div>
      <i class="fa fa-plus"></i>
    </div>
    <div class="submenu submenu-nested">
      <a href="{{PREFIX}}Store-Client/Checkout/store-checkout-order-summary.html">Order Summary</a>
      <a href="{{PREFIX}}Store-Client/Checkout/store-checkout-shipping-info.html">Shipping Info</a>
      <a href="{{PREFIX}}Store-Client/Checkout/store-checkout-payment-method.html">Payment Method</a>
      <a href="{{PREFIX}}Store-Client/Checkout/store-checkout-order-placed.html">Order Placed</a>
    </div>
    <a href="{{PREFIX}}Store-Client/myorder.html">My Orders</a>
    <a href="{{PREFIX}}Store-Client/orderreceipt.html">Order Receipt</a>
  </div>
  <div class="menu-item menu-item-sub"><div class="menu-left"><i class="fa fa-calendar-check"></i>Project Planning</div></div>
  <div class="menu-item"><div class="menu-left"><i class="fa fa-bullseye"></i>Store - Admin</div><span class="badge-soon">Soon</span></div>
  <div class="menu-item"><div class="menu-left"><i class="fa fa-puzzle-piece"></i>Store - Services</div><span class="badge-soon">Soon</span></div>
  <div class="menu-item"><div class="menu-left"><i class="fa fa-brain"></i>AI Promt</div><span class="badge-soon">Soon</span></div>
  <div class="menu-item"><div class="menu-left"><i class="fa fa-file-invoice-dollar"></i>Invoice Generator</div><span class="badge-soon">Soon</span></div>
</div>
