chat.html

<!-- Top Navbar-->
<div class="navbar">
    <div class="navbar-inner">
        <div class="left">
            <a href="contacts.html" class="link"><i class='fa fa-comments'></i></a>
        </div>
        <div class="center"><a href="#" class="link active"><i class='fa fa-comment'></i></a></div>
        <div class="right">
          <a href="profile.html" class="link" id='info-link'><i class='fa fa-info-circle'></i></a>
        </div>
    </div>
</div>
<!-- /End of Top Navbar--> 

<!-- Pages, because we need fixed-through navbar and toolbar, it has additional appropriate classes-->
<div class="page toolbar-fixed chat-page" data-page="chat">
  <!-- messagebar -->
  <div class="messagebar toolbar">
    <div class="toolbar-inner">
      <textarea placeholder="Message"></textarea><a href="#" class="link"><i class='fa fa-send'></i></a>
    </div>
  </div>
  <div class='chatter-profile'>
  </div>
  <!-- messages-content -->
  <div class="page-content messages-content">
    <div class="messages">
    
    </div>
  </div>
</div>