<div class="chatroom">
  <div class="info">
    <ul>
      <li>
        <p class="text heading grey">ACCOUNT</p><p class="text"><b>Todd Diccerson</b></p>
      </li>
      <li>
        <p class="text heading grey">KEYWORD</p><p class="text"><b>Free Report</b></p>
      </li>
    </ul>
  </div>
  <div class="chat">
    <p class="text heading grey">FACEBOOK MESSAGES PREVIEW</p>
    <div class="conversation">
      <div class="sent message">
        Free Report
      </div>
      <div class="delivered message">
        <div class="ui horizontal list">
          <div class="funnel item small">
            <img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
            <div class="content">
              <a href="#" class="text small bold">Todd Dickerson</a>
              <div class="ui sub header">
                <p class="grey text small">Active in the last 15 min</p>
              </div>
            </div>
          </div>
        </div>
        Hello! I’m Todd Dickerson’s Clickbot<br>
        Thank you for requesting the PDF “7 Unique Ways to be Better”.<br> 
        What’s the best email address to send it to?
      </div>
      <div class="delivered message">
        Short Message
      </div>
      <div class="sent message">
        user@email.com
      </div>
      <div class="delivered message">
        Thank you! We’re sending the free PDF your way right now.
      </div>
    </div>
  </div>
</div>