Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
MDPH
/
Work
:
work_nav.php
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Side Navigation Bar in HTML CSS JavaScript</title> </head> <body> <!-- navbar --> <nav class="navbar"> <div class="logo_item"> <i class="bx bx-menu" id="sidebarOpen"></i> <img src="images/logo.png" alt=""></i>++++++CodingNepal </div> <div class="search_bar"> <input type="text" placeholder="xxxxSearch" /> </div> <div class="navbar_content"> <i class="bi bi-grid"></i> <i class='bx bx-sun' id="darkLight"></i> <i class='bx bx-bell' ></i> <img src="images/profile.jpg" alt="" class="profile" /> </div> </nav> <?php include("sidebar.html"); ?> <!-- <div class="container-fluid"> </div> --> <div class="container"> <!-- Content here --> <h1>Hello</h1> background-color: brown; </div> <!-- sidebar --> <!-- <nav class="sidebar"> <div class="menu_content"> <ul class="menu_items"> <div class="menu_title menu_dahsboard"></div> <li class="item"> <div href="#" class="nav_link submenu_item"> <span class="navlink_icon"> <i class="bx bx-home-alt"></i> </span> <span class="navlink">Home</span> <i class="bx bx-chevron-right arrow-left"></i> </div> <ul class="menu_items submenu"> <a href="#" class="nav_link sublink">Nav Sub Link</a> <a href="#" class="nav_link sublink">Nav Sub Link</a> </ul> </li> <li class="item"> <div href="#" class="nav_link submenu_item"> <span class="navlink_icon"> <i class="bx bx-grid-alt"></i> </span> <span class="navlink">Overview</span> <i class="bx bx-chevron-right arrow-left"></i> </div> <ul class="menu_items submenu"> <a href="#" class="nav_link sublink">Nav Sub Link</a> <a href="#" class="nav_link sublink">Nav Sub Link</a> <a href="#" class="nav_link sublink">Nav Sub Link</a> <a href="#" class="nav_link sublink">Nav Sub Link</a> </ul> </li> </ul> <ul class="menu_items"> <div class="menu_title menu_editor"></div> <li class="item"> <a href="#" class="nav_link"> <span class="navlink_icon"> <i class="bx bxs-magic-wand"></i> </span> <span class="navlink">Magic build</span> </a> </li> <li class="item"> <a href="#" class="nav_link"> <span class="navlink_icon"> <i class="bx bx-loader-circle"></i> </span> <span class="navlink">Filters</span> </a> </li> <li class="item"> <a href="#" class="nav_link"> <span class="navlink_icon"> <i class="bx bx-filter"></i> </span> <span class="navlink">Filter</span> </a> </li> <li class="item"> <a href="#" class="nav_link"> <span class="navlink_icon"> <i class="bx bx-cloud-upload"></i> </span> <span class="navlink">Upload new</span> </a> </li> </ul> <ul class="menu_items"> <div class="menu_title menu_setting"></div> <li class="item"> <a href="#" class="nav_link"> <span class="navlink_icon"> <i class="bx bx-flag"></i> </span> <span class="navlink">Notice board</span> </a> </li> <li class="item"> <a href="#" class="nav_link"> <span class="navlink_icon"> <i class="bx bx-medal"></i> </span> <span class="navlink">Award</span> </a> </li> <li class="item"> <a href="#" class="nav_link"> <span class="navlink_icon"> <i class="bx bx-cog"></i> </span> <span class="navlink">Setting</span> </a> </li> <li class="item"> <a href="#" class="nav_link"> <span class="navlink_icon"> <i class="bx bx-layer"></i> </span> <span class="navlink">Features</span> </a> </li> </ul> <div class="bottom_content"> <div class="bottom expand_sidebar"> <span> Expand</span> <i class='bx bx-log-in' ></i> </div> <div class="bottom collapse_sidebar"> <span> Collapse</span> <i class='bx bx-log-out'></i> </div> </div> </div> </nav> --> </body> </html>