Skip to content

Instantly share code, notes, and snippets.

@SirajGadhia
Last active January 30, 2016 04:14
Show Gist options
  • Save SirajGadhia/8d35e28da035e44c1c01 to your computer and use it in GitHub Desktop.
Save SirajGadhia/8d35e28da035e44c1c01 to your computer and use it in GitHub Desktop.
//http://www.siraj360.com/ng2/ :: A single page application developed with Angular 2 (beta) and Bootstrap 4 (alpha).
<div class="pos-f-t">
<div *ngIf="isShowMenu">
<div class="table-warning p-a-1 row">
<div class="container-fluid">
<button type="button" class="close" style="padding-right:15px;"
aria-label="Close"
(click)="isShowMenu = false">
<span aria-hidden="true">&times;</span>
</button>
<div class="row p-a-3">
<h3>Menu items with more sample coming soon, Please visit again.</h3>
<h4>This application is under development, <span class="label label-default">Last updated on 28th January 2016.</span></h4>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-static-top navbar-full bg-warning p-t-4">
<img style="height:34px" src="images/logo-white.png" />
<a class="navbar-brand" href="#" [routerLink]="['Home']" (click)="isShowMenu = false">
Siraj360 : ng2BS4
<span class="hidden-sm-down">- Playground</span>
</a>
<button class="navbar-toggler pull-xs-right" style="border-left: solid 1px white;"
type="button" (click)="isShowMenu = !isShowMenu;">
&#9776;
</button>
<button class="navbar-toggler pull-xs-right" style="border-left: solid 1px white;"
type="button" [routerLink]="['Employees']" (click)="isShowMenu = false">
<span class="fa fa-user"></span> <span class="hidden-sm-down">Employee Dashboard</span>
</button>
<button class="navbar-toggler pull-xs-right" [routerLink]="['Home']" type="button"
(click)="isShowMenu=false">
<span class="fa fa-home"></span>
</button>
</nav>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment