anchor.diff:      <main class="mdl-layout__content mdl-color--grey-100" >
           <div class="mdl-grid chat-content" id="para">
   
  -            
  +
               </div>
   
  -            <div class="chat-write-box mdl-color--white mdl-shadow--2dp mdl-cell--12-col mdl-grid">
  -                <div class="chat-icon mdl-cell--1-col-phone mdl-cell--1-col-tablet mdl-cell--1-col">
  -                    <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">camera_alt</i>
  -                </div>
  -                <div class="mdl-cell--2-col-phone mdl-cell--6-col-tablet mdl-cell--10-col">
  -                    <input type="text" name="message" id="words" onKeyPress="return checkSubmit(event)">
  -                </div>
  -                <div class="chat-icon right mdl-cell--1-col-phone mdl-cell--1-col-tablet mdl-cell--1-col">
  -                    <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">tag_faces</i>
  -                    <form>
  -                        <input type="button" onclick="getwords()" value="Send" />
  -                    </form>
  -                </div>
  +        <div class="chat-write-box mdl-color--white mdl-shadow--2dp mdl-cell--12-col mdl-grid">
  +            <div class="chat-icon mdl-cell--1-col-phone mdl-cell--1-col-tablet mdl-cell--1-col">
  +                <i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">camera_alt</i>
               </div>
  +            <div class="mdl-cell--2-col-phone mdl-cell--6-col-tablet mdl-cell--10-col">
  +                <input type="text" name="message" id="words" onKeyPress="return checkSubmit(event)">
  +
  +            </div>
  +            <!--div class="chat-icon right mdl-cell--1-col-phone mdl-cell--1-col-tablet mdl-cell--1-col"-->
  +            <!--i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">tag_faces</i-->
  +            <form>
  +                <img src="/resources/images/flat-send.png" width="36" height="34" style="padding:6px;" onclick="getwords()" >
  +
  +            </form>
  +            <!--/div-->
           </div>
  -    </main>
  +</div>
  +</main>
   </div>
   <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" style="position: fixed; left: -1000px; height: -1000px;">
       <defs>
  
positive.code:         <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>
              </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>
              </div>
  
          </nav>
  
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>
  