<!-- Sidebar Start -->
<div class="sidebar pe-4 pb-3">
<nav class="navbar bg-secondary navbar-dark">
<a href="index.php" class="navbar-brand mx-4 mb-3">
<h3 class="text-primary"><i class="fa fa-user-edit me-2"></i>RE:ZERO</h3>
</a>
<div class="navbar-nav w-100">
<a href="index.php" class="nav-item nav-link active"><i class="bi bi-house me-2"></i>home</a>
<a href="./re-zero/sidenav/search/search.php" class="nav-item nav-link"><i class="bi bi-search me-2"></i>search</a>
<a href="./re-zero/sidenav/bookmarks/bookmarks.php" class="nav-item nav-link"><i class="bi bi-bookmark-star me-2"></i>bookmarks</a>
<a href="./re-zero/sidenav/anime-openings/ao.php" class="nav-item nav-link"><i class="bi bi-music-note-list me-2"></i>anime openings</a>
<a href="./re-zero/sidenav/genre/genre.php" class="nav-item nav-link"><i class="fa fa-th me-2"></i>genre</a>
<a href="./re-zero/sidenav/news/news.php" class="nav-item nav-link"><i class="bi bi-newspaper me-2"></i>news</a>
<div class="nav-item dropdown">
<a href="G:xampphtdocsre zerosidenavbroswebrowse.php" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"><i class="bi bi-folder me-2"></i>broswe</a>
<div class="dropdown-menu bg-transparent border-0">
<a href="" class="dropdown-item">popular</a>
<a href="" class="dropdown-item">New</a>
<a href="" class="dropdown-item">alphabetical</a>
</div>
</div>
<a href="G:xampphtdocsre zerosidenavsearchsearch.php" class="nav-item nav-link"><i class="bi bi-gear me-2"></i>Settings</a>
</div>
</div>
</nav>
</div>
<!-- Sidebar End -->
<!-- Content Start -->
<div class="content">
<!-- Navbar Start -->
<nav class="navbar navbar-expand bg-secondary navbar-dark sticky-top px-4 py-0">
<a href="index.php" class="navbar-brand d-flex d-lg-none me-4">
<h2 class="text-primary mb-0"><i class="fa fa-user-edit"></i></h2>
</a>
<a href="#" class="sidebar-toggler flex-shrink-0">
<i class="fa fa-bars"></i>
</a>
<div class="navbar-nav align-items-center ms-auto">
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
<i class="fa fa-bell me-lg-2"></i>
<span class="d-none d-lg-inline-flex">Notification</span>
</a>
<div class="dropdown-menu dropdown-menu-end bg-secondary border-0 rounded-0 rounded-bottom m-0">
<a href="#" class="dropdown-item">
<h6 class="fw-normal mb-0">Profile updated</h6>
<small>15 minutes ago</small>
</a>
<hr class="dropdown-divider">
<a href="#" class="dropdown-item">
<h6 class="fw-normal mb-0">New user added</h6>
<small>15 minutes ago</small>
</a>
<hr class="dropdown-divider">
<a href="#" class="dropdown-item">
<h6 class="fw-normal mb-0">Password changed</h6>
<small>15 minutes ago</small>
</a>
<hr class="dropdown-divider">
<a href="#" class="dropdown-item text-center">See all notifications</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
<img class="rounded-circle me-lg-2" src="img/user.jpg" alt="" style="width: 40px; height: 40px;">
<span class="d-none d-lg-inline-flex">John Doe</span>
</a>
<div class="dropdown-menu dropdown-menu-end bg-secondary border-0 rounded-0 rounded-bottom m-0">
<a href="#" class="dropdown-item">My Profile</a>
<a href="#" class="dropdown-item">Settings</a>
<a href="#" class="dropdown-item">Log Out</a>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
code of my nav bar im using this to include in navbar in different pages of my code
<!-- head data stats here -->
<?php
include 'include files/navbar.php';
?>
<!-- head data ends here -->
image for the reference i got all include files in in include folder which i’m using to include he navbar in index.php and all files in side nav section
im currently using bootstrap
im tried using absolute paths which makes navbar stop functioning and and relative path doesn’t seems to function