Menu Html

<div id="wrapper" class="layout wrapper" [ngClass]="{'active': toggleMenu}"> <div id="sidebar-wrapper" class="layout side"> <ul id="sidebar_menu" class="sidebar-nav"> <li class="sidebar-brand"> <a id="menu-toggle" (click)="doToggleMenu()"> <span id="main_icon" class="glyphicon glyphicon-align-justify"></span>Menu </a> </li> </ul> <ul class="sidebar-nav" id="sidebar"> <li><a><span class="sub_icon glyphicon glyphicon-link"></span>Link1</a></li> <li><a><span class="sub_icon glyphicon glyphicon-link"></span>Link2</a></li> </ul> </div> <div id="page-content-wrapper" class="layout main"> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li> <a href="#"> <span class="glyphicon glyphicon-home" aria-hidden="true"></span> Home</a> </li> <li> <a href="#"> <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span> Messages </a> </li> <li> <a href="#"> <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span> Help</a> </li> <li> <a href="#"> <span class="glyphicon glyphicon-off" aria-hidden="true"></span> Log Out</a> </li> <li> <a (click)="doToggle()" id="menu-toggle"> <span class="glyphicon glyphicon-list" aria-hidden="true"></span> </a> </li> </ul> </div> </div> </nav> <div id="wrapper-content" [ngClass]="{'toggled': toggled}"> <div class="container-fluid"> <!-- Sidebar --> <div id="content-sidebar-wrapper"> <ul class="sidebar-nav"> <li class="sidebar-brand"> <br> </li> <li class="sidebar-brand"> <a href="#" class="navbar-brand"> <span class="glyphicon glyphicon-user" aria-hidden="true"></span> Profile </a> </li> <li> <a href="#"> <span class="glyphicon glyphicon-home" aria-hidden="true"></span> Home</a> </li> <li> <a href="#"> <span class="glyphicon glyphicon-search" aria-hidden="true"></span> Search</a> </li> <li> <span class="glyphicon glyphicon-search" aria-hidden="true"></span> <font color="#337AB7"> STATISTICS</font> </li> <li> <a href="#"> <span class="glyphicon glyphicon-tasks" aria-hidden="true"></span> Reports</a> </li> <li> <a href="#"> <span class="glyphicon glyphicon-stats" aria-hidden="true"></span> Statistic</a> </li> <li> <span class="glyphicon glyphicon-search" aria-hidden="true"></span> <font color="#337AB7"> ADMINISTRATION</font> </li> <li> <a href="#"> <span class="glyphicon glyphicon-user" aria-hidden="true"></span> Users</a> </li> <li> <a href="#"> <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> Messages</a> </li> </ul> </div> <!-- /#sidebar-wrapper --> <!-- Page Content --> <div id="content-page-content-wrapper"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12"> <br> <h1>Your Title</h1> </div> </div> <div class="row"> <div class="col-lg-12"> Your Content </div> </div> </div> </div> <!-- /#page-content-wrapper --> </div> </div> <!-- wrapper --> </div> </div>

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.