<div id="stella-conversation" class="chat-body-inner has-slimscroll is-hidden">
  <div class="date-divider">
    <hr class="date-divider-line" />
    <span class="date-divider-text">Today</span>
  </div>

  <div class="chat-message is-sent">
    <img
      src="https://via.placeholder.com/300x300"
      data-demo-src="assets/img/avatars/jenna.png"
      alt=""
    />
    <div class="message-block">
      <span>10:34am</span>
      <div class="message-text">
        Hey Stella! Aren't we supposed to go the theatre after work?.
      </div>
    </div>
  </div>

  <div class="chat-message is-sent">
    <img
      src="https://via.placeholder.com/300x300"
      data-demo-src="assets/img/avatars/jenna.png"
      alt=""
    />
    <div class="message-block">
      <span>10:37am</span>
      <div class="message-text">Just remembered it.</div>
    </div>
  </div>

  <div class="chat-message is-received">
    <img
      src="https://via.placeholder.com/300x300"
      data-demo-src="assets/img/avatars/stella.jpg"
      alt=""
    />
    <div class="message-block">
      <span>11:22am</span>
      <div class="message-text">
        Yeah you always do that, forget about everything.
      </div>
    </div>
  </div>
</div>
