Sidebar Menu with animation
<section id="root"> <div id="sidebar" class="sidebar-nav bg-dark text-white"> <ul> <li><a href="#">List One</a></li> <li><a href="#">List Two</a></li> <li><a href="#">List Three</a></li> <li><a href="#">List Four</a></li> <li><a href="#">List Five</a></li> </ul> </div> <div id="page_content" class="page-content"> <?php require_once 'home-content.php'; ?> </div> </section> <!-- css --> #root{ overflow-x: hidden; } .sidebar-nav{ min-width: 300px; max-width: 300px; height: 100%; position: fixed; top: 0; left: -300px; transition-property: left; transition-duration: 1s; } .sidebar-active{ left: 0px; } #page_content{ margin-left: 0px; position: re...