<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.