activity.html

<ul class="activity">
  <li class="activity-row">
    <div class="activity-inner">
      <div class="activity-icon activity-started"></div>
    <div class="activity-message">Started hip hop hippty hop don't stop on the bang bang boogy to bee <span class="activity-timestamp">5 hours ago</span></div>
    </div>
   </li>
   <li class="activity-row">
    <div class="activity-inner">
      <div class="activity-icon activity-provisioned"></div>
    <div class="activity-message">Provisioned <span class="activity-timestamp">9 hours ago</span></div>
    </div>
   </li>
   <li class="activity-row">
    <div class="activity-inner">
      <div class="activity-icon activity-stopped"></div>
    <div class="activity-message">Stopped <span class="activity-timestamp">9 hours ago</span></div>
    </div>
   </li>
   <li class="activity-row">
    <div class="activity-inner">
      <div class="activity-icon activity-updated"></div>
    <div class="activity-message">Updated <span class="activity-timestamp">9 hours ago</span></div>
    </div>
   </li>
   <li class="activity-row">
    <div class="activity-inner">
      <div class="activity-icon activity-error"></div>
    <div class="activity-message">Error <span class="activity-timestamp">9 hours ago</span></div>
    </div>
   </li>
 </ul>