Black Friday! Up to 90% OFF
<div class="sidebar-content js-simplebar" data-simplebar="init"> <div class="simplebar-wrapper" style="margin: 0px;"> <div class="simplebar-height-auto-observer-wrapper"> <div class="simplebar-height-auto-observer"></div> </div> <div class="simplebar-mask"> <div class="simplebar-offset" style="right: 0px; bottom: 0px;"> <div class="simplebar-content-wrapper" style="height: 100%; overflow: hidden;"> <div class="simplebar-content" style="padding: 0px;"> <a class="sidebar-brand" href="javascript:;"> <span class="align-middle">AdminKit</span> </a> <ul class="sidebar-nav"> <li class="sidebar-header"> Pages </li> <li class="sidebar-item active"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sliders align-middle"> <line x1="4" y1="21" x2="4" y2="14"></line> <line x1="4" y1="10" x2="4" y2="3"></line> <line x1="12" y1="21" x2="12" y2="12"></line> <line x1="12" y1="8" x2="12" y2="3"></line> <line x1="20" y1="21" x2="20" y2="16"></line> <line x1="20" y1="12" x2="20" y2="3"></line> <line x1="1" y1="14" x2="7" y2="14"></line> <line x1="9" y1="8" x2="15" y2="8"></line> <line x1="17" y1="16" x2="23" y2="16"></line> </svg> <span class="align-middle">Dashboard</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user align-middle"> <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path> <circle cx="12" cy="7" r="4"></circle> </svg> <span class="align-middle">Profile</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-log-in align-middle"> <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path> <polyline points="10 17 15 12 10 7"></polyline> <line x1="15" y1="12" x2="3" y2="12"></line> </svg> <span class="align-middle">Sign In</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user-plus align-middle"> <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path> <circle cx="8.5" cy="7" r="4"></circle> <line x1="20" y1="8" x2="20" y2="14"></line> <line x1="23" y1="11" x2="17" y2="11"></line> </svg> <span class="align-middle">Sign Up</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-book align-middle"> <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path> <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path> </svg> <span class="align-middle">Blank</span> </a> </li> </ul> </div> </div> </div> </div> <div class="simplebar-placeholder" style="width: auto; height: 872px;"></div> </div> <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;"> <div class="simplebar-scrollbar" style="width: 0px; display: none;"></div> </div> <div class="simplebar-track simplebar-vertical" style="visibility: hidden;"> <div class="simplebar-scrollbar" style="height: 0px; transform: translate3d(0px, 0px, 0px); display: none;"></div> </div> </div>
<div class="sidebar-content js-simplebar" data-simplebar="init"> <div class="simplebar-wrapper" style="margin: 0px;"> <div class="simplebar-height-auto-observer-wrapper"> <div class="simplebar-height-auto-observer"></div> </div> <div class="simplebar-mask"> <div class="simplebar-offset" style="right: 0px; bottom: 0px;"> <div class="simplebar-content-wrapper" style="height: 100%; overflow: hidden scroll;"> <div class="simplebar-content" style="padding: 0px;"> <a class="sidebar-brand" href="javascript:;"> <span class="align-middle">AdminKit</span> </a> <ul class="sidebar-nav"> <li class="sidebar-header"> Pages </li> <li class="sidebar-item active"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sliders align-middle"> <line x1="4" y1="21" x2="4" y2="14"></line> <line x1="4" y1="10" x2="4" y2="3"></line> <line x1="12" y1="21" x2="12" y2="12"></line> <line x1="12" y1="8" x2="12" y2="3"></line> <line x1="20" y1="21" x2="20" y2="16"></line> <line x1="20" y1="12" x2="20" y2="3"></line> <line x1="1" y1="14" x2="7" y2="14"></line> <line x1="9" y1="8" x2="15" y2="8"></line> <line x1="17" y1="16" x2="23" y2="16"></line> </svg> <span class="align-middle">Dashboard</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user align-middle"> <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path> <circle cx="12" cy="7" r="4"></circle> </svg> <span class="align-middle">Profile</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-log-in align-middle"> <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path> <polyline points="10 17 15 12 10 7"></polyline> <line x1="15" y1="12" x2="3" y2="12"></line> </svg> <span class="align-middle">Sign In</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user-plus align-middle"> <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path> <circle cx="8.5" cy="7" r="4"></circle> <line x1="20" y1="8" x2="20" y2="14"></line> <line x1="23" y1="11" x2="17" y2="11"></line> </svg> <span class="align-middle">Sign Up</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-book align-middle"> <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path> <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path> </svg> <span class="align-middle">Blank</span> </a> </li> <li class="sidebar-header"> Tools & Components </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-square align-middle"> <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect> </svg> <span class="align-middle">Buttons</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-square align-middle"> <polyline points="9 11 12 14 22 4"></polyline> <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path> </svg> <span class="align-middle">Forms</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid align-middle"> <rect x="3" y="3" width="7" height="7"></rect> <rect x="14" y="3" width="7" height="7"></rect> <rect x="14" y="14" width="7" height="7"></rect> <rect x="3" y="14" width="7" height="7"></rect> </svg> <span class="align-middle">Cards</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-align-left align-middle"> <line x1="17" y1="10" x2="3" y2="10"></line> <line x1="21" y1="6" x2="3" y2="6"></line> <line x1="21" y1="14" x2="3" y2="14"></line> <line x1="17" y1="18" x2="3" y2="18"></line> </svg> <span class="align-middle">Typography</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-coffee align-middle"> <path d="M18 8h1a4 4 0 0 1 0 8h-1"></path> <path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"></path> <line x1="6" y1="1" x2="6" y2="4"></line> <line x1="10" y1="1" x2="10" y2="4"></line> <line x1="14" y1="1" x2="14" y2="4"></line> </svg> <span class="align-middle">Icons</span> </a> </li> <li class="sidebar-header"> Plugins & Addons </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart-2 align-middle"> <line x1="18" y1="20" x2="18" y2="10"></line> <line x1="12" y1="20" x2="12" y2="4"></line> <line x1="6" y1="20" x2="6" y2="14"></line> </svg> <span class="align-middle">Charts</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="javascript:;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map align-middle"> <polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"></polygon> <line x1="8" y1="2" x2="8" y2="18"></line> <line x1="16" y1="6" x2="16" y2="22"></line> </svg> <span class="align-middle">Maps</span> </a> </li> </ul> <div class="sidebar-cta"> <div class="sidebar-cta-content"> <strong class="d-inline-block mb-2">AdminKit </strong> <div class="mb-3 text-sm"> Are you looking for a beautiful Dashboard? Check out our premium version. </div> <div class="d-grid"> <a href="javascript:;" class="btn btn-primary">AdminKit</a> </div> </div> </div> </div> </div> </div> </div> <div class="simplebar-placeholder" style="width: auto; height: 957px;"></div> </div> <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;"> <div class="simplebar-scrollbar" style="width: 0px; display: none;"></div> </div> <div class="simplebar-track simplebar-vertical" style="visibility: visible;"> <div class="simplebar-scrollbar" style="height: 794px; transform: translate3d(0px, 0px, 0px); display: block;"></div> </div> </div>