anchor.diff:          <nav class="chat-navigation mdl-navigation">
               <div class="menu-subtitle">
                   CHANNELS
  -                <a class="mdl-navigation__link chat-navigation-link" href="">#Catazine</a>
  -                <a class="mdl-navigation__link chat-navigation-link" href="">#Design</a>
  -                <a class="mdl-navigation__link chat-navigation-link" href="">#Meetings</a>
  -                <a class="mdl-navigation__link chat-navigation-link" href="">#Web-circle <span class="mdl-badge mdl-badge--no-background" data-badge="4"></span></a>
  +                <a class="mdl-navigation__link chat-navigation-link" href="">#general</a>
  +
               </div>
               <div class="menu-subtitle">
  -                DIRRECT MESSAGES
  -                <a class="mdl-navigation__link chat-navigation-link" href=""><i class="material-icons online-icon">fiber_manual_record</i>Jhon</a>
  -                <a class="mdl-navigation__link chat-navigation-link" href=""><i class="material-icons away-icon">fiber_manual_record</i>Karl</a>
  -                <a class="mdl-navigation__link chat-navigation-link" href=""><i class="material-icons online-icon">fiber_manual_record</i>Homer</a>
  -                <a class="mdl-navigation__link chat-navigation-link" href=""><i class="material-icons online-icon">fiber_manual_record</i>MrRobot<span class="mdl-badge mdl-badge--no-background" data-badge="3"></span></a>
  -                <a class="mdl-navigation__link chat-navigation-link" href=""><i class="material-icons online-icon">fiber_manual_record</i>Dawkins</a>
  -                <a class="mdl-navigation__link chat-navigation-link" href=""><i class="material-icons online-icon">fiber_manual_record</i>Smith</a>
  -                <a class="mdl-navigation__link chat-navigation-link" href=""><i class="material-icons online-icon">fiber_manual_record</i>Hawking</a>
  -                <a class="mdl-navigation__link chat-navigation-link" href=""><i class="material-icons online-icon">fiber_manual_record</i>Aida</a>
  +                ONLINE USERS
  +                <a class="mdl-navigation__link chat-navigation-link" href=""><i class="material-icons online-icon">fiber_manual_record</i>bogdanboca</a>
  +                <a class="mdl-navigation__link chat-navigation-link" href=""><i class="material-icons online-icon">fiber_manual_record</i>cristidanila</a>
               </div>
   
           </nav>
  
positive.code: <div class="chat-layout mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--fixed-header">
      <header class="chat-header mdl-layout__header mdl-color-text--white">
          <div class="mdl-layout__header-row">
              <span class="mdl-layout-title">#general <span class="users-count"><i class="material-icons">person</i>16</span></span>
              <div class="mdl-layout-spacer"></div>
              <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable is-upgraded" data-upgraded=",MaterialTextfield">
                  <div class="mdl-textfield__expandable-holder">
  
negative.code:                 <li class="mdl-menu__item">Legal information</li>
              </ul>
          </div>
          <p class="header-subtitle">Share your knowledge about Web Tehnologies<p>
          <div class="chat-notifications mdl-color--white">
              <button class="show-options mdl-button">
                  <i class="material-icons" role="presentation">keyboard_arrow_down</i>
  