<style>
img.logo5 {
width: 78px;
}
.sidebar-dark .sidebar-brand {
background: #fff;
}
.rotate-n-15 {
transform: none;
}
.sidebar-brand-text.mx-3 {
margin: 0!important;
}
.side-lo{
width: 95px;
height: auto;
}
.logobspan{
}
</style>
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
<!-- Sidebar - Brand -->
<a class="sidebar-brand d-flex align-items-center justify-content-center" href="productcategory.php">
<div class="sidebar-brand-icon rotate-n-15">
<img class=" side-lo" src="img/logo3.png">
</div>
</a>
<!-- Divider -->
<hr class="sidebar-divider my-0se">
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" href="productsgallerycategory.php">
<i class="fa fa-desktop"></i>
<span>Dashboard</span></a>
</li>
<!-- Divider -->
<hr class="sidebar-divider">
<!-- Nav Item - Pages Collapse Menu -->
<!-- Nav Item - Pages Collapse Menu -->
<!--<li class="nav-item">
<a class="nav-link collapsed" href="photogall.php" data-toggle="collapse" data-target="#collapsePage4" aria-expanded="true" aria-controls="collapsePage4">
<i class="fas fa-image"></i>
<span>Home</span>
</a>
<div id="collapsePage4" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<a class="collapse-item" href="latestprojects.php">Our Latest Projects</a>
</div>
</div>
</li>-->
<!---<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePage1" aria-expanded="true" aria-controls="collapsePage1">
<i class="fa fa-home"></i>
<span>Home</span>
</a>
<div id="collapsePage1" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<a class="collapse-item" href="electrictoys.php"></a>
</div>
</div>
</li>--->
<!--<li class="nav-item">
<a class="nav-link collapsed" href="productsgallerycategory.php" data-toggle="collapse" data-target="#collapsePage1" aria-expanded="true" aria-controls="collapsePage1">
<i class="fa fa-image"></i>
<span>Home</span>
</a>
<div id="collapsePage1" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<a class="collapse-item" href="productsgallerycategory.php">Products Category</a>
<a class="collapse-item" href="productsgallery.php"> Products </a>
</div>
</div>
</li>-->
<li class="nav-item">
<a class="nav-link collapsed" href="productcategory.php" data-toggle="collapse" data-target="#collapsePage2" aria-expanded="true" aria-controls="collapsePage2">
<i class="fa fa-image"></i>
<span>Our Products</span>
</a>
<div id="collapsePage2" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<a class="collapse-item" href="productcategory.php">Products Category</a>
<a class="collapse-item" href="product.php"> Products </a>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link collapsed" href="menucategory.php" data-toggle="collapse" data-target="#collapsePage3" aria-expanded="true" aria-controls="collapsePage2">
<i class="fa fa-image"></i>
<span>Menu</span>
</a>
<div id="collapsePage3" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<a class="collapse-item" href="menucategory.php">Menu Category</a>
<a class="collapse-item" href="menu.php">Menu </a>
</div>
</div>
</li>
<!---<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePage5" aria-expanded="true" aria-controls="collapsePage5">
<i class="fa fa-image"></i>
<span>Gallery</span>
</a>
<div id="collapsePage5" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<a class="collapse-item" href="gallery_category.php">Gallery Category</a>
<a class="collapse-item" href="gallery.php">Gallery</a>
</div>
</div>
</li>--->
<!-- Divider -->
<hr class="sidebar-divider d-none d-md-block">
<!-- Sidebar Toggler (Sidebar) -->
<div class="text-center d-none d-md-inline">
<button class="rounded-circle border-0" id="sidebarToggle"></button>
</div>
</ul>