From 79c9196a24efd9f3a99236511abc7f9b5ece6c15 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Thu, 7 May 2015 22:21:26 +0200
Subject: [PATCH] convert channel icons, right arrow and priority

+ priority modified animation
---
 .../app/views/agent_ticket_create.jst.eco     |   6 +-
 .../app/views/generic/sidebar_tabs.jst.eco    |   4 +-
 .../app/views/task_widget_tasks.jst.eco       |  21 ++-
 app/assets/stylesheets/zammad.css.scss        | 155 ++++++++----------
 public/assets/images/icons.svg                |   2 +-
 public/assets/images/icons/arrow-right.svg    |  12 ++
 public/assets/images/icons/clock.svg          |  12 ++
 public/assets/images/icons/cloud.svg          |  12 ++
 public/assets/images/icons/facebook.svg       |  12 ++
 public/assets/images/icons/important.svg      |  12 ++
 public/assets/images/icons/list.svg           |  12 ++
 public/assets/images/icons/mail.svg           |  12 ++
 public/assets/images/icons/note.svg           |  12 ++
 public/assets/images/icons/organization.svg   |  12 ++
 public/assets/images/icons/outbound-calls.svg |  12 ++
 public/assets/images/icons/package.svg        |  12 ++
 public/assets/images/icons/pen.svg            |  12 ++
 public/assets/images/icons/phone.svg          |  12 ++
 .../icons/priority-modified-inner-circle.svg  |  12 ++
 .../icons/priority-modified-outer-circle.svg  |  12 ++
 public/assets/images/icons/priority.svg       |  12 ++
 public/assets/images/icons/received-calls.svg |  12 ++
 public/assets/images/icons/team.svg           |  12 ++
 public/assets/images/icons/twitter.svg        |  12 ++
 public/assets/images/icons/user.svg           |  12 ++
 25 files changed, 326 insertions(+), 102 deletions(-)
 create mode 100644 public/assets/images/icons/arrow-right.svg
 create mode 100644 public/assets/images/icons/clock.svg
 create mode 100644 public/assets/images/icons/cloud.svg
 create mode 100644 public/assets/images/icons/facebook.svg
 create mode 100644 public/assets/images/icons/important.svg
 create mode 100644 public/assets/images/icons/list.svg
 create mode 100644 public/assets/images/icons/mail.svg
 create mode 100644 public/assets/images/icons/note.svg
 create mode 100644 public/assets/images/icons/organization.svg
 create mode 100644 public/assets/images/icons/outbound-calls.svg
 create mode 100644 public/assets/images/icons/package.svg
 create mode 100644 public/assets/images/icons/pen.svg
 create mode 100644 public/assets/images/icons/phone.svg
 create mode 100644 public/assets/images/icons/priority-modified-inner-circle.svg
 create mode 100644 public/assets/images/icons/priority-modified-outer-circle.svg
 create mode 100644 public/assets/images/icons/priority.svg
 create mode 100644 public/assets/images/icons/received-calls.svg
 create mode 100644 public/assets/images/icons/team.svg
 create mode 100644 public/assets/images/icons/twitter.svg
 create mode 100644 public/assets/images/icons/user.svg

diff --git a/app/assets/javascripts/app/views/agent_ticket_create.jst.eco b/app/assets/javascripts/app/views/agent_ticket_create.jst.eco
index ffa4e1b23..d1df50180 100644
--- a/app/assets/javascripts/app/views/agent_ticket_create.jst.eco
+++ b/app/assets/javascripts/app/views/agent_ticket_create.jst.eco
@@ -9,17 +9,17 @@
         <ul class="horizontal tabs type-tabs">
 
           <li class="tab u-textTruncate" data-type="phone-in">
-            <div class="gray received-calls channel icon"></div>
+            <svg class="tab-icon"><use xlink:href="#icon-received-calls" /></svg>
             <%- @T('Received Call') %>
           </li>
 
           <li class="tab u-textTruncate" data-type="phone-out">
-            <div class="gray outbound-calls channel icon"></div>
+            <svg class="tab-icon"><use xlink:href="#icon-outbound-calls" /></svg>
             <%- @T('Outbound Call') %>
           </li>
 
          <li class="tab u-textTruncate" data-type="email-out">
-            <div class="gray email channel icon"></div>
+            <svg class="tab-icon"><use xlink:href="#icon-mail" /></svg>
             <%- @T('Send Email') %>
           </li>
         </ul>
diff --git a/app/assets/javascripts/app/views/generic/sidebar_tabs.jst.eco b/app/assets/javascripts/app/views/generic/sidebar_tabs.jst.eco
index e6b320a94..198002d98 100644
--- a/app/assets/javascripts/app/views/generic/sidebar_tabs.jst.eco
+++ b/app/assets/javascripts/app/views/generic/sidebar_tabs.jst.eco
@@ -3,7 +3,7 @@
   <div class="sidebar-header">
     <h2 class="u-textTruncate"><%- @T( item.head ) %></h2>
     <div class="js-actions flex"></div>
-    <div class="tabsSidebar-close centered u-clickable">
+    <div class="tabsSidebar-close">
       <svg class="icon"><use xlink:href="#icon-arrow-right" /></svg>
     </div>
   </div>
@@ -15,7 +15,7 @@
 <% end %>
 <div class="tabsSidebar-tabs vertical justified">
 <% for item in @items: %>
-  <div class="tabsSidebar-tab centered" data-tab="<%= item.name %>">
+  <div class="tabsSidebar-tab" data-tab="<%= item.name %>">
     <svg class="icon"><use xlink:href="#icon-<%= item.icon %>" /></svg>
   </div>
 <% end %>
diff --git a/app/assets/javascripts/app/views/task_widget_tasks.jst.eco b/app/assets/javascripts/app/views/task_widget_tasks.jst.eco
index 479c84d96..93359cb54 100644
--- a/app/assets/javascripts/app/views/task_widget_tasks.jst.eco
+++ b/app/assets/javascripts/app/views/task_widget_tasks.jst.eco
@@ -1,12 +1,19 @@
 <% for item in @item_list: %>
-  <a href="<%- item.data.url %>" title="<%= item.data.title %>" class="task <%= item.data.class %> <% if item.task.active: %>active<% end %>" data-key="<%- item.task.key %>">
-    <div class="icon-holder centered">
-      <div class="<% if item.task.active: %>white <% end %><%= item.data.iconClass %> icon<% if item.task.notify: %> modified<% end %>"></div>
+  <a href="<%- item.data.url %>" title="<%= item.data.title %>" class="task <%= item.data.class %><% if item.task.active: %> is-active<% end %>" data-key="<%- item.task.key %>">
+    <div class="icon-holder">
+      <svg class="task-icon">
+        <% if item.task.notify && item.data.iconClass is 'priority': %>
+        <use class="inner-circle" xlink:href="#icon-priority-modified-inner-circle" />
+        <use class="outer-circle" xlink:href="#icon-priority-modified-outer-circle" />
+        <% else: %>
+        <use xlink:href="#icon-<%= item.data.iconClass %>" />
+        <% end %>
+      </svg>
     </div>
-    <div class="name u-textTruncate flex"><%= item.data.head %></div>
-    <div class="closeTask js-close u-clickable horizontal centered" title="<%- @Ti('close') %>">
-      <div class="closeTask-inner centered">
-        <div class="white close icon"></div>
+    <div class="task-name u-textTruncate flex"><%= item.data.head %></div>
+    <div class="closeTask js-close" title="<%- @Ti('close') %>">
+      <div class="closeTask-inner">
+        <svg class="icon"><use xlink:href="#icon-close" /></svg>
       </div>
     </div>
   </a>
diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 03b7dad02..19202e130 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -1378,45 +1378,6 @@ ol.tabs li {
     background-position: -15px -98px;
   }
 
-  .priority.icon {
-    background: none;
-    border-radius: 100%;
-    width: 10px;
-    height: 10px;
-    position: relative;
-  }
-
-  .modified.priority.icon {
-    width: 12px;
-    height: 12px;
-    background: none !important;
-    border: 1px solid;
-  }
-
-    .priority.icon:after {
-      content: "";
-      position: absolute;
-      left: 50%;
-      top: 50%;
-      margin: -3px 0 0 -3px;
-      width: 6px;
-      height: 6px;
-      border-radius: 100%;
-      background: #2c2d36;
-      will-change: opacity;
-      transform: translateZ(0);
-    }
-
-    .modified.priority.icon:after {
-      -webkit-animation: fade 2s ease-in-out infinite;
-         -moz-animation: fade 2s ease-in-out infinite;
-              animation: fade 2s ease-in-out infinite;
-    }
-
-    @-webkit-keyframes fade { from { opacity: 1 } 50% { opacity: 0 } to { opacity: 1 } }
-       @-moz-keyframes fade { from { opacity: 1 } 50% { opacity: 0 } to { opacity: 1 } }
-            @keyframes fade { from { opacity: 1 } 50% { opacity: 0 } to { opacity: 1 } }
-
   .organization.icon {
     height: 13px;
     width: 14px;
@@ -2231,25 +2192,32 @@ footer {
     @extend .center;
   }
 
+    .task-icon {
+      width: 16px;
+      height: 16px;
+      fill: #808080;
+    }
+
     .tasks-navigation .task {
       height: 38px;
       border-bottom: 1px solid #33363e;
     }
 
-    .tasks-navigation .task:not(.active):hover {
+    .tasks-navigation .task:not(.is-active):hover {
       background: #26272e;
     }
 
-    .tasks-navigation .name {
+    .tasks-navigation .task-name {
       color: #808080;
     }
 
     .tasks-navigation .icon-holder {
       width: 30px;
       position: relative;
+      @extend .centered;
     }
 
-    .tasks-navigation .icon-holder .icon {
+    .tasks-navigation .task-icon {
       margin-right: 3px;
       margin-top: -3px;
       
@@ -2267,67 +2235,52 @@ footer {
     text-decoration: none;
   }
 
-  .task.active {
+  .task.is-active {
     background: #389ed9;
-  }
+    
+    .task-icon {
+      fill: white;
+    }
 
-  .task.active .name {
-    color: white;
-  }
-
-  .task.active .priority.icon,
-  .task.active .modified.priority.icon,
-  .task.active .modified.priority.icon:after {
-    background-color: white;
-    border-color: white;
+    .task-name {
+      color: white;
+    }
   }
 
   .task.active .priority.icon:after {
     background-color: #389ed9;
   }
 
-  .level-1 {
-    color: #38ae6a;
-  }
-
-  .level-1.priority.icon,
-  .level-1 .priority.icon,
-  .level-1.active,
-  .level-1.active .priority.icon:after,
-  .level-1 .modified.priority.icon,
-  .level-1 .modified.priority.icon:after {
+  .level-1.is-active {
     background-color: #38ae6a;
-    border-color: #38ae6a;
-    color: #38ae6a;
+  }
+  .level-1 .task-icon {
+    fill: #38ae6a;
   }
 
-  .level-2 {
-    color: #f35910;
-  }
-
-  .level-2.priority.icon,
-  .level-2 .priority.icon,
-  .level-2.active,
-  .level-2.active .priority.icon:after,
-  .level-2 .modified.priority.icon,
-  .level-2 .modified.priority.icon:after {
+  .level-2.is-active {
     background-color: #f35910;
-    border-color: #f35910;
-    color: #f35910;
+  }
+  .level-2 .task-icon {
+    fill: #f35910;
   }
 
-  .level-3 {
-    color: #faab00;
-  }
-
-  .level-3.priority.icon,
-  .level-3 .priority.icon,
-  .level-3.active,
-  .level-3.active .priority.icon:after,
-  .level-3 .modified.priority.icon,
-  .level-3 .modified.priority.icon:after {
+  .level-3.is-active {
     background-color: #faab00;
-    border-color: #faab00;
+  }
+  .level-3 .task-icon {
+    fill: #faab00;
+  }
+
+  .task-icon .inner-circle {
+    will-change: opacity;
+    animation: fade 3s ease-in-out infinite;
+  }
+
+  @keyframes fade { 
+    50% { opacity: 1 }
+    75% { opacity: 0 }
+    to { opacity: 1 }
   }
 
   .task .closeTask {
@@ -2337,6 +2290,8 @@ footer {
     width: 50px;
     height: 100%;
     visibility: hidden;
+    @extend .u-clickable;
+    @extend .centered;
   }
 
     .task:hover .closeTask {
@@ -2348,6 +2303,7 @@ footer {
       height: 21px;
       background-color: #2c2d36;
       border-radius: 100%;
+      @extend .centered;
     }
 
     .closeTask:hover .closeTask-inner {
@@ -2355,6 +2311,9 @@ footer {
     }
 
     .closeTask .icon {
+      width: 13px;
+      height: 13px;
+      fill: white;
       opacity: 0.3;
       -webkit-transform: scale(0.7);
               transform: scale(0.7);
@@ -4021,6 +3980,14 @@ footer {
   .tabsSidebar-close {
     padding: 20px;
     margin: -15px;
+    @extend .centered;
+    @extend .u-clickable;
+    
+    .icon {
+      width: 13px;
+      height: 13px;
+      fill: black;
+    }
   }
 
   .tabsSidebar .sidebar-content {
@@ -4072,8 +4039,11 @@ footer {
     position: relative;
     border-top: 1px solid hsl(202,12%,87%);
     @extend .u-clickable;
+    @extend .centered;
   }
 
+  .tabs
+
     .tabsSidebar-tab.is-changed:before {
       position: absolute;
       content: '';
@@ -4231,7 +4201,10 @@ footer {
   list-style: none;
 }
 
-.type-tabs .icon {
+.type-tabs .tab-icon {
+  width: 16px;
+  height: 16px;
+  fill: #ccc;
   vertical-align: top;
   margin-right: 9px;
   margin-top: 11px;
@@ -4239,6 +4212,10 @@ footer {
           transform: scale(1.2);
 }
 
+.type-tabs .tab.active .tab-icon {
+  fill: white;
+}
+
 .tokenfield .token {
   padding: 0 0 0 10px;
   margin: -1px 5px 8px 0;
diff --git a/public/assets/images/icons.svg b/public/assets/images/icons.svg
index deea208b8..43e15fefe 100644
--- a/public/assets/images/icons.svg
+++ b/public/assets/images/icons.svg
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg"><symbol id="icon-close" viewBox="0 0 13 13"><title>close</title><path d="M6.518 5.112L11.304.294c.387-.39 1.016-.392 1.406-.005.39.386.39 1.015.004 1.405l-4.79 4.823 4.785 4.785c.387.388.387 1.018 0 1.406-.39.387-1.02.387-1.407 0l-4.78-4.78-4.744 4.776c-.388.39-1.017.392-1.407.005-.39-.386-.39-1.015-.005-1.405l4.75-4.782L.29 1.697C-.096 1.31-.096.68.29.29c.39-.387 1.02-.387 1.407 0l4.82 4.822z" fill-rule="evenodd"/></symbol><symbol id="icon-cog" viewBox="0 0 20 20"><title>cog</title><path d="M20 11.09V8.814l-.322-.105-2.436-.796-.65-1.57 1.25-2.643-1.61-1.61-.302.156-2.286 1.16-1.568-.65L11.09 0H8.814l-.9 2.758-1.57.65L3.7 2.16 2.09 3.768l.154.304 1.158 2.284-.648 1.57L0 8.91v2.277l.32.104 2.438.798.65 1.568-1.25 2.645 1.61 1.61.3-.153 2.285-1.16 1.57.65L8.91 20h2.276l.105-.32.796-2.436 1.568-.65 2.645 1.248 1.608-1.608-.152-.302-1.16-2.284.65-1.57L20 11.09zm-10 2.098c-1.76 0-3.188-1.426-3.188-3.188 0-1.76 1.428-3.185 3.188-3.185 1.76 0 3.185 1.425 3.185 3.185 0 1.762-1.425 3.188-3.185 3.188z" fill-rule="evenodd"/></symbol><symbol id="icon-dashboard" viewBox="0 0 24 24"><title>dashboard</title><path d="M11.967 2c-5.523 0-10 4.477-10 10s4.477 10 10 10 10-4.477 10-10-4.477-10-10-10zm0 18.125c-1.38 0-2.5-1.12-2.5-2.5 0-.105 2.5-8.437 2.5-8.437s2.5 8.332 2.5 8.437c0 1.38-1.12 2.5-2.5 2.5zm6.372-4.17c.713-1.15 1.127-2.503 1.127-3.955 0-4.142-3.357-7.5-7.5-7.5-4.142 0-7.5 3.358-7.5 7.5 0 1.452.414 2.806 1.128 3.954l-1.016.73C3.717 15.33 3.216 13.725 3.216 12c0-4.832 3.918-8.75 8.75-8.75 4.833 0 8.75 3.918 8.75 8.75 0 1.724-.5 3.33-1.362 4.685l-1.016-.73z" fill-rule="evenodd"/></symbol><symbol id="icon-group" viewBox="0 0 24 24"><title>group</title><path d="M5.22 5.43c1.454 0 2.632-1.215 2.632-2.715C7.852 1.215 6.674 0 5.222 0 3.767 0 2.59 1.216 2.59 2.715c0 1.5 1.176 2.715 2.63 2.715zm6.98 0c1.454 0 2.632-1.215 2.632-2.715 0-1.5-1.178-2.715-2.63-2.715C10.747 0 9.57 1.216 9.57 2.715c0 1.5 1.178 2.716 2.63 2.716zm5.983 0c1.453 0 2.63-1.215 2.63-2.715 0-1.5-1.177-2.715-2.63-2.715-1.453 0-2.63 1.216-2.63 2.715 0 1.5 1.177 2.716 2.63 2.716zm-2.408.863H8.273c-.64 0-1.16.536-1.16 1.197v6.846c0 .662.52 1.197 1.16 1.197h.357V24h6.65v-8.467h.495c.64 0 1.16-.535 1.16-1.197V7.49c0-.66-.52-1.197-1.16-1.197zm-10.3 8.043V7.49c0-.428.097-.83.26-1.197H1.86C1.22 6.293.7 6.83.7 7.49v6.846c0 .662.52 1.198 1.16 1.198h.358V24h4.775v-7.097c-.9-.48-1.518-1.45-1.518-2.567zM22.29 6.293h-3.977c.163.366.26.77.26 1.197v6.846c0 1.172-.68 2.183-1.655 2.635V24h4.878v-8.467h.493c.64 0 1.16-.535 1.16-1.197V7.49c0-.66-.52-1.197-1.16-1.197z" fill-rule="evenodd"/></symbol><symbol id="icon-logo" viewBox="0 0 42 36"><title>logo</title><g fill="none" fill-rule="evenodd"><path d="M18.343 22.36L1.976 28.327l22.71-2.664-6.343-3.3" id="Shape" fill="#D9B42F"/><path d="M18.418 22.34l2.16 5.03L5.88 20.414l12.537 1.922" id="Shape" fill="#FFE188"/><path d="M41.566 9.722l-1.804.718-1.666 2.605 3.47-3.323" id="Shape" fill="#E83F00"/><path d="M37.19 10.694l-8.86 2.256 3.864.8 4.996-3.056" id="Shape" fill="#CD1F14"/><path d="M38.07 10.694l-7.784.4 2.347.982 5.437-1.382" id="Shape" fill="#E83F00"/><path d="M33 22.18l3.114-5.93 1.84-5.558-19.385 11.425 6.25.857L33 22.18" id="Shape" fill="#EB4F86"/><g id="Shape" fill="#00A2C9"><path d="M24.02 5.833l-5.444 16.12 3.296-1.94 2.15-14.18"/><path d="M24.06 5.392L15.64 0l8.626 9.726-.206-4.334"/></g><path d="M23.84 7.984L13.69 4.86l10.275 6.6-.124-3.477" id="Shape" fill="#5A8794"/><path d="M24.19 8.75l-9.52 4.685 9.644-1.208-.124-3.477" id="Shape" fill="#005971"/><path d="M36.14 15.875l4.57-7.125-2.742 1.596-1.827 5.53" id="Shape" fill="#CD1F14"/><path d="M25.22 18.406l-.596-12.573-2.15 14.18 2.746-1.607" id="Shape" fill="#5EB2D1"/><path d="M32.28 13.61l1.64 6.267-1.025 1.943-3.585-6.457 2.97-1.752" id="Shape" fill="#F69B00"/><path d="M32.795 22.36l-8.18.794-4.09 4.176 12.27-4.97" id="Shape" fill="#E83F00"/><path d="M33.415 22.02L24.428 5.836l.808 16.977 8.18-.793" id="Shape" fill="#BAE2F6"/><path d="M24.943 18.472l.212 4.404-8.536 2.998L18.9 22.02l6.04-3.55" id="Shape" fill="#F69B00"/><path d="M18.323 22.36l6.252.858-4.092 4.176L1 35.254 18.32 22.36" fill="#FFD130"/></g></symbol><symbol id="icon-magnifier" viewBox="0 0 15 15"><title>magnifier</title><path d="M5.92 10.382c-2.444-.016-4.42-2.016-4.404-4.46.018-2.428 2.002-4.405 4.43-4.405h.03c1.182.007 2.29.477 3.12 1.32.832.84 1.286 1.958 1.28 3.142-.01 1.176-.473 2.285-1.31 3.114-.833.83-1.943 1.288-3.117 1.288h-.03M5.983 0h-.038C2.68 0 .022 2.638 0 5.912-.018 9.198 2.623 11.88 5.907 11.9h.042c1.088 0 2.112-.295 2.99-.81l3.613 3.617.092.088c.137.137.315.205.494.205.178 0 .357-.068.493-.205l1.164-1.162c.272-.274.272-.718 0-.99l-.09-.093-3.62-3.62c.506-.866.796-1.868.803-2.942C11.914 2.7 9.267.022 5.983 0" fill-rule="evenodd"/></symbol><symbol id="icon-message" viewBox="0 0 24 24"><title>message</title><path d="M20.098 3.035c-.184-.02-.37-.034-.554-.034-5.36 0-10.717 0-16.077.003-.248 0-.497.032-.743.074-.383.063-.6.318-.662.704-.038.233-.06.473-.06.71C2 8.132 2 11.776 2.003 15.42c0 .105 0 .21.007.314.046.813.33 1.11 1.123 1.124 1.054.02 2.067.016 3.12.022.223.002.66 0 .66 0v.354c0 1.34.042 2.682.046 4.025 0 .256-.056.57.246.704.295.13.49-.124.675-.3 1.637-1.53 3.277-3.058 4.906-4.596.15-.14.3-.19.497-.19 2 .004 4 .004 5.997.002.25 0 .503-.01.75-.033.594-.053.843-.294.93-.896.024-.186.038-.378.038-.567.002-3.586.003-7.173 0-10.76-.002-.254-.02-.513-.057-.765-.073-.517-.333-.768-.842-.823zM5 8c0 .552.446 1 .998 1h7.004c.55 0 .998-.444.998-1 0-.552-.446-1-.998-1H5.998C5.448 7 5 7.444 5 8zm0 4c0 .552.447 1 1 1h11c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6c-.553 0-1 .444-1 1z" fill-rule="evenodd"/></symbol><symbol id="icon-overviews" viewBox="0 0 24 24"><title>overviews</title><path d="M10 6h10c1.308 0 2-.895 2-2s-.692-2-2-2H10c-1.307 0-2 .895-2 2s.693 2 2 2zm10 3H10c-1.307 0-2 .897-2 2 0 1.105.693 2 2 2h10c1.308 0 2-.895 2-2 0-1.103-.692-2-2-2zm0 8H10c-1.307 0-2 .897-2 2 0 1.104.693 2 2 2h10c1.308 0 2-.896 2-2 0-1.103-.692-2-2-2zM4 2c-1.325 0-2 .895-2 2s.675 2 2 2 2-.895 2-2-.675-2-2-2zm0 7c-1.325 0-2 .897-2 2 0 1.105.675 2 2 2s2-.895 2-2c0-1.103-.675-2-2-2zm0 8c-1.325 0-2 .897-2 2 0 1.104.675 2 2 2s2-.896 2-2c0-1.103-.675-2-2-2z" fill-rule="evenodd"/></symbol><symbol id="icon-person" viewBox="0 0 24 24"><title>person</title><path d="M12.163 5.43c1.453 0 2.63-1.215 2.63-2.715 0-1.5-1.177-2.715-2.63-2.715-1.453 0-2.63 1.216-2.63 2.715 0 1.5 1.177 2.716 2.63 2.716zm3.574.863H8.235c-.64 0-1.16.536-1.16 1.197v6.846c0 .662.52 1.198 1.16 1.198h.357V24h6.65v-8.466h.495c.64 0 1.16-.536 1.16-1.198V7.49c0-.66-.52-1.197-1.16-1.197z" fill-rule="evenodd"/></symbol><symbol id="icon-plus" viewBox="0 0 17 17"><title>plus</title><path d="M10 1V0H7v7H0v3h7v7h3v-7h7V7h-7V1z" fill-rule="evenodd"/></symbol><symbol id="icon-signout" viewBox="0 0 15 19"><title>signout</title><path d="M5.376 15L12 9.5 5.376 4v3.59H0v3.82h5.376V15zM4 1.542h9.452V17.46H4V19h11V0H4v1.542z" fill="#0F94D7" fill-rule="evenodd"/></symbol><symbol id="icon-switchView" viewBox="0 0 19 18"><title>switchView</title><path d="M9.75 7.595c-.6 0-1.1.5-1.1 1.1 0 .6.5 1.1 1.1 1.1.6 0 1.1-.5 1.1-1.1.1-.5-.4-1.1-1.1-1.1zm0-2.1c-3 0-6.1 3.3-6.1 3.3s3 3.3 6.1 3.3c3 0 6.1-3.3 6.1-3.3s-3-3.3-6.1-3.3zm0 5.6c-1.3 0-2.3-1-2.3-2.3 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3.1 1.3-1 2.3-2.3 2.3zm-3.5-9.2c1.6-.802 3.4-1.002 5.3-.602l.3-1c-4.9-1.2-9.2 1.4-10.7 5.7-.8 2.302-.8 4.603.2 6.703l.5.8-2.1.6 4.5 3.2.4-4.9v-.6l-1.9 1.4-.3-.8c-.9-1.9-1-4-.3-6 .7-2.002 2.2-3.602 4.1-4.502zm10.9 2.4l2.1-.5-4.5-3.202-.4 5.502 2-1.5.5.9c1 1.9 1.2 4.1.5 6.1s-2 3.702-3.9 4.602c-1.6.8-3.9.8-4.9.7l-.3 1c3.9.8 8.7-1.6 10.2-5.9.8-2.302.5-4.702-.6-6.903l-.7-.8z" fill="#FFF" fill-rule="evenodd"/></symbol><symbol id="icon-templates" viewBox="0 0 24 24"><title>templates</title><path d="M2.995 1C2.445 1 2 1.44 2 2.002v19.996C2 22.55 2.45 23 2.995 23h17.01c.55 0 .995-.44.995-1.002V2.002C21 1.45 20.55 1 20.005 1H2.995zm3.003 4C5.448 5 5 5.444 5 6c0 .552.446 1 .998 1h7.004c.55 0 .998-.444.998-1 0-.552-.446-1-.998-1H5.998zM6 9c-.552 0-1 .444-1 1 0 .552.448 1 1 1h11.027c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6zm0 4c-.552 0-1 .444-1 1 0 .552.448 1 1 1h11.027c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6zm0 4c-.552 0-1 .444-1 1 0 .552.448 1 1 1h11.027c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6z" fill-rule="evenodd"/></symbol><symbol id="icon-tools" viewBox="0 0 24 24"><title>tools</title><path d="M12 21.992c1.63 0 2.95-1.116 2.95-2.492s-1.32-2.492-2.95-2.492c-1.63 0-2.95 1.116-2.95 2.492s1.32 2.492 2.95 2.492zm0-8c1.63 0 2.95-1.116 2.95-2.492S13.63 9.008 12 9.008c-1.63 0-2.95 1.116-2.95 2.492s1.32 2.492 2.95 2.492zm0-7c1.63 0 2.95-1.116 2.95-2.492S13.63 2.008 12 2.008c-1.63 0-2.95 1.116-2.95 2.492S10.37 6.992 12 6.992z" fill-rule="evenodd"/></symbol></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg"><symbol id="icon-arrow-right" viewBox="0 0 11 11"><title>arrow-right</title><path d="M8.347 6.203c-.32.24-.64.577-.993.962L5.11 9.6l1.074.913 4.486-4.998-4.486-5-1.073.914 2.132 2.306c.416.465.752.833 1.105 1.09l-.016.048H0v1.28h8.33l.017.05z" fill-rule="evenodd"/></symbol><symbol id="icon-clock" viewBox="0 0 16 16"><title>clock</title><path d="M7.54 2.08c-3.566 0-6.46 2.892-6.46 6.46 0 3.567 2.894 6.46 6.46 6.46C11.108 15 14 12.107 14 8.54c0-3.568-2.893-6.46-6.46-6.46zm.007 11.62c-2.887 0-5.234-2.33-5.234-5.19 0-2.863 2.347-5.19 5.234-5.19 2.885 0 5.235 2.327 5.235 5.19 0 2.86-2.35 5.19-5.235 5.19zm3.538-5.387h1.273c-.023-.523-.127-1.022-.305-1.488l-.587.25-.132-.305.59-.25c-.216-.463-.504-.888-.85-1.258l-.487.482-.234-.234.484-.483c-.326-.303-.696-.562-1.1-.768l-.27.6-.306-.136.275-.606c-.522-.22-1.09-.353-1.688-.378v1.39h-.333V3.738c-.522.014-1.024.11-1.49.28l.325.74-.308.13-.33-.75c-.475.207-.908.487-1.285.828l.55.544-.238.234-.555-.55c-.327.335-.603.716-.82 1.134l.78.333-.138.303-.784-.336c-.228.52-.364 1.09-.39 1.688l1.475-.002v.33l-1.474.004c.016.583.138 1.138.35 1.65l.768-.33.13.304-.76.33c.207.426.48.817.806 1.16l.564-.53.236.235-.566.532c.366.34.786.62 1.245.833l.323-.725.303.138-.32.718c.5.194 1.038.305 1.6.32v-1.386h.334v1.384c.588-.023 1.15-.15 1.667-.368l-.255-.59.304-.13.252.58c.43-.217.823-.495 1.168-.823l-.42-.416.237-.233.417.412c.32-.352.587-.75.793-1.184l-.572-.253.137-.304.567.25c.19-.49.3-1.023.316-1.578h-1.273v-.33zM10.04 10.93c-.155.155-.408.155-.565 0L7.528 9.216c-.177-.18-.38-.296-.38-.65v-2.29c0-.237.193-.43.432-.43.24 0 .435.193.435.43v2.276l2.028 1.815c.157.155.155.407-.002.563z" fill-rule="evenodd"/></symbol><symbol id="icon-close" viewBox="0 0 13 13"><title>close</title><path d="M6.518 5.112L11.304.294c.387-.39 1.016-.392 1.406-.005.39.386.39 1.015.004 1.405l-4.79 4.823 4.785 4.785c.387.388.387 1.018 0 1.406-.39.387-1.02.387-1.407 0l-4.78-4.78-4.744 4.776c-.388.39-1.017.392-1.407.005-.39-.386-.39-1.015-.005-1.405l4.75-4.782L.29 1.697C-.096 1.31-.096.68.29.29c.39-.387 1.02-.387 1.407 0l4.82 4.822z" fill-rule="evenodd"/></symbol><symbol id="icon-cloud" viewBox="0 0 16 16"><title>cloud</title><path d="M4 14h-.03C1.78 14 0 12.14 0 9.846 0 7.7 1.555 5.934 3.55 5.716 3.76 3.625 5.45 2 7.5 2c2.05 0 3.74 1.627 3.95 3.715C13.444 5.935 15 7.7 15 9.845 15 12.14 13.222 14 11.03 14H4z" fill-rule="evenodd"/></symbol><symbol id="icon-cog" viewBox="0 0 20 20"><title>cog</title><path d="M20 11.09V8.814l-.322-.105-2.436-.796-.65-1.57 1.25-2.643-1.61-1.61-.302.156-2.286 1.16-1.568-.65L11.09 0H8.814l-.9 2.758-1.57.65L3.7 2.16 2.09 3.768l.154.304 1.158 2.284-.648 1.57L0 8.91v2.277l.32.104 2.438.798.65 1.568-1.25 2.645 1.61 1.61.3-.153 2.285-1.16 1.57.65L8.91 20h2.276l.105-.32.796-2.436 1.568-.65 2.645 1.248 1.608-1.608-.152-.302-1.16-2.284.65-1.57L20 11.09zm-10 2.098c-1.76 0-3.188-1.426-3.188-3.188 0-1.76 1.428-3.185 3.188-3.185 1.76 0 3.185 1.425 3.185 3.185 0 1.762-1.425 3.188-3.185 3.188z" fill-rule="evenodd"/></symbol><symbol id="icon-dashboard" viewBox="0 0 24 24"><title>dashboard</title><path d="M11.967 2c-5.523 0-10 4.477-10 10s4.477 10 10 10 10-4.477 10-10-4.477-10-10-10zm0 18.125c-1.38 0-2.5-1.12-2.5-2.5 0-.105 2.5-8.437 2.5-8.437s2.5 8.332 2.5 8.437c0 1.38-1.12 2.5-2.5 2.5zm6.372-4.17c.713-1.15 1.127-2.503 1.127-3.955 0-4.142-3.357-7.5-7.5-7.5-4.142 0-7.5 3.358-7.5 7.5 0 1.452.414 2.806 1.128 3.954l-1.016.73C3.717 15.33 3.216 13.725 3.216 12c0-4.832 3.918-8.75 8.75-8.75 4.833 0 8.75 3.918 8.75 8.75 0 1.724-.5 3.33-1.362 4.685l-1.016-.73z" fill-rule="evenodd"/></symbol><symbol id="icon-facebook" viewBox="0 0 17 17"><title>facebook</title><path d="M1.805 1C1.302 1 1 1.403 1 1.805v13.39c0 .503.403.805.805.805h7.25v-5.84H7.04V7.847h2.014V6.134c0-1.913 1.208-3.02 2.92-3.02.805 0 1.51.1 1.71.1V5.23h-1.207c-.907 0-1.108.403-1.108 1.108v1.41h2.214l-.302 2.314H11.37V16h3.825c.503 0 .805-.403.805-.806V1.704c0-.3-.403-.704-.805-.704H1.805z" fill-rule="evenodd"/></symbol><symbol id="icon-group" viewBox="0 0 24 24"><title>group</title><path d="M5.22 5.43c1.454 0 2.632-1.215 2.632-2.715C7.852 1.215 6.674 0 5.222 0 3.767 0 2.59 1.216 2.59 2.715c0 1.5 1.176 2.715 2.63 2.715zm6.98 0c1.454 0 2.632-1.215 2.632-2.715 0-1.5-1.178-2.715-2.63-2.715C10.747 0 9.57 1.216 9.57 2.715c0 1.5 1.178 2.716 2.63 2.716zm5.983 0c1.453 0 2.63-1.215 2.63-2.715 0-1.5-1.177-2.715-2.63-2.715-1.453 0-2.63 1.216-2.63 2.715 0 1.5 1.177 2.716 2.63 2.716zm-2.408.863H8.273c-.64 0-1.16.536-1.16 1.197v6.846c0 .662.52 1.197 1.16 1.197h.357V24h6.65v-8.467h.495c.64 0 1.16-.535 1.16-1.197V7.49c0-.66-.52-1.197-1.16-1.197zm-10.3 8.043V7.49c0-.428.097-.83.26-1.197H1.86C1.22 6.293.7 6.83.7 7.49v6.846c0 .662.52 1.198 1.16 1.198h.358V24h4.775v-7.097c-.9-.48-1.518-1.45-1.518-2.567zM22.29 6.293h-3.977c.163.366.26.77.26 1.197v6.846c0 1.172-.68 2.183-1.655 2.635V24h4.878v-8.467h.493c.64 0 1.16-.535 1.16-1.197V7.49c0-.66-.52-1.197-1.16-1.197z" fill-rule="evenodd"/></symbol><symbol id="icon-important" viewBox="0 0 16 16"><title>important</title><path d="M9.59 10.602c0 .08-.017.15-.055.21-.037.06-.104.11-.2.15-.095.04-.218.07-.367.09-.15.02-.336.03-.56.03-.223 0-.41-.01-.56-.03-.148-.02-.27-.05-.367-.09-.095-.04-.16-.09-.198-.15-.038-.06-.056-.13-.056-.21L6.954 2.2c-.01-.12.005-.224.048-.313.042-.09.12-.165.232-.225.112-.06.26-.102.447-.127.187-.025.43-.037.728-.037.288 0 .525.015.712.044.186.03.335.075.447.135.112.06.19.132.232.217.04.085.063.187.063.307l-.272 8.402zm.33 2.485c0 .68-.68 1.228-1.513 1.228-.198 0-.386-.03-.56-.087-.243.124-.458.21-.747.262-.086.016-.12.015-.128.005-.01-.012.02-.035.045-.054.28-.203.326-.31.394-.43-.316-.224-.515-.555-.515-.924 0-.68.676-1.23 1.512-1.23.834 0 1.512.55 1.512 1.23z" fill-rule="evenodd"/></symbol><symbol id="icon-list" viewBox="0 0 16 16"><title>list</title><path d="M0 3c0-.552.45-1 1.007-1h12.986C14.55 2 15 2.444 15 3c0 .552-.45 1-1.007 1H1.007C.45 4 0 3.556 0 3zm0 4c0-.552.45-1 1.007-1h12.986C14.55 6 15 6.444 15 7c0 .552-.45 1-1.007 1H1.007C.45 8 0 7.556 0 7zm0 4c0-.552.45-1 1.007-1h12.986c.556 0 1.007.444 1.007 1 0 .552-.45 1-1.007 1H1.007C.45 12 0 11.556 0 11zm0 4c0-.552.45-1 1.007-1h12.986c.556 0 1.007.444 1.007 1 0 .552-.45 1-1.007 1H1.007C.45 16 0 15.556 0 15z" fill-rule="evenodd"/></symbol><symbol id="icon-logo" viewBox="0 0 42 36"><title>logo</title><g fill="none" fill-rule="evenodd"><path d="M18.343 22.36L1.976 28.327l22.71-2.664-6.343-3.3" id="Shape" fill="#D9B42F"/><path d="M18.418 22.34l2.16 5.03L5.88 20.414l12.537 1.922" id="Shape" fill="#FFE188"/><path d="M41.566 9.722l-1.804.718-1.666 2.605 3.47-3.323" id="Shape" fill="#E83F00"/><path d="M37.19 10.694l-8.86 2.256 3.864.8 4.996-3.056" id="Shape" fill="#CD1F14"/><path d="M38.07 10.694l-7.784.4 2.347.982 5.437-1.382" id="Shape" fill="#E83F00"/><path d="M33 22.18l3.114-5.93 1.84-5.558-19.385 11.425 6.25.857L33 22.18" id="Shape" fill="#EB4F86"/><g id="Shape" fill="#00A2C9"><path d="M24.02 5.833l-5.444 16.12 3.296-1.94 2.15-14.18"/><path d="M24.06 5.392L15.64 0l8.626 9.726-.206-4.334"/></g><path d="M23.84 7.984L13.69 4.86l10.275 6.6-.124-3.477" id="Shape" fill="#5A8794"/><path d="M24.19 8.75l-9.52 4.685 9.644-1.208-.124-3.477" id="Shape" fill="#005971"/><path d="M36.14 15.875l4.57-7.125-2.742 1.596-1.827 5.53" id="Shape" fill="#CD1F14"/><path d="M25.22 18.406l-.596-12.573-2.15 14.18 2.746-1.607" id="Shape" fill="#5EB2D1"/><path d="M32.28 13.61l1.64 6.267-1.025 1.943-3.585-6.457 2.97-1.752" id="Shape" fill="#F69B00"/><path d="M32.795 22.36l-8.18.794-4.09 4.176 12.27-4.97" id="Shape" fill="#E83F00"/><path d="M33.415 22.02L24.428 5.836l.808 16.977 8.18-.793" id="Shape" fill="#BAE2F6"/><path d="M24.943 18.472l.212 4.404-8.536 2.998L18.9 22.02l6.04-3.55" id="Shape" fill="#F69B00"/><path d="M18.323 22.36l6.252.858-4.092 4.176L1 35.254 18.32 22.36" fill="#FFD130"/></g></symbol><symbol id="icon-magnifier" viewBox="0 0 15 15"><title>magnifier</title><path d="M5.92 10.382c-2.444-.016-4.42-2.016-4.404-4.46.018-2.428 2.002-4.405 4.43-4.405h.03c1.182.007 2.29.477 3.12 1.32.832.84 1.286 1.958 1.28 3.142-.01 1.176-.473 2.285-1.31 3.114-.833.83-1.943 1.288-3.117 1.288h-.03M5.983 0h-.038C2.68 0 .022 2.638 0 5.912-.018 9.198 2.623 11.88 5.907 11.9h.042c1.088 0 2.112-.295 2.99-.81l3.613 3.617.092.088c.137.137.315.205.494.205.178 0 .357-.068.493-.205l1.164-1.162c.272-.274.272-.718 0-.99l-.09-.093-3.62-3.62c.506-.866.796-1.868.803-2.942C11.914 2.7 9.267.022 5.983 0" fill-rule="evenodd"/></symbol><symbol id="icon-mail" viewBox="0 0 17 17"><title>mail</title><path d="M11.325 9L8.5 11.593 5.675 9 1 14h15l-4.675-5zM17 4l-5 4.592L17 14V4zM0 4v10l5-5.354L0 4zm17-1H0l8.45 7L17 3z" fill-rule="evenodd"/></symbol><symbol id="icon-message" viewBox="0 0 24 24"><title>message</title><path d="M20.098 3.035c-.184-.02-.37-.034-.554-.034-5.36 0-10.717 0-16.077.003-.248 0-.497.032-.743.074-.383.063-.6.318-.662.704-.038.233-.06.473-.06.71C2 8.132 2 11.776 2.003 15.42c0 .105 0 .21.007.314.046.813.33 1.11 1.123 1.124 1.054.02 2.067.016 3.12.022.223.002.66 0 .66 0v.354c0 1.34.042 2.682.046 4.025 0 .256-.056.57.246.704.295.13.49-.124.675-.3 1.637-1.53 3.277-3.058 4.906-4.596.15-.14.3-.19.497-.19 2 .004 4 .004 5.997.002.25 0 .503-.01.75-.033.594-.053.843-.294.93-.896.024-.186.038-.378.038-.567.002-3.586.003-7.173 0-10.76-.002-.254-.02-.513-.057-.765-.073-.517-.333-.768-.842-.823zM5 8c0 .552.446 1 .998 1h7.004c.55 0 .998-.444.998-1 0-.552-.446-1-.998-1H5.998C5.448 7 5 7.444 5 8zm0 4c0 .552.447 1 1 1h11c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6c-.553 0-1 .444-1 1z" fill-rule="evenodd"/></symbol><symbol id="icon-note" viewBox="0 0 17 16"><title>note</title><path d="M15.667 1.856L10.853 6.67 11.89 7.71l4.815-4.815-1.038-1.037zM9.72 7.76v1.02h1.058l.518-.51-1.047-.978-.53.467zm2.095 1.93H8.74V6.796l4.62-4.333V1.5H7.2v3.9H3v9.1h10.36V8.24l-1.545 1.45zM3 4.36h3.08V1.5L3 4.36z" fill-rule="evenodd"/></symbol><symbol id="icon-organization" viewBox="0 0 16 16"><title>organization</title><path d="M1 2v13h7V2H1zm2 11H2v-1h1v1zm0-2H2v-1h1v1zm0-2H2V8h1v1zm0-2H2V6h1v1zm0-2H2V4h1v1zm0-1H2V3h1v1zm2 9H4v-1h1v1zm0-2H4v-1h1v1zm0-2H4V8h1v1zm0-2H4V6h1v1zm0-2H4V4h1v1zm0-1H4V3h1v1zm2 9H6v-1h1v1zm0-2H6v-1h1v1zm0-2H6V8h1v1zm0-2H6V6h1v1zm0-2H6V4h1v1zm0-1H6V3h1v1zm1 1v10h7V5H8zm1 8v-1h1v1H9zm1-2H9v-1h1v1zm0-2H9V8h1v1zm0-2H9V6h1v1zm2 6h-1v-1h1v1zm0-2h-1v-1h1v1zm0-2h-1V8h1v1zm0-2h-1V6h1v1zm2 6h-1v-1h1v1zm0-2h-1v-1h1v1zm0-2h-1V8h1v1zm0-2h-1V6h1v1z" fill-rule="evenodd"/></symbol><symbol id="icon-outbound-calls" viewBox="0 0 17 17"><title>outbound-calls</title><path d="M11.016 13.442s-1.134.1-3.61-2.226-2.476-3.44-2.476-3.44l1.753-1.82C6.373 4.236 5.24 1.403 3.28 2.11 1.32 2.72.596 5.55 1.215 7.27c3.095 8.195 10.213 9.713 11.245 9.713 2.58.202 4.23-1.416 4.54-3.844 0 .1-2.682-1.52-3.92-1.72l-2.064 2.022zM10.244 10l3.024-3.122 2.05 2.05L16 2l-6.927.683 2.05 2.05L8 7.852 10.244 10z" fill-rule="evenodd"/></symbol><symbol id="icon-overviews" viewBox="0 0 24 24"><title>overviews</title><path d="M10 6h10c1.308 0 2-.895 2-2s-.692-2-2-2H10c-1.307 0-2 .895-2 2s.693 2 2 2zm10 3H10c-1.307 0-2 .897-2 2 0 1.105.693 2 2 2h10c1.308 0 2-.895 2-2 0-1.103-.692-2-2-2zm0 8H10c-1.307 0-2 .897-2 2 0 1.104.693 2 2 2h10c1.308 0 2-.896 2-2 0-1.103-.692-2-2-2zM4 2c-1.325 0-2 .895-2 2s.675 2 2 2 2-.895 2-2-.675-2-2-2zm0 7c-1.325 0-2 .897-2 2 0 1.105.675 2 2 2s2-.895 2-2c0-1.103-.675-2-2-2zm0 8c-1.325 0-2 .897-2 2 0 1.104.675 2 2 2s2-.896 2-2c0-1.103-.675-2-2-2z" fill-rule="evenodd"/></symbol><symbol id="icon-package" viewBox="0 0 16 16"><title>package</title><path d="M.168 4.455l7.51 3.602 3.295-1.58L3.52 2.9.167 4.456zM7.6 1l7.177 3.648-2.897 1.39-7.442-3.57L7.6 1zM0 5.205v7.252l7.264 3.678V8.847L0 5.205zm15 7.497l-7.03 3.552v-7.47L15 5.47v7.232z" fill-rule="evenodd"/></symbol><symbol id="icon-pen" viewBox="0 0 16 16"><title>pen</title><path d="M15.017 4.092c0-1.424-1.234-2.57-2.767-2.57-.817 0-1.55.326-2.05.852l3.917 3.637c.533-.478.9-1.16.9-1.918zm-3.467.573L9.6 2.84 6.3 5.902l-4.683 4.35-.634 4.224 4.534-.588 5.2-4.83L13.5 6.476l-1.95-1.81zM3.133 13.27l-.466-.45-.484-.448.1-.62.1-.618 1.084 1.006 1.083 1.006-.7.062-.717.062z" fill-rule="evenodd"/></symbol><symbol id="icon-person" viewBox="0 0 24 24"><title>person</title><path d="M12.163 5.43c1.453 0 2.63-1.215 2.63-2.715 0-1.5-1.177-2.715-2.63-2.715-1.453 0-2.63 1.216-2.63 2.715 0 1.5 1.177 2.716 2.63 2.716zm3.574.863H8.235c-.64 0-1.16.536-1.16 1.197v6.846c0 .662.52 1.198 1.16 1.198h.357V24h6.65v-8.466h.495c.64 0 1.16-.536 1.16-1.198V7.49c0-.66-.52-1.197-1.16-1.197z" fill-rule="evenodd"/></symbol><symbol id="icon-phone" viewBox="0 0 17 17"><title>phone</title><path d="M7.406 10.216C4.93 7.89 4.93 6.776 4.93 6.776l1.753-1.82C6.373 3.236 5.24.403 3.28 1.11 1.32 1.72.596 4.55 1.215 6.27c3.095 8.195 10.213 9.713 11.245 9.713 2.58.202 4.23-1.416 4.54-3.844 0 .1-2.682-1.52-3.92-1.72l-2.064 2.022s-1.134.1-3.61-2.226z" fill-rule="evenodd"/></symbol><symbol id="icon-plus" viewBox="0 0 17 17"><title>plus</title><path d="M10 1V0H7v7H0v3h7v7h3v-7h7V7h-7V1z" fill-rule="evenodd"/></symbol><symbol id="icon-priority-modified-inner-circle" viewBox="0 0 16 16"><title>priority-modified-inner-circle</title><circle cx="8" cy="8" r="3" fill-rule="evenodd"/></symbol><symbol id="icon-priority-modified-outer-circle" viewBox="0 0 16 16"><title>priority-modified-outer-circle</title><path d="M8 14c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm0-1c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5z" fill-rule="evenodd"/></symbol><symbol id="icon-priority" viewBox="0 0 16 16"><title>priority</title><path d="M8 14c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z" fill-rule="evenodd"/></symbol><symbol id="icon-received-calls" viewBox="0 0 17 17"><title>received-calls</title><path d="M14.72 2.11c-2.062-.703-3.094 2.11-3.403 3.82l1.753 1.808s0 1.105-2.476 3.417c-2.476 2.31-3.61 2.21-3.61 2.21l-2.064-2.01c-1.34.202-3.92 1.81-3.92 1.81.31 2.41 1.96 4.02 4.54 3.818 1.03-.1 8.15-1.608 11.244-9.647.62-1.81-.103-4.522-2.063-5.225zM.99 8.408L8 9l-.593-7.012-2.074 2.074L2.173 1 0 3.173l3.062 3.16L.988 8.407z" fill-rule="evenodd"/></symbol><symbol id="icon-signout" viewBox="0 0 15 19"><title>signout</title><path d="M5.376 15L12 9.5 5.376 4v3.59H0v3.82h5.376V15zM4 1.542h9.452V17.46H4V19h11V0H4v1.542z" fill="#0F94D7" fill-rule="evenodd"/></symbol><symbol id="icon-switchView" viewBox="0 0 19 18"><title>switchView</title><path d="M9.75 7.595c-.6 0-1.1.5-1.1 1.1 0 .6.5 1.1 1.1 1.1.6 0 1.1-.5 1.1-1.1.1-.5-.4-1.1-1.1-1.1zm0-2.1c-3 0-6.1 3.3-6.1 3.3s3 3.3 6.1 3.3c3 0 6.1-3.3 6.1-3.3s-3-3.3-6.1-3.3zm0 5.6c-1.3 0-2.3-1-2.3-2.3 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3.1 1.3-1 2.3-2.3 2.3zm-3.5-9.2c1.6-.802 3.4-1.002 5.3-.602l.3-1c-4.9-1.2-9.2 1.4-10.7 5.7-.8 2.302-.8 4.603.2 6.703l.5.8-2.1.6 4.5 3.2.4-4.9v-.6l-1.9 1.4-.3-.8c-.9-1.9-1-4-.3-6 .7-2.002 2.2-3.602 4.1-4.502zm10.9 2.4l2.1-.5-4.5-3.202-.4 5.502 2-1.5.5.9c1 1.9 1.2 4.1.5 6.1s-2 3.702-3.9 4.602c-1.6.8-3.9.8-4.9.7l-.3 1c3.9.8 8.7-1.6 10.2-5.9.8-2.302.5-4.702-.6-6.903l-.7-.8z" fill="#FFF" fill-rule="evenodd"/></symbol><symbol id="icon-team" viewBox="0 0 16 16"><title>team</title><path d="M4.672 10.448l-.018-.006c-.115-.077-.207-.116-.58 0 .172-.234.064-.546 0-.72-.06-.12.163-.28 0-.72h.58s-.184-.637 0-.72c-.056.105.08-.117 0-.718-.085-.33-.067-.52 0-.72-.108-.566-.235-.775-.58-.72.06-.457-.47-.768-1.165-.72-.265.052-.572.407-.583.72-.33-.34-.402-.36-.58 0 .002-.213.16.27 0 .72.155 0 .155.22 0 .72-.018.6.12.82 0 .72l.58.72c-.103.432.127.598 0 .718-.07.21-.173.504 0 .72-.374-.098-.466-.07-.58 0-.3.115-.657.3-1.165.72-.108-.116-.46-.066-.58 0 .014.54-.006 1.128 0 1.438h2.805c.008-.382.018-.767.018-.982.172-.562.744-.64 1.22-.867.203-.095.414-.198.627-.302zm6.648.003l.026-.008c.115-.077.207-.116.58 0-.172-.234-.064-.546 0-.72.06-.12-.163-.28 0-.72h-.58s.184-.637 0-.72c.056.105-.08-.117 0-.718.085-.33.067-.52 0-.72.108-.566.235-.775.58-.72-.06-.457.47-.768 1.165-.72.265.052.572.407.583.72.33-.34.402-.36.58 0-.002-.213-.16.27 0 .72-.155 0-.155.22 0 .72.018.6-.12.82 0 .72l-.58.72c.103.432-.127.598 0 .718.07.21.173.504 0 .72.374-.098.466-.07.58 0 .3.115.657.3 1.165.72.108-.116.46-.066.58 0-.014.54.006 1.128 0 1.438h-2.805c-.007-.38-.018-.764-.018-.978-.172-.563-.744-.64-1.22-.867-.206-.097-.42-.2-.635-.304zm.33.494c-.484-.23-1.02-.497-1.503-.72l-.413-.127c-.165-.13-.32-.553-.408-.765-.088-.014-.143-.032-.258-.046v-.103H8.89c.23-.117.574-.356.688-.576l.2-1.155.035-.18c.19.034.394-.284.46-.71.068-.424-.03-.793-.216-.824-.046-.008-.094.006-.14.038.03-.378.03-.697.006-.966.005-.05.01-.102.01-.16.006-.22.244-.918.02-1.097-.04-.034-.148-.004-.228.002-.432.032-.892-.482-1.533-.546-.8-.08-1.593.37-1.66.865-.046 0-.1.01-.165.028-.196.057-.386.36-.416.886-.03.58-.004.855.057.987-.06-.03-.11-.046-.158-.038-.188.03-.285.4-.22.825.068.425.273.745.46.714.004-.002.13.728.13.728l.112.61c.112.216.448.448.677.565h-.17l-.16.097c-.088.21-.25.663-.413.79-.138.043-.276.1-.414.14-.482.225-1.02.5-1.503.73-.44.21-.968.283-1.127.805 0 .355-.03 1.206-.022 1.655h9.6c.007-.45-.023-1.297-.023-1.65-.16-.524-.686-.596-1.127-.806z" fill-rule="evenodd"/></symbol><symbol id="icon-templates" viewBox="0 0 24 24"><title>templates</title><path d="M2.995 1C2.445 1 2 1.44 2 2.002v19.996C2 22.55 2.45 23 2.995 23h17.01c.55 0 .995-.44.995-1.002V2.002C21 1.45 20.55 1 20.005 1H2.995zm3.003 4C5.448 5 5 5.444 5 6c0 .552.446 1 .998 1h7.004c.55 0 .998-.444.998-1 0-.552-.446-1-.998-1H5.998zM6 9c-.552 0-1 .444-1 1 0 .552.448 1 1 1h11.027c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6zm0 4c-.552 0-1 .444-1 1 0 .552.448 1 1 1h11.027c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6zm0 4c-.552 0-1 .444-1 1 0 .552.448 1 1 1h11.027c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6z" fill-rule="evenodd"/></symbol><symbol id="icon-tools" viewBox="0 0 24 24"><title>tools</title><path d="M12 21.992c1.63 0 2.95-1.116 2.95-2.492s-1.32-2.492-2.95-2.492c-1.63 0-2.95 1.116-2.95 2.492s1.32 2.492 2.95 2.492zm0-8c1.63 0 2.95-1.116 2.95-2.492S13.63 9.008 12 9.008c-1.63 0-2.95 1.116-2.95 2.492s1.32 2.492 2.95 2.492zm0-7c1.63 0 2.95-1.116 2.95-2.492S13.63 2.008 12 2.008c-1.63 0-2.95 1.116-2.95 2.492S10.37 6.992 12 6.992z" fill-rule="evenodd"/></symbol><symbol id="icon-twitter" viewBox="0 0 17 17"><title>twitter</title><path d="M14.176 4.983c.608-.396 1.115-.99 1.42-1.685-.61.396-1.32.595-2.028.694-.61-.595-1.42-.992-2.23-.992-1.723 0-3.142 1.388-3.142 3.074 0 .2 0 .496.1.695-2.634-.1-4.864-1.39-6.384-3.175-.304.496-.405.992-.405 1.488 0 1.09.507 1.983 1.42 2.578-.508 0-1.015-.197-1.42-.396 0 1.488 1.115 2.678 2.534 2.976-.304.1-.506.1-.81.1-.203 0-.406 0-.608-.1.405 1.19 1.52 2.082 2.94 2.082-1.116.794-2.434 1.29-3.853 1.29H1C2.42 14.504 4.04 15 5.764 15c5.777 0 8.817-4.66 8.817-8.628v-.397c.508-.396 1.015-.892 1.42-1.487-.608.198-1.115.396-1.824.495z" fill-rule="evenodd"/></symbol><symbol id="icon-user" viewBox="0 0 16 16"><title>user</title><path d="M13.248 11.906c-.707-.287-1.49-.62-2.197-.9-.2-.05-.4-.104-.603-.156-.24-.16-.467-.69-.596-.953-.127-.018-.208-.04-.375-.058v-.13h-.26c.334-.146.84-.444 1.005-.718l.294-1.44.05-.225c.276.043.576-.354.673-.884.097-.53-.045-.99-.317-1.03-.068-.008-.137.01-.204.05.044-.473.045-.87.008-1.206.008-.06.013-.127.015-.198.007-.275.355-1.147.03-1.37-.062-.043-.218-.006-.336.002-.63.04-1.303-.6-2.24-.68-1.167-.1-2.327.46-2.426 1.08-.067 0-.146.01-.24.034-.287.072-.564.448-.607 1.105-.047.724-.007 1.068.08 1.233-.085-.038-.158-.058-.23-.048-.272.04-.414.5-.317 1.03.097.53.397.93.67.89.006 0 .19.91.19.91l.164.76c.163.27.654.56.99.706H6.22l-.235.12c-.128.265-.363.828-.604.988-.2.053-.402.122-.603.175-.705.28-1.49.62-2.196.91-.643.26-1.314.35-1.547 1.003 0 .442-.043 1.504-.03 2.063h13.923c.012-.56-.03-1.618-.03-2.06-.234-.652-1.004-.74-1.648-1.004z" fill-rule="evenodd"/></symbol></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/arrow-right.svg b/public/assets/images/icons/arrow-right.svg
new file mode 100644
index 000000000..f8a3458a7
--- /dev/null
+++ b/public/assets/images/icons/arrow-right.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>arrow-right</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="arrow-right" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M8.34695201,6.2034625 C8.02653159,6.44377782 7.70611117,6.78021926 7.3536487,7.16472377 L5.11070574,9.59991898 L6.18411416,10.5131172 L10.6700001,5.51455859 L6.18411416,0.516 L5.11070574,1.4291982 L7.24150155,3.73622525 C7.6580481,4.20083486 7.99448955,4.56931835 8.34695201,4.82565469 L8.33093099,4.87371775 L0,4.87371775 L0,6.15539944 L8.33093099,6.15539944 L8.34695201,6.2034625 Z" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/clock.svg b/public/assets/images/icons/clock.svg
new file mode 100644
index 000000000..1ddd423c1
--- /dev/null
+++ b/public/assets/images/icons/clock.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>clock</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="clock" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M7.5414375,2.08125 C3.9739125,2.08125 1.08125,4.971963 1.08125,8.53965 C1.08125,12.107338 3.9739125,15 7.5414375,15 C11.1073375,15 14,12.107338 14,8.53965 C14,4.971963 11.1073375,2.08125 7.5414375,2.08125 L7.5414375,2.08125 L7.5414375,2.08125 Z M7.5472875,13.699675 C4.6603125,13.699675 2.313,11.371375 2.313,8.509262 C2.313,5.64715 4.6603125,3.3208 7.5472875,3.3208 C10.432475,3.3208 12.781575,5.64715 12.781575,8.509262 C12.781575,11.371375 10.432475,13.699675 7.5472875,13.699675 Z M11.0845875,8.312637 L12.358263,8.312637 C12.335188,7.790362 12.230538,7.290675 12.053088,6.825437 L11.465975,7.0752 L11.334188,6.770187 L11.923575,6.520425 C11.708263,6.056975 11.419988,5.631875 11.0732125,5.261862 L10.58685,5.744325 L10.352525,5.509837 L10.836775,5.027375 C10.5106375,4.72415 10.140625,4.4648 9.7364875,4.258912 L9.4657625,4.859512 L9.1605875,4.72415 L9.43505,4.117862 C8.912775,3.8967 8.34435,3.765075 7.7474875,3.740212 L7.7474875,5.1304 L7.413875,5.1304 L7.413875,3.738425 C6.8916,3.75175 6.3899625,3.848925 5.922775,4.016787 L6.2489125,4.75665 L5.94195,4.888112 L5.6119125,4.138825 C5.13725,4.344875 4.70435,4.625025 4.3268625,4.966437 L4.87595,5.509837 L4.63935,5.744325 L4.084575,5.195075 C3.7584375,5.52885 3.482025,5.910075 3.2663875,6.3277 L4.0444375,6.661475 L3.907125,6.96275 L3.1233875,6.627187 C2.8945875,7.147837 2.7590625,7.717887 2.7343625,8.31475 L4.2084,8.3128 L4.2084,8.642675 L2.7343625,8.646575 C2.7496375,9.230112 2.871675,9.784725 3.0834125,10.297575 L3.851875,9.965912 L3.9835,10.270925 L3.2208875,10.599012 C3.428725,11.026225 3.7014,11.417037 4.0275375,11.760237 L4.5919,11.230162 L4.8283375,11.46465 L4.262025,11.996512 C4.6281375,12.335975 5.04755,12.618075 5.5072625,12.829813 L5.8295,12.105225 L6.132725,12.242537 L5.812275,12.961437 C6.3119625,13.154162 6.8514625,13.264662 7.413875,13.279937 L7.413875,11.89365 L7.7474875,11.89365 L7.7474875,13.27815 C8.3347625,13.255237 8.8973375,13.127512 9.41425,12.910088 L9.1588,12.318912 L9.4638125,12.189237 L9.715525,12.768712 C10.146475,12.553237 10.539075,12.274875 10.8843875,11.94695 L10.464975,11.531275 L10.7014125,11.296787 L11.1170875,11.708563 C11.437375,11.357725 11.704363,10.9609 11.910413,10.526375 L11.33825,10.27255 L11.4754,9.969487 L12.041875,10.221362 C12.232488,9.729312 12.34315,9.197125 12.358263,8.64235 L11.0845875,8.64235 L11.0845875,8.312637 Z M10.0415,10.930837 C9.8850125,11.085375 9.631675,11.085375 9.475025,10.928887 L7.528275,9.216625 C7.3509875,9.037387 7.1468875,8.921037 7.1468875,8.568412 L7.1468875,6.278137 C7.1468875,6.039912 7.3414,5.847187 7.5797875,5.847187 C7.820125,5.847187 8.0148,6.039912 8.0148,6.278137 L8.0148,8.552975 L10.04345,10.368262 C10.1996125,10.5228 10.1976625,10.774512 10.0415,10.930837 Z" id="clock-tab-dark" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/cloud.svg b/public/assets/images/icons/cloud.svg
new file mode 100644
index 000000000..2af41c67b
--- /dev/null
+++ b/public/assets/images/icons/cloud.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>cloud</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="cloud" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M4,13.999888 C3.990204,13.999963 3.9804,14 3.970588,14 C1.777693,14 0,12.14026 0,9.846154 C0,7.700205 1.555494,5.93433 3.551288,5.715194 C3.760756,3.627287 5.448725,2 7.5,2 C9.551274,2 11.239244,3.627287 11.448712,5.715194 C13.444505,5.93433 15,7.700205 15,9.846154 C15,12.14026 13.222307,14 11.029412,14 C11.019599,14 11.009795,13.999963 11,13.999888 L4,14 L4,13.999888 Z" id="cloud-tab-dark" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/facebook.svg b/public/assets/images/icons/facebook.svg
new file mode 100644
index 000000000..8fc8952b4
--- /dev/null
+++ b/public/assets/images/icons/facebook.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>facebook</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="facebook" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M1.805369,1 C1.302013,1 1,1.402685 1,1.805369 L1,15.194631 C1,15.697987 1.402685,16 1.805369,16 L9.053691,16 L9.053691,10.161074 L7.040268,10.161074 L7.040268,7.845638 L9.053691,7.845638 L9.053691,6.134228 C9.053691,4.221477 10.261745,3.114094 11.973154,3.114094 C12.778523,3.114094 13.483221,3.214765 13.684564,3.214765 L13.684564,5.228188 L12.47651,5.228188 C11.57047,5.228188 11.369128,5.630872 11.369128,6.33557 L11.369128,7.744966 L13.583893,7.744966 L13.281879,10.060403 L11.369128,10.060403 L11.369128,15.999329 L15.194631,15.999329 C15.697987,15.999329 16,15.596644 16,15.19396 L16,1.704698 C16,1.402685 15.597315,1 15.194631,1 L1.805369,1 L1.805369,1 Z" id="facebook-channel-white" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/important.svg b/public/assets/images/icons/important.svg
new file mode 100644
index 000000000..4b7e80472
--- /dev/null
+++ b/public/assets/images/icons/important.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>important</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="important" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M9.5912763,10.6021234 C9.5912763,10.6818964 9.5728026,10.7516234 9.5353815,10.8113054 C9.4981184,10.8711344 9.4314868,10.9212144 9.3353289,10.9611004 C9.2396447,11.0009874 9.1169605,11.0309754 8.9680658,11.0506234 C8.8185394,11.0707144 8.6320658,11.0806124 8.4084868,11.0806124 C8.1845921,11.0806124 7.9981184,11.0707144 7.8489079,11.0506234 C7.6996973,11.0308274 7.5773289,11.0008394 7.481171,10.9611004 C7.3854868,10.9212144 7.3185394,10.8712824 7.2815921,10.8113054 C7.2440131,10.7516234 7.2255394,10.6818964 7.2255394,10.6021234 L6.9538026,2.20043041 C6.9432236,2.08077141 6.9590131,1.97618041 7.0018026,1.88650941 C7.0444342,1.79683941 7.1216447,1.72194141 7.2335921,1.66211241 C7.3455394,1.60228241 7.4945921,1.56003241 7.6810657,1.53506641 C7.8673815,1.51024841 8.10975,1.49769141 8.4083289,1.49769141 C8.6958552,1.49769141 8.9330131,1.51275941 9.1198026,1.54245241 C9.3061184,1.57244141 9.4553289,1.61735041 9.5672763,1.67718041 C9.6789079,1.73700941 9.7561184,1.80939641 9.7990658,1.89404341 C9.8413815,1.97883941 9.8628552,2.08091841 9.8628552,2.20057741 L9.5912763,10.6021234 L9.5912763,10.6021234 Z M9.91875,13.0866004 C9.91875,13.7657034 9.2412236,14.3153964 8.4070658,14.3153964 C8.2085921,14.3153964 8.0205394,14.2845214 7.8466973,14.2280894 C7.6043289,14.3521804 7.3886447,14.4368284 7.0998552,14.4898614 C7.0136447,14.5064074 6.9793815,14.5047824 6.9718026,14.4947374 C6.9632763,14.4829184 6.9915394,14.4598734 7.0166447,14.4409644 C7.2962763,14.2368054 7.3430131,14.1298504 7.4105921,14.0100434 C7.0944868,13.7859414 6.8950657,13.4550324 6.8950657,13.0864534 C6.8950657,12.4073504 7.5714868,11.8567714 8.4070658,11.8567714 C9.2412236,11.8567714 9.91875,12.4074984 9.91875,13.0866004 L9.91875,13.0866004 L9.91875,13.0866004 Z" id="important-tab-dark" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/list.svg b/public/assets/images/icons/list.svg
new file mode 100644
index 000000000..d779aa004
--- /dev/null
+++ b/public/assets/images/icons/list.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>list</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="list" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M0,3 C0,2.447715 0.44892,2 1.007484,2 L13.992516,2 C14.548934,2 15,2.443865 15,3 C15,3.552285 14.55108,4 13.992516,4 L1.007484,4 C0.451066,4 0,3.556135 0,3 L0,3 Z M0,7 C0,6.447715 0.44892,6 1.007484,6 L13.992516,6 C14.548934,6 15,6.443865 15,7 C15,7.552285 14.55108,8 13.992516,8 L1.007484,8 C0.451066,8 0,7.556135 0,7 L0,7 Z M0,11 C0,10.447715 0.44892,10 1.007484,10 L13.992516,10 C14.548934,10 15,10.443865 15,11 C15,11.552285 14.55108,12 13.992516,12 L1.007484,12 C0.451066,12 0,11.556135 0,11 L0,11 Z M0,15 C0,14.447715 0.44892,14 1.007484,14 L13.992516,14 C14.548934,14 15,14.443865 15,15 C15,15.552285 14.55108,16 13.992516,16 L1.007484,16 C0.451066,16 0,15.556135 0,15 L0,15 Z" id="list-tab-dark" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/mail.svg b/public/assets/images/icons/mail.svg
new file mode 100644
index 000000000..a197c1310
--- /dev/null
+++ b/public/assets/images/icons/mail.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>mail</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="mail" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M11.324675,9 L8.5,11.592593 L5.675325,9 L1,14 L16,14 L11.324675,9 L11.324675,9 Z M17,4 L12,8.591837 L17,14 L17,4 L17,4 Z M0,4 L0,14 L5,8.646465 L0,4 L0,4 Z M17,3 L0,3 L8.449102,10 L17,3 L17,3 Z" id="email-channel-white" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/note.svg b/public/assets/images/icons/note.svg
new file mode 100644
index 000000000..f863f9eb7
--- /dev/null
+++ b/public/assets/images/icons/note.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="17px" height="16px" viewBox="0 0 17 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>note</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="note" sketch:type="MSArtboardGroup" transform="translate(1.000000, 0.000000)" fill="#50E3C2">
+            <path d="M14.6673979,1.85601 L9.852655,6.671434 L10.8898628,7.708495 L15.7046057,2.893071 L14.6673979,1.85601 L14.6673979,1.85601 Z M8.72,7.75924 L8.72,8.78 L9.77784,8.78 L10.29626,8.26962 L9.24878,7.29228 L8.72,7.75924 L8.72,7.75924 Z M10.81482,9.69 L7.74,9.69 L7.74,6.79633 L12.36,2.46291 L12.36,1.5 L6.2,1.5 L6.2,5.4 L2,5.4 L2,14.5 L12.36,14.5 L12.36,8.24076 L10.81482,9.69 L10.81482,9.69 Z M2,4.36 L5.08,4.36 L5.08,1.5 L2,4.36 L2,4.36 Z" id="note-tab-dark" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/organization.svg b/public/assets/images/icons/organization.svg
new file mode 100644
index 000000000..0645a2168
--- /dev/null
+++ b/public/assets/images/icons/organization.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>organization</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="organization" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M1,2 L1,15 L8,15 L8,2 L1,2 L1,2 Z M3,13 L2,13 L2,12 L3,12 L3,13 L3,13 Z M3,11 L2,11 L2,10 L3,10 L3,11 L3,11 Z M3,9 L2,9 L2,8 L3,8 L3,9 L3,9 Z M3,7 L2,7 L2,6 L3,6 L3,7 L3,7 Z M3,5 L2,5 L2,4 L3,4 L3,5 L3,5 Z M3,4 L2,4 L2,3 L3,3 L3,4 L3,4 Z M5,13 L4,13 L4,12 L5,12 L5,13 L5,13 Z M5,11 L4,11 L4,10 L5,10 L5,11 L5,11 Z M5,9 L4,9 L4,8 L5,8 L5,9 L5,9 Z M5,7 L4,7 L4,6 L5,6 L5,7 L5,7 Z M5,5 L4,5 L4,4 L5,4 L5,5 L5,5 Z M5,4 L4,4 L4,3 L5,3 L5,4 L5,4 Z M7,13 L6,13 L6,12 L7,12 L7,13 L7,13 Z M7,11 L6,11 L6,10 L7,10 L7,11 L7,11 Z M7,9 L6,9 L6,8 L7,8 L7,9 L7,9 Z M7,7 L6,7 L6,6 L7,6 L7,7 L7,7 Z M7,5 L6,5 L6,4 L7,4 L7,5 L7,5 Z M7,4 L6,4 L6,3 L7,3 L7,4 L7,4 Z M8,5 L8,15 L15,15 L15,5 L8,5 L8,5 Z M9,13 L9,12 L10,12 L10,13 L9,13 L9,13 Z M10,11 L9,11 L9,10 L10,10 L10,11 L10,11 Z M10,9 L9,9 L9,8 L10,8 L10,9 L10,9 Z M10,7 L9,7 L9,6 L10,6 L10,7 L10,7 Z M12,13 L11,13 L11,12 L12,12 L12,13 L12,13 Z M12,11 L11,11 L11,10 L12,10 L12,11 L12,11 Z M12,9 L11,9 L11,8 L12,8 L12,9 L12,9 Z M12,7 L11,7 L11,6 L12,6 L12,7 L12,7 Z M14,13 L13,13 L13,12 L14,12 L14,13 L14,13 Z M14,11 L13,11 L13,10 L14,10 L14,11 L14,11 Z M14,9 L13,9 L13,8 L14,8 L14,9 L14,9 Z M14,7 L13,7 L13,6 L14,6 L14,7 L14,7 Z" id="organization-tab-dark" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/outbound-calls.svg b/public/assets/images/icons/outbound-calls.svg
new file mode 100644
index 000000000..48eddadaf
--- /dev/null
+++ b/public/assets/images/icons/outbound-calls.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>outbound-calls</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="outbound-calls" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M11.0163538,13.4421152 C11.0163538,13.4421152 9.88152382,13.5432832 7.40553282,11.2164412 C4.92954082,8.88960016 4.92954082,7.77676216 4.92954082,7.77676216 L6.68336782,5.95575616 C6.37386882,4.23591716 5.23903982,1.40324016 3.27887982,2.11140916 C1.31871982,2.71841116 0.596555818,5.55108816 1.21555382,7.27092716 C4.31054282,15.4654562 11.4290188,16.9829612 12.4606818,16.9829612 C15.0398398,17.1852952 16.6905008,15.5666232 16.9999998,13.1386142 C16.9999998,13.2397812 14.3176758,11.6211092 13.0796798,11.4187752 L11.0163538,13.4421152 L11.0163538,13.4421152 Z M10.2439018,10.0000002 L13.2682928,6.87804916 L15.3170728,8.92682916 L15.9999998,2.00000016 L9.07317082,2.68292716 L11.1219508,4.73170716 L7.99999982,7.85365916 L10.2439018,10.0000002 L10.2439018,10.0000002 Z" id="calls-out-channel-gray" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/package.svg b/public/assets/images/icons/package.svg
new file mode 100644
index 000000000..03abb00b0
--- /dev/null
+++ b/public/assets/images/icons/package.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>package</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="package" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M0.167585,4.455434 L7.676956,8.057422 L10.973404,6.476228 L3.518958,2.900585 L0.167585,4.455434 L0.167585,4.455434 Z M7.6,1 L14.777142,4.647639 L11.880348,6.037132 L4.43768,2.467139 L7.6,1 L7.6,1 Z M0,5.205275 L0,12.457377 L7.263716,16.134654 L7.263716,8.846689 L0,5.205275 L0,5.205275 Z M15,12.701641 L7.970659,16.253534 L7.970659,8.784494 L15,5.470968 L15,12.701641 L15,12.701641 Z" id="package-tab-dark" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/pen.svg b/public/assets/images/icons/pen.svg
new file mode 100644
index 000000000..d6d2388a3
--- /dev/null
+++ b/public/assets/images/icons/pen.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>pen</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="pen" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M15.0166671,4.092262 C15.0166671,2.668452 13.7833337,1.523214 12.2500004,1.523214 C11.4333337,1.523214 10.7000004,1.848214 10.2000004,2.374405 L14.1166671,6.01131 C14.6500004,5.531548 15.0166671,4.850595 15.0166671,4.092262 L15.0166671,4.092262 L15.0166671,4.092262 Z M11.5500004,4.664881 L9.60000036,2.838691 L6.30000036,5.902976 L1.61666706,10.251786 L0.983333665,14.476786 L5.51666706,13.888691 L10.7166671,9.060119 L13.5000004,6.475595 L11.5500004,4.664881 L11.5500004,4.664881 Z M3.13333366,13.269643 L2.66666706,12.820833 L2.18333366,12.372024 L2.28333366,11.752976 L2.38333366,11.133929 C2.38333366,11.133929 2.36666706,11.118452 3.46666706,12.139881 L4.55000036,13.145833 L3.85000036,13.207738 L3.13333366,13.269643 L3.13333366,13.269643 Z" id="pen-tab-dark" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/phone.svg b/public/assets/images/icons/phone.svg
new file mode 100644
index 000000000..5168e78e3
--- /dev/null
+++ b/public/assets/images/icons/phone.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>phone</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="phone" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M7.40553264,10.2164412 C4.92954064,7.88960016 4.92954064,6.77676216 4.92954064,6.77676216 L6.68336764,4.95575616 C6.37386864,3.23591716 5.23903964,0.403240164 3.27887964,1.11140916 C1.31871964,1.71841116 0.596555635,4.55108816 1.21555364,6.27092716 C4.31054264,14.4654562 11.4290186,15.9829612 12.4606816,15.9829612 C15.0398396,16.1852952 16.6905006,14.5666232 16.9999996,12.1386142 C16.9999996,12.2397812 14.3176756,10.6211092 13.0796796,10.4187752 L11.0163536,12.4421152 C11.0163536,12.4421152 9.88152364,12.5432822 7.40553264,10.2164412 L7.40553264,10.2164412 L7.40553264,10.2164412 Z" id="phone-channel-white" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/priority-modified-inner-circle.svg b/public/assets/images/icons/priority-modified-inner-circle.svg
new file mode 100644
index 000000000..cefb0715a
--- /dev/null
+++ b/public/assets/images/icons/priority-modified-inner-circle.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>priority-modified-inner-circle</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="priority-modified-inner-circle" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <circle id="Oval-2" sketch:type="MSShapeGroup" cx="8" cy="8" r="3"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/priority-modified-outer-circle.svg b/public/assets/images/icons/priority-modified-outer-circle.svg
new file mode 100644
index 000000000..0c9a8e61d
--- /dev/null
+++ b/public/assets/images/icons/priority-modified-outer-circle.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>priority-modified-outer-circle</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="priority-modified-outer-circle" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M8,14 C11.3137085,14 14,11.3137085 14,8 C14,4.6862915 11.3137085,2 8,2 C4.6862915,2 2,4.6862915 2,8 C2,11.3137085 4.6862915,14 8,14 Z M8,13 C10.7614237,13 13,10.7614237 13,8 C13,5.23857625 10.7614237,3 8,3 C5.23857625,3 3,5.23857625 3,8 C3,10.7614237 5.23857625,13 8,13 Z" id="Oval-2" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/priority.svg b/public/assets/images/icons/priority.svg
new file mode 100644
index 000000000..c484668a2
--- /dev/null
+++ b/public/assets/images/icons/priority.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>priority</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="priority" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M8,14 C11.3137085,14 14,11.3137085 14,8 C14,4.6862915 11.3137085,2 8,2 C4.6862915,2 2,4.6862915 2,8 C2,11.3137085 4.6862915,14 8,14 Z M8,12 C10.209139,12 12,10.209139 12,8 C12,5.790861 10.209139,4 8,4 C5.790861,4 4,5.790861 4,8 C4,10.209139 5.790861,12 8,12 Z" id="Oval-2" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/received-calls.svg b/public/assets/images/icons/received-calls.svg
new file mode 100644
index 000000000..7e0bac1c6
--- /dev/null
+++ b/public/assets/images/icons/received-calls.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>received-calls</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="received-calls" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M14.72112,2.110663 C12.657794,1.407238 11.626131,4.220938 11.316632,5.929255 L13.070459,7.738062 C13.070459,7.738062 13.070459,8.843444 10.594467,11.154697 C8.118476,13.465951 6.983646,13.365462 6.983646,13.365462 L4.92032,11.355676 C3.579158,11.556655 1,13.164483 1,13.164483 C1.309499,15.576225 2.96016,17.184054 5.539318,16.983075 C6.570981,16.882586 13.689457,15.375247 16.784446,7.336105 C17.403444,5.527298 16.68128,2.814088 14.72112,2.110663 L14.72112,2.110663 L14.72112,2.110663 Z M0.987654,8.407407 L8,9 L7.407407,1.987654 L5.333333,4.061728 L2.17284,1 L0,3.17284 L3.061728,6.333333 L0.987654,8.407407 L0.987654,8.407407 Z" id="calls-in-channel-white" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/team.svg b/public/assets/images/icons/team.svg
new file mode 100644
index 000000000..df5e3f049
--- /dev/null
+++ b/public/assets/images/icons/team.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>team</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="team" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M4.67224966,10.4480631 C4.66622326,10.4458439 4.66022086,10.4436591 4.65424326,10.4415071 C4.53906086,10.3647911 4.44715046,10.3262991 4.07254886,10.4415071 C4.24569446,10.2083927 4.13835206,9.89591833 4.07254886,9.72200953 C4.01322166,9.60167752 4.23733206,9.44122712 4.07254886,9.00251192 L4.65424326,9.00251192 C4.65424326,9.00251192 4.47018486,8.36474871 4.65424326,8.28301431 C4.59752086,8.38662791 4.73435926,8.16531911 4.65424326,7.5635167 C4.56901286,7.2347863 4.58710566,7.0439471 4.65424326,6.8440191 C4.54582646,6.27848309 4.41932726,6.06941109 4.07254886,6.12452149 C4.13386726,5.66690709 3.60445525,5.35629668 2.90916085,5.40502388 C2.64499044,5.45564628 2.33839684,5.81082629 2.32746724,6.12452149 C1.99668164,5.78473269 1.92544964,5.76398789 1.74577284,6.12452149 C1.74930804,5.91147269 1.90781284,6.39533669 1.74577284,6.8440191 C1.90165444,6.8433839 1.90203524,7.0638815 1.74577284,7.5635167 C1.72870644,8.16418471 1.86562084,8.38435911 1.74577284,8.28301431 L2.32746724,9.00251192 C2.22406084,9.43612152 2.45425364,9.60167752 2.32746724,9.72200953 C2.25773844,9.93197913 2.15412164,10.2259767 2.32746724,10.4415071 C1.95274084,10.3439655 1.86083124,10.3728951 1.74577284,10.4415071 C1.44727603,10.5570887 1.08974803,10.7413647 0.582384825,11.1610047 C0.473519224,11.0463831 0.12192082,11.0961391 0.000691219268,11.1610047 C0.0157952194,11.7028535 -0.00381838078,12.2897144 0.000691219268,12.6 L2.80728885,12.6 C2.81459045,12.2183687 2.82475205,11.8332583 2.82475205,11.6180951 C2.99724325,11.0557471 3.56871205,10.9775383 4.04602806,10.7511103 C4.24846966,10.6551799 4.45942646,10.5522111 4.67224966,10.4480631 L4.67224966,10.4480631 L4.67224966,10.4480631 Z M11.3196785,10.4510511 C11.3284225,10.4477975 11.3371145,10.4446175 11.3457569,10.4415071 C11.4609393,10.3647911 11.5528497,10.3262991 11.9274513,10.4415071 C11.7543057,10.2083927 11.8616481,9.89591833 11.9274513,9.72200953 C11.9867785,9.60167752 11.7626681,9.44122712 11.9274513,9.00251192 L11.3457569,9.00251192 C11.3457569,9.00251192 11.5298153,8.36474871 11.3457569,8.28301431 C11.4024793,8.38662791 11.2656409,8.16531911 11.3457569,7.5635167 C11.4309873,7.2347863 11.4128945,7.0439471 11.3457569,6.8440191 C11.4541737,6.27848309 11.5806729,6.06941109 11.9274513,6.12452149 C11.8661329,5.66690709 12.3955449,5.35629668 13.0908393,5.40502388 C13.3550097,5.45564628 13.6616034,5.81082629 13.672533,6.12452149 C14.0033186,5.78473269 14.0745506,5.76398789 14.2542274,6.12452149 C14.2506922,5.91147269 14.0921874,6.39533669 14.2542274,6.8440191 C14.0983458,6.8433839 14.097965,7.0638815 14.2542274,7.5635167 C14.2712938,8.16418471 14.1343794,8.38435911 14.2542274,8.28301431 L13.672533,9.00251192 C13.7759394,9.43612152 13.5457465,9.60167752 13.672533,9.72200953 C13.7422618,9.93197913 13.8458786,10.2259767 13.672533,10.4415071 C14.0472594,10.3439655 14.139169,10.3728951 14.2542274,10.4415071 C14.5527242,10.5570887 14.9102522,10.7413647 15.4176154,11.1610047 C15.526481,11.0463831 15.8780794,11.0961391 15.999309,11.1610047 C15.984205,11.7028535 16.0038186,12.2897144 15.999309,12.6 L13.1927905,12.6 C13.1855473,12.2197999 13.1754505,11.8364671 13.1754505,11.6215015 C13.0029593,11.0590271 12.4314905,10.9815751 11.9540505,10.7551471 C11.7490169,10.6579879 11.5352665,10.5549407 11.3196785,10.4510511 L11.3196785,10.4510511 L11.3196785,10.4510511 Z M11.6498929,10.9440647 C11.1660665,10.7134295 10.6296601,10.4470679 10.1467457,10.2232263 C10.0091937,10.1808239 9.87130011,10.1390079 9.73352011,10.0966055 C9.56916491,9.96846153 9.41370651,9.54350152 9.32576891,9.33231032 C9.23817371,9.31801992 9.18251451,9.30009832 9.06845851,9.28604232 L9.06845851,9.18319912 L8.8901881,9.18319912 C9.11887131,9.06606632 9.46423371,8.82676312 9.57771931,8.60666951 L9.77891451,7.4522031 L9.81267531,7.2719351 C10.0020081,7.3064887 10.2074241,6.9882375 10.2740329,6.56292629 C10.3406417,6.13761509 10.2434657,5.76852789 10.0568697,5.73772229 C10.0107905,5.73022549 9.96345772,5.74439909 9.91726491,5.77602469 C9.94737532,5.39780148 9.94794572,5.07908148 9.92308171,4.81014308 C9.92810011,4.76106468 9.93163611,4.70847108 9.93311851,4.65107588 C9.93870731,4.43145107 10.1765145,3.73204787 9.95433292,3.55283347 C9.91224651,3.51886547 9.80537531,3.54885107 9.72473771,3.55482547 C9.29269291,3.58656787 8.8327041,3.07317266 8.1923921,3.00921826 C7.39320009,2.92956706 6.59891288,3.37853906 6.53104888,3.87506787 C6.48565448,3.87530227 6.43147768,3.88396947 6.36680808,3.90294547 C6.17063128,3.96034067 5.98084168,4.26254467 5.95141528,4.78882468 C5.91890968,5.36898628 5.94605448,5.64483509 6.00661848,5.77719589 C5.94742328,5.74674149 5.89746648,5.73057669 5.84853688,5.73865909 C5.66194087,5.76946549 5.56476487,6.13925509 5.63137367,6.56456629 C5.69798247,6.9898775 5.90328328,7.3097687 6.08987928,7.2788455 C6.09432808,7.2781431 6.21921928,8.00753191 6.21921928,8.00753191 L6.33236328,8.61826551 C6.44368168,8.83414232 6.77992008,9.06606632 7.00917289,9.18319912 L6.84059769,9.18319912 L6.68012088,9.27995192 C6.59218328,9.49137752 6.43113608,9.94304393 6.26666648,10.0709535 C6.12888648,10.1134727 5.99099288,10.1691111 5.85321288,10.2113959 C5.37052727,10.4352375 4.83400647,10.7096815 4.35018006,10.9403167 C3.90958086,11.1505711 3.38207045,11.2231935 3.22284805,11.7453743 C3.22284805,12.0999367 3.19330725,12.9514968 3.20140565,13.4 L12.7985537,13.4 C12.8067657,12.9514968 12.7773385,12.1032167 12.7773385,11.7485367 C12.6181161,11.2262391 12.0906065,11.1543191 11.6498929,10.9440647 L11.6498929,10.9440647 L11.6498929,10.9440647 Z" id="team-tab-dark" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/twitter.svg b/public/assets/images/icons/twitter.svg
new file mode 100644
index 000000000..8bc2d9f6d
--- /dev/null
+++ b/public/assets/images/icons/twitter.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>twitter</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="twitter" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M14.175676,4.983471 C14.783784,4.586777 15.290541,3.991736 15.594595,3.297521 C14.986486,3.694215 14.277027,3.892562 13.567568,3.991736 C12.959459,3.396694 12.148649,3 11.337838,3 C9.614865,3 8.195946,4.38843 8.195946,6.07438 C8.195946,6.272727 8.195946,6.570248 8.297297,6.768595 C5.662162,6.669421 3.432432,5.380165 1.912162,3.595041 C1.608108,4.090909 1.506757,4.586777 1.506757,5.082645 C1.506757,6.173554 2.013514,7.066116 2.925676,7.661157 C2.418919,7.661157 1.912162,7.46281 1.506757,7.264463 C1.506757,8.752066 2.621622,9.942149 4.040541,10.239669 C3.736486,10.338843 3.533784,10.338843 3.22973,10.338843 C3.027027,10.338843 2.824324,10.338843 2.621622,10.239669 C3.027027,11.429752 4.141892,12.322314 5.560811,12.322314 C4.445946,13.115702 3.128378,13.61157 1.709459,13.61157 L1,13.61157 C2.418919,14.504132 4.040541,15 5.763514,15 C11.540541,15 14.581081,10.338843 14.581081,6.371901 L14.581081,5.975207 C15.087838,5.578512 15.594595,5.082645 16,4.487603 C15.391892,4.68595 14.885135,4.884298 14.175676,4.983471 L14.175676,4.983471 L14.175676,4.983471 Z" id="twitter-channel-white" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/user.svg b/public/assets/images/icons/user.svg
new file mode 100644
index 000000000..3a5bd260f
--- /dev/null
+++ b/public/assets/images/icons/user.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>user</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="user" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M13.2475537,11.9063932 C12.5405537,11.6187872 11.7567203,11.2866292 11.0510537,11.0074952 C10.8500537,10.9546182 10.6485537,10.9024722 10.4472203,10.8495962 C10.2070537,10.6897982 9.97988699,10.1598652 9.85138699,9.89650624 C9.72338699,9.87868624 9.64205369,9.85633724 9.47538699,9.83880924 L9.47538699,9.71056224 L9.21488699,9.71056224 C9.54905369,9.56449524 10.0537203,9.26607924 10.2195537,8.99161824 L10.5135537,7.55197824 L10.562887,7.32718024 C10.8395537,7.37027024 11.1397203,6.97340524 11.2370537,6.44303424 C11.334387,5.91266324 11.192387,5.45240524 10.9197203,5.41398924 C10.852387,5.40464124 10.7832203,5.42231524 10.7157203,5.46175324 C10.7597203,4.99010124 10.7605537,4.59265224 10.7242203,4.25728124 C10.7315537,4.19607924 10.7367203,4.13049524 10.738887,4.05892224 C10.7470537,3.78504524 11.0945537,2.91287724 10.769887,2.68939324 C10.708387,2.64703424 10.5522203,2.68442724 10.434387,2.69187724 C9.80305369,2.73146124 9.13088699,2.09124724 8.19522029,2.01149524 C7.02738699,1.91216924 5.86672029,2.47204524 5.76755369,3.09122524 C5.70122029,3.09151724 5.62205369,3.10232624 5.52755369,3.12598924 C5.24088699,3.19756224 4.96355369,3.57441624 4.92055369,4.23069724 C4.87305369,4.95416924 4.91272029,5.29815824 5.00122029,5.46321424 C4.91472029,5.42523624 4.84172029,5.40507924 4.77022029,5.41515824 C4.49755369,5.45357324 4.35555369,5.91470824 4.45288699,6.44507924 C4.55022029,6.97545024 4.85022029,7.37436024 5.12288699,7.33579824 C5.12938699,7.33492224 5.31188699,8.24448324 5.31188699,8.24448324 L5.47722029,9.00607924 C5.63988699,9.27528124 6.13122029,9.56449524 6.46622029,9.71056224 L6.21988699,9.71056224 L5.98538699,9.83121424 C5.85688699,10.0948652 5.62155369,10.6581012 5.38122029,10.8176072 C5.17988699,10.8706292 4.97838699,10.9400112 4.77705369,10.9927422 C4.07172029,11.2718772 3.28772029,11.6141132 2.58072029,11.9017192 C1.93688699,12.1639102 1.26605369,12.2544722 1.03338699,12.9056412 C1.03338699,13.3477872 0.99022029,14.4096972 1.00205369,14.9689892 L14.9260537,14.9689892 C14.9380537,14.4096972 14.8950537,13.3518772 14.8950537,12.9095852 C14.662387,12.2582702 13.8915537,12.1685852 13.2475537,11.9063932 L13.2475537,11.9063932 L13.2475537,11.9063932 Z" id="user-tab-dark" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file