<!-- fixed navigation bar -->
<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
	<div>
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#b-menu-1">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<img src="images/myteam.png" width="200" height="50" alt="myTeam"/>
		</div>
			
		<div class="collapse navbar-collapse" id="b-menu-1">
			<a href="#" class="left menu-icon" ng-click="menuIcon()"><i class="fa fa-bars" aria-hidden="true"></i></a>
			<ul class="nav navbar-nav navbar-right">
				<li class="active"><a href="#">Signed in as <b>{{empName}}</b></a></li>
				<li class="dropdown active"><a href="#" class="dropdown-toggle"
					data-toggle="dropdown"> <i class="fa fa-user-circle-o fa-2x" aria-hidden="true"></i><b class="caret"></b>
				</a>
					<ul class="dropdown-menu my-account">
						<li>
							<div class="col-lg-12 no-padding">
								<div class="card hovercard">
									<div class="cardheader"></div>
									<div class="avatar left">
										<img ng-alt="{{empName}}" ng-src="{{profilePicUrl}}">
									</div>
									<div class="info right">
										<div class="title">{{empName}}</div>
										<div class="desc">
											<i class="fa fa-id-badge fa-2x" aria-hidden="true"></i> {{empId}}
										</div>
										<div class="desc">
											<i class="fa fa-envelope fa-2x" aria-hidden="true"></i> {{empEmailId}}
										</div>
										<div class="desc">
											<a href="#" ng-click="logout()"><i
												class="fa fa-sign-out fa-2x" aria-hidden="true"></i> Logout</a>
										</div>
									</div>
								</div>
							</div>
						</li>
					</ul></li>
			</ul>
		</div>
	</div>
</div>
