| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- <ul class="nav navbar-nav">
- <li class="dropdown dropdown-notification nav-item">
- <a class="nav-link nav-link-label" href="#" data-toggle="dropdown" aria-expanded="true"><i class="ficon feather icon-bell"></i><span class="badge badge-pill badge-primary badge-up">5</span></a>
- <ul class="dropdown-menu dropdown-menu-media dropdown-menu-right ">
- <li class="dropdown-menu-header">
- <div class="dropdown-header m-0 p-2">
- <h3 class="white">5 New</h3><span class="grey darken-2">App Notifications</span>
- </div>
- </li>
- <li class="scrollable-container media-list ps ps--active-y">
- <a class="d-flex justify-content-between" href="javascript:void(0)">
- <div class="media d-flex align-items-start">
- <div class="media-left"><i class="feather icon-plus-square font-medium-5 primary"></i></div>
- <div class="media-body">
- <h6 class="primary media-heading">You have new order!</h6><small class="notification-text"> Are
- your going to meet me
- tonight?</small>
- </div><small>
- <time class="media-meta" datetime="2015-06-11T18:29:20+08:00">9 hours
- ago</time></small>
- </div>
- </a><a class="d-flex justify-content-between" href="javascript:void(0)">
- <div class="media d-flex align-items-start">
- <div class="media-left"><i class="feather icon-download-cloud font-medium-5 success"></i></div>
- <div class="media-body">
- <h6 class="success media-heading red darken-1">99% Server load</h6>
- <small class="notification-text">You got new order of goods.</small>
- </div><small>
- <time class="media-meta" datetime="2015-06-11T18:29:20+08:00">5 hour
- ago</time></small>
- </div>
- </a><a class="d-flex justify-content-between" href="javascript:void(0)">
- <div class="media d-flex align-items-start">
- <div class="media-left"><i class="feather icon-alert-triangle font-medium-5 danger"></i></div>
- <div class="media-body">
- <h6 class="danger media-heading yellow darken-3">Warning notifixation
- </h6><small class="notification-text">Server have 99% CPU usage.</small>
- </div><small>
- <time class="media-meta" datetime="2015-06-11T18:29:20+08:00">Today</time></small>
- </div>
- </a>
- <div class="ps__rail-x" style="left: 0px; bottom: 0px;"><div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__rail-y" style="top: 0px; right: 0px; height: 254px;"><div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 184px;"></div></div></li>
- <li class="dropdown-menu-footer"><a class="dropdown-item p-1 text-center" href="javascript:void(0)">Read
- all notifications</a></li>
- </ul>
- </li>
- </ul>
|
