<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>