<header class="header">
				<div class="logo-container">
					<a href="index.php" class="logo">
						<img src="../images/logo_dpmptsp_pku.png" height="40" />
						
					</a>
					<div class="visible-xs toggle-sidebar-left" data-toggle-class="sidebar-left-opened" data-target="html" data-fire-event="sidebar-left-opened">
						<i class="fa fa-bars" aria-label="Toggle sidebar"></i>
					</div>
				</div>
			
				<!-- start: search & user box -->
				<div class="header-right">
			
					<span class="separator"></span>
			
					<div id="userbox" class="userbox">
						<a href="#" data-toggle="dropdown">
							<figure class="profile-picture">
								<img src="assets/upload/<?php echo $user[0]['pnPhoto']; ?>" class="img-circle" data-lock-picture="assets/upload/<?php echo $user[0]['pnPhoto']; ?>" />
							</figure>
							<div class="profile-info" data-lock-name="<?php echo $user[0]['pnNama']; ?>" data-lock-email="<?php echo $user[0]['pnEmail']; ?>">
								<span class="name"><?php echo $user[0]['pnNama']; ?></span>
								<span class="role"><?php echo $user[0]['pnEmail']; ?></span>
							</div>
			
							<i class="fa custom-caret"></i>
						</a>
			
						<div class="dropdown-menu">
							<ul class="list-unstyled">
								<li class="divider"></li>
								<li>
									<a role="menuitem" tabindex="-1" href="index.php?page=setting"><i class="fa fa-user"></i> My Profile</a>
								</li>
								<li>
									<a role="menuitem" tabindex="-1" href="index.php?act=logout"><i class="fa fa-power-off"></i> Logout</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- end: search & user box -->
			</header>