You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

81 lines
5.8 KiB

<header class="header-top">
<div class="container-fluid">
<div class="d-flex justify-content-between">
<div class="top-menu d-flex align-items-center">
<button type="button" class="btn-icon mobile-nav-toggle d-lg-none"><span></span></button>
<!-- <div class="header-search">
<div class="input-group">
<span class="input-group-addon search-close"><i class="ik ik-x"></i></span>
<input type="text" class="form-control">
<span class="input-group-addon search-btn"><i class="ik ik-search"></i></span>
</div>
</div>
-->
<button type="button" id="navbar-fullscreen" class="nav-link"><i class="ik ik-maximize"></i></button>
</div>
<div id="headings_center">
Polling Personnel Data Management System
</div>
<div class="top-menu d-flex align-items-center">
<!-- <div class="dropdown">
<a class="nav-link dropdown-toggle" href="#" id="notiDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="ik ik-bell bell"></i><span class="badge bg-danger">3</span>
</a>
<div class="dropdown-menu dropdown-menu-right notification-dropdown" aria-labelledby="notiDropdown">
<h4 class="header">Notifications</h4>
<div class="notifications-wrap">
<a href="#" class="media">
<span class="d-flex">
<i class="ik ik-check"></i>
</span>
<span class="media-body">
<span class="heading-font-family media-heading">Invitation accepted</span>
<span class="media-content">Your have been Invited ...</span>
</span>
</a>
<a href="#" class="media">
<span class="d-flex">
<img src="images/users/user.jpg" class="rounded-circle" alt="">
</span>
<span class="media-body">
<span class="heading-font-family media-heading">Steve Smith</span>
<span class="media-content">I slowly updated projects</span>
</span>
</a>
<a href="#" class="media">
<span class="d-flex">
<i class="ik ik-calendar"></i>
</span>
<span class="media-body">
<span class="heading-font-family media-heading">To Do</span>
<span class="media-content">Meeting with Nathan on Friday 8 AM ...</span>
</span>
</a>
</div>
<div class="footer"><a href="javascript:void(0);">See all activity</a></div>
</div>
</div> -->
<div class="dropdown">
<a class="dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img class="avatar" src="images/users/user.jpg" alt="">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
<!-- <a class="dropdown-item" href="profile.html"><i class="ik ik-user dropdown-icon"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ik ik-settings dropdown-icon"></i> Settings</a>
<a class="dropdown-item" href="#"><span class="float-right"><span class="badge badge-primary">6</span></span><i class="ik ik-mail dropdown-icon"></i> Inbox</a>
<a class="dropdown-item" href="#"><i class="ik ik-navigation dropdown-icon"></i> Message</a> -->
<a class="dropdown-item" th:href="@{/election/logout}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();"><i class="ik ik-power dropdown-icon"></i> Logout</a>
<a class="dropdown-item" th:href="@{#}" onclick="event.preventDefault();passwordReset();"><i class="ik ik-settings dropdown-icon"></i> Password Reset</a>
</div>
</div>
</div>
</div>
</div>
</header>