125 lines
5.1 KiB
HTML
125 lines
5.1 KiB
HTML
|
<a href="#" data-toggle="dropdown" class="toggle">
|
||
|
|
<i class="fa fa-bell"></i>
|
||
|
|
<span class="badge badge-pill badge-orange">3</span>
|
||
|
|
</a>
|
||
|
|
<ul class="dropdown-menu notifications animated fadeIn">
|
||
|
|
<li class="total dropdown-item">
|
||
|
|
<span class="small">
|
||
|
|
You have <strong>3</strong> new notifications.
|
||
|
|
<a href="javascript:;" class="float-right">Mark all as Read</a>
|
||
|
|
</span>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
|
||
|
|
<li class="list dropdown-item">
|
||
|
|
|
||
|
|
<ul class="dropdown-menu-list list-unstyled ps-scrollbar">
|
||
|
|
<li class="unread available">
|
||
|
|
<!-- available: success, warning, info, error -->
|
||
|
|
<a href="javascript:;">
|
||
|
|
<div class="notice-icon">
|
||
|
|
<i class="fa fa-check"></i>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<span class="name">
|
||
|
|
<strong>Server needs to reboot</strong>
|
||
|
|
<span class="time small">15 mins ago</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="unread away">
|
||
|
|
<!-- available: success, warning, info, error -->
|
||
|
|
<a href="javascript:;">
|
||
|
|
<div class="notice-icon">
|
||
|
|
<i class="fa fa-envelope"></i>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<span class="name">
|
||
|
|
<strong>45 new messages</strong>
|
||
|
|
<span class="time small">45 mins ago</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class=" busy">
|
||
|
|
<!-- available: success, warning, info, error -->
|
||
|
|
<a href="javascript:;">
|
||
|
|
<div class="notice-icon">
|
||
|
|
<i class="fa fa-times"></i>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<span class="name">
|
||
|
|
<strong>Server IP Blocked</strong>
|
||
|
|
<span class="time small">1 hour ago</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class=" offline">
|
||
|
|
<!-- available: success, warning, info, error -->
|
||
|
|
<a href="javascript:;">
|
||
|
|
<div class="notice-icon">
|
||
|
|
<i class="fa fa-user"></i>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<span class="name">
|
||
|
|
<strong>10 Orders Shipped</strong>
|
||
|
|
<span class="time small">5 hours ago</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class=" offline">
|
||
|
|
<!-- available: success, warning, info, error -->
|
||
|
|
<a href="javascript:;">
|
||
|
|
<div class="notice-icon">
|
||
|
|
<i class="fa fa-user"></i>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<span class="name">
|
||
|
|
<strong>New Comment on blog</strong>
|
||
|
|
<span class="time small">Yesterday</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class=" available">
|
||
|
|
<!-- available: success, warning, info, error -->
|
||
|
|
<a href="javascript:;">
|
||
|
|
<div class="notice-icon">
|
||
|
|
<i class="fa fa-check"></i>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<span class="name">
|
||
|
|
<strong>Great Speed Notify</strong>
|
||
|
|
<span class="time small">14th Mar</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class=" busy">
|
||
|
|
<!-- available: success, warning, info, error -->
|
||
|
|
<a href="javascript:;">
|
||
|
|
<div class="notice-icon">
|
||
|
|
<i class="fa fa-times"></i>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<span class="name">
|
||
|
|
<strong>Team Meeting at 6PM</strong>
|
||
|
|
<span class="time small">16th Mar</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="external dropdown-item">
|
||
|
|
<a href="javascript:;">
|
||
|
|
<span>Read All Notifications</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|