patternfly/tests/pages/_includes/widgets/notification-drawer-notifications.html

This reference implementation of PatternFly is based on [Bootstrap v3](http://getbootstrap.com/). Think of PatternFly as a "skinned" version of Bootstrap with additional components and customizations.

<div class="drawer-pf-notification unread">
  {% assign menu_id = 'dropdownKebabRight1' | append: include.id %}
  {% include widgets/kebab.html dropmenuType="dropdown" dropmenuPosition="pull-right" dropmenuId=menu_id dropdownPosition="dropdown-menu-right" dropmenuVariation="dropdown-kebab-pf" %}
  <span class="pficon pficon-info pull-left"></span>
  <div class="drawer-pf-notification-content">
    <span class="drawer-pf-notification-message">A New Event! Huzzah! Bold!</span>
    <div class="drawer-pf-notification-info">
      <span class="date">3/31/16</span>
      <span class="time">12:12:44 PM</span>
    </div>
  </div>
</div>
<div class="drawer-pf-notification unread">
  {% assign menu_id = 'dropdownKebabRight2' | append: include.id %}
  {% include widgets/kebab.html dropmenuType="dropdown" dropmenuPosition="pull-right" dropmenuId=menu_id dropdownPosition="dropdown-menu-right" dropmenuVariation="dropdown-kebab-pf" %}
  <span class="pficon pficon-ok pull-left"></span>
  <div class="drawer-pf-notification-content">
    <span class="drawer-pf-notification-message">Another Event Notification</span>
    <div class="drawer-pf-notification-info">
      <span class="date">3/31/16</span>
      <span class="time">12:12:44 PM</span>
    </div>
  </div>
</div>
<div class="drawer-pf-notification">
  {% assign menu_id = 'dropdownKebabRight3' | append: include.id %}
  {% include widgets/kebab.html dropmenuType="dropdown" dropmenuPosition="pull-right" dropmenuId=menu_id dropdownPosition="dropdown-menu-right" dropmenuVariation="dropdown-kebab-pf" %}
  <span class="pficon pficon-warning-triangle-o pull-left"></span>
  <div class="drawer-pf-notification-content">
    <span class="drawer-pf-notification-message">Another Event Notification that is really long to see how it reacts on smaller screens sizes.</span>
    <div class="drawer-pf-notification-info">
      <span class="date">3/31/16</span>
      <span class="time">12:12:44 PM</span>
    </div>
  </div>
</div>
<div class="drawer-pf-notification">
  {% assign menu_id = 'dropdownKebabRight4' | append: include.id %}
  {% include widgets/kebab.html dropmenuType="dropdown" dropmenuPosition="pull-right" dropmenuId=menu_id dropdownPosition="dropdown-menu-right" dropmenuVariation="dropdown-kebab-pf" %}
  <span class="pficon pficon-error-circle-o pull-left"></span>
  <div class="drawer-pf-notification-content">
    <span class="drawer-pf-notification-message">Another Event Notification</span>
    <div class="drawer-pf-notification-info">
      <span class="date">3/31/16</span>
      <span class="time">12:12:44 PM</span>
    </div>
  </div>
</div>