<nav class="navbar animate bg-theme p-0 fixed-top d-flex flex-row">
	<div class="navbar-menu-wrapper animate d-flex align-items-stretch">
		<button class="navbar-toggler align-self-center" type="button" data-toggle="minimize">
		  <i class="fas fa-angle-double-left"></i>
		</button>		
		<h2 class="my-3" id="heading"></h2>
		<ul class="navbar-nav navbar-nav-right mt-3">
			<!-- <li class="nav-item">
				<a class="nav-link" href="#">Link 1</a>
			</li> -->
			<li class="nav-item dropdown">
		        <a class="nav-link dropdown-toggle remove_caret" href="#" id="notification" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		            <i class="fas fa-bell"></i><span class="notification"></span> 
		        </a>
		        <div class="dropdown-menu notification_list animate slideIn">
					<h6 class="px-3 py-3 mb-0 notification_heading">General Notifications</h6>
					<div class="no_audit p-5 text-center mt-3" >
	 					<img src="./images/norecord.png" class="w-50 m-auto">
	 					<p class="txt_black">No Notifications Found</p>
	 				</div>
					<!-- <div class="dropdown-divider"></div> -->
					<!-- <a class="dropdown-item preview-item d-flex">
						<div class="preview-thumbnail">
		                    <div class="preview-icon bg-success">
		                    	<i class="fa fa-calendar"></i>
		                    </div>
		                </div>
						<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
							<h6 class="preview-subject font-weight-normal mb-0">New order recieved</h6>
							<p class="txt-gray ellipsis mb-0 txt-muted"> 45 sec ago </p>
						</div>
					</a>
					<div class="dropdown-divider"></div>
					<a class="dropdown-item preview-item d-flex">
						<div class="preview-thumbnail">
		                    <div class="preview-icon bg-info">
		                    	<i class="fa fa-cog"></i>
		                    </div>
		                </div>
						<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
							<h6 class="preview-subject font-weight-normal mb-0">Server limit reached</h6>
							<p class="txt-gray ellipsis mb-0 txt-muted"> 55 sec ago </p>
						</div>
					</a>
					<div class="dropdown-divider"></div>
					<a class="dropdown-item preview-item d-flex">
						<div class="preview-thumbnail">
		                    <div class="preview-icon bg-warning">
		                    	<i class="fa fa-link"></i>
		                    </div>
		                </div>
						<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
							<h6 class="preview-subject font-weight-normal mb-0">Kevin karvelle</h6>
							<p class="txt-gray ellipsis mb-0 txt-muted"> 11:09 PM </p>
						</div>
					</a> -->
					<div class="dropdown-divider"></div>
					<h6 class="p-3 font-13 mb-0 text-center"><a href="notifications.php" class="txt-primary">View all notifications</a></h6>
				</div>
		    </li>
			<li class="nav-item dropdown" >
		        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		          Hi, John
		        </a>
		        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
		          <!-- <a class="dropdown-item" href="#">My Account</a> -->
					<a class="dropdown-item" href="edit_profile.php">Edit Profile</a>
					<a class="dropdown-item" href="change_password.php">Change Password</a>
					<a class="dropdown-item" href="#">Logout</a>
		        </div>
		    </li>
			<!-- <li class="nav-item nav-logout">
				<a class="nav-link" href="index.html">
					<i class="fas fa-home"></i>
				</a>
			</li> -->
        </ul>
	</div>
</nav>