<li class="active"> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-speedometer"></i></span> <span class="scoop-mtext">Home</span> <span class="scoop-mcaret"></span> </a> </li> </ul> <ul class="scoop-item scoop-left-item"> <li class="scoop-hasmenu"> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-puzzle"></i></span> <span class="scoop-mtext">Covid-19</span> <span class="scoop-badge badge-success">2</span> <span class="scoop-mcaret"></span> </a> <ul class="scoop-submenu"> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-link"></i></span> <span class="scoop-mtext">Date & Time Pickers</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-link"></i></span> <span class="scoop-mtext">Color Pickers</span> <span class="scoop-badge badge-warning">New</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-link"></i></span> <span class="scoop-mtext">Bootstrap Select</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-link"></i></span> <span class="scoop-mtext">Bootstrap switch</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-link"></i></span> <span class="scoop-mtext">Bootstrap file Input</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-link"></i></span> <span class="scoop-mtext">Bootstrap TouchSpin</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-link"></i></span> <span class="scoop-mtext">Code Editor</span> <span class="scoop-badge badge-danger">New</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-link"></i></span> <span class="scoop-mtext">Bootstrap Icons</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-link"></i></span> <span class="scoop-mtext">WYSIWYG Editor</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-link"></i></span> <span class="scoop-mtext">Form Widgets & Tools</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-link"></i></span> <span class="scoop-mtext">Context Menu</span> <span class="scoop-mcaret"></span> </a> </li> </ul> </li> <li class="scoop-hasmenu"> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-diamond"></i></span> <span class="scoop-mtext">Webcams</span> <span class="scoop-mcaret"></span> </a> <ul class="scoop-submenu"> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-mustache"></i></span> <span class="scoop-mtext">Color Library</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-mustache"></i></span> <span class="scoop-mtext">Scoop Grid System</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-mustache"></i></span> <span class="scoop-mtext">General Components</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-mustache"></i></span> <span class="scoop-mtext">Buttons</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-mustache"></i></span> <span class="scoop-mtext">Spinner Buttons</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-mustache"></i></span> <span class="scoop-mtext">Font Icons</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-mustache"></i></span> <span class="scoop-mtext">Social Icons</span> <span class="scoop-mcaret"></span> </a> </li> </ul> </li> <li class="scoop-hasmenu"> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-bulb"></i></span> <span class="scoop-mtext">Form Stuff</span> <span class="scoop-badge badge-danger">New</span> <span class="scoop-mcaret"></span> </a> <ul class="scoop-submenu"> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-cursor "></i></span> <span class="scoop-mtext">Bootstrap Form Controls</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-cursor "></i></span> <span class="scoop-mtext">Form Validation</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-cursor "></i></span> <span class="scoop-mtext">Form Layouts</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-cursor"></i></span> <span class="scoop-mtext">Form Input Mask</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-cursor"></i></span> <span class="scoop-mtext">Form X-editable</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-cursor"></i></span> <span class="scoop-mtext">Form Wizard</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-cursor"></i></span> <span class="scoop-mtext">Image Cropping</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-cursor"></i></span> <span class="scoop-mtext">Multiple File Upload</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-cursor"></i></span> <span class="scoop-mtext">Dropzone File Upload</span> <span class="scoop-mcaret"></span> </a> </li> </ul> </li> <li class="scoop-hasmenu"> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-wallet"></i></span> <span class="scoop-mtext">Portlets</span> <span class="scoop-mcaret"></span> </a> <ul class="scoop-submenu"> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-wallet"></i></span> <span class="scoop-mtext">Boxed Portlets</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-wallet"></i></span> <span class="scoop-mtext">Light Portlets</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-wallet"></i></span> <span class="scoop-mtext">Solid Portlets</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-wallet"></i></span> <span class="scoop-mtext">Ajax Portlets</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-wallet"></i></span> <span class="scoop-mtext">Draggable Portlets</span> <span class="scoop-mcaret"></span> </a> </li> </ul> </li> </ul> <ul class="scoop-item scoop-left-item"> <li class="scoop-hasmenu"> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-layers"></i></span> <span class="scoop-mtext">Page Layouts</span> <span class="scoop-mcaret"></span> </a> <ul class="scoop-submenu"> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-arrow-right"></i></span> <span class="scoop-mtext">Blank Page</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-arrow-right"></i></span> <span class="scoop-mtext">Ajax Content Layout</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-arrow-right"></i></span> <span class="scoop-mtext">Off-canvas Mobile Menu</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-arrow-right"></i></span> <span class="scoop-mtext">Classic Page Head</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-arrow-right"></i></span> <span class="scoop-mtext">Light Page Head</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-arrow-right"></i></span> <span class="scoop-mtext">Grey Bg Content</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-arrow-right"></i></span> <span class="scoop-mtext">Fixed Footer</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-arrow-right"></i></span> <span class="scoop-mtext">Boxed Page</span> <span class="scoop-mcaret"></span> </a> </li> </ul> </li> <li class="scoop-hasmenu"> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-wrench"></i></span> <span class="scoop-mtext">Custom Layouts</span> <span class="scoop-mcaret"></span> </a> <ul class="scoop-submenu"> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-energy "></i></span> <span class="scoop-mtext">Light Sidebar Menu</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-energy"></i></span> <span class="scoop-mtext">Hover Sidebar Menu</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-energy"></i></span> <span class="scoop-mtext">Sidebar Search Option </span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-energy"></i></span> <span class="scoop-mtext">Fixed Sidebar Layout</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-energy"></i></span> <span class="scoop-mtext">Fixed Sidebar Layout</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-energy"></i></span> <span class="scoop-mtext">Closed Sidebar Layout</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-energy"></i></span> <span class="scoop-mtext">Offcanvas Sidebar Layout</span> <span class="scoop-mcaret"></span> </a> </li> </ul> </li> <li class="scoop-hasmenu"> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-basket"></i></span> <span class="scoop-mtext">eCommerce</span> <span class="scoop-badge badge-warning">New</span> <span class="scoop-mcaret"></span> </a> <ul class="scoop-submenu"> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-energy"></i></span> <span class="scoop-mtext">Orders</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-energy"></i></span> <span class="scoop-mtext">Order View</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-energy"></i></span> <span class="scoop-mtext">Products</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-energy"></i></span> <span class="scoop-mtext">Product Edit</span> <span class="scoop-mcaret"></span> </a> </li> </ul> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-organization "></i></span> <span class="scoop-mtext">Bootstrap file Input</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-directions "></i></span> <span class="scoop-mtext">Bootstrap TouchSpin</span> <span class="scoop-mcaret"></span> </a> </li> </ul> <div class="scoop-navigatio-lavel">Multi lavel</div> <ul class="scoop-item scoop-right-item"> <li class="scoop-hasmenu"> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-options"></i></span> <span class="scoop-mtext">lavel 1</span> <span class="scoop-mcaret"></span> </a> <ul class="scoop-submenu"> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-chart"></i></span> <span class="scoop-mtext">lavel 2</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" scoop-hasmenu"> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-pie-chart"></i></span> <span class="scoop-mtext">lavel 2</span> <span class="scoop-mcaret"></span> </a> <ul class="scoop-submenu"> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-chart"></i></span> <span class="scoop-mtext">lavel 3</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" scoop-hasmenu"> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-pie-chart"></i></span> <span class="scoop-mtext">lavel 3</span> <span class="scoop-mcaret"></span> </a> <ul class="scoop-submenu"> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-chart"></i></span> <span class="scoop-mtext">lavel 4</span> <span class="scoop-mcaret"></span> </a> </li> <li class=""> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-pie-chart"></i></span> <span class="scoop-mtext">lavel 4</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-bulb"></i></span> <span class="scoop-mtext">lavel 4</span> <span class="scoop-mcaret"></span> </a> </li> </ul> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-bulb"></i></span> <span class="scoop-mtext">lavel 3</span> <span class="scoop-mcaret"></span> </a> </li> </ul> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-bulb"></i></span> <span class="scoop-mtext">lavel 2</span> <span class="scoop-mcaret"></span> </a> </li> </ul> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-note"></i></span> <span class="scoop-mtext">Invoice Summary</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-lock-open"></i></span> <span class="scoop-mtext">Authentication</span> <span class="scoop-mcaret"></span> </a> </li> <li class=" "> <a href="javascript:void(0)"> <span class="scoop-micon"><i class="icon-ghost"></i></span> <span class="scoop-mtext">Other App</span> <span class="scoop-mcaret"></span> </a> </li> </ul> <!-- <div class="scoop-navigatio-lavel">labels</div> --> </div>