<div class="jca-conversation">
  <ul class="jca-conversation__menu">
    <li class="jca-conversation__menu-item jca-conversation__menu--active">
      <ion-icon class="jca-conversation__menu-status" name="mail-unread-outline"></ion-icon>
      <div class="jca-conversation__menu-icon">
        <ion-icon name="business-outline"></ion-icon>
      </div>
      <div class="jca-conversation__menu-details">
        <div class="jca-conversation__menu-title">Adams, Schneider and Murazik </div>
        <div class="jca-conversation__menu-text">
          <p class="jca-conversation__menu-snippet">
            My money's in that office, right? If she start giving me some bullshit about it ain't there
          </p>
          <span class="jca-conversation__menu-date">6, July 2020 - 7:03pm</span>
        </div>
      </div>
    </li>

    <li class="jca-conversation__menu-item">
      <ion-icon class="jca-conversation__menu-status" name="mail-open-outline"></ion-icon>

      <div class="jca-conversation__menu-icon">
        <ion-icon name="person-circle-outline"></ion-icon>
      </div>
      <div class="jca-conversation__menu-details">
        <div class="jca-conversation__menu-title">Tocarra Nolan</div>
        <div class="jca-conversation__menu-text">
          <p class="jca-conversation__menu-snippet">
            You listen: we go in there, and that nigga Winston or anybody else is in there, 
            you the first motherfucker to get shot. You understand?
          </p>
          <span class="jca-conversation__menu-date">6, July 2020 - 7:03pm</span>
        </div>
      </div>
    </li>

    <li class="jca-conversation__menu-item">
      <ion-icon class="jca-conversation__menu-status" name="mail-open-outline"></ion-icon>

      <div class="jca-conversation__menu-icon">
        <ion-icon name="person-circle-outline"></ion-icon>
      </div>
      <div class="jca-conversation__menu-details">
        <div class="jca-conversation__menu-title">Tocarra Nolan</div>
        <div class="jca-conversation__menu-text">
          <p class="jca-conversation__menu-snippet">
            Now that there is the Tec-9, a crappy spray gun from South Miami.
          </p>
          <span class="jca-conversation__menu-date">6, July 2020 - 7:03pm</span>
        </div>
      </div>
    </li>
  </ul>
  <div class="jca-conversation__viewport">
    <div class="jca-conversation__meta">
      <div class="jca-conversation__subject">
        She starred in one of the ones
      </div>

      <div class="jca-conversation__author">
        <b>Tocarra Nolan</b> | 6, July 2020 - 7:03pm
      </div>
    </div>

    <div class="jca-conversation__message">
      <p>Hi Friend,</p>
      <p>
        Normally, both your asses would be dead as fucking fried chicken, but you happen to pull this shit while I'm in a transitional period so I don't wanna kill you, I wanna help you. But I can't give you this case, it don't belong to me. Besides, I've already been through too much shit this morning over this case to hand it over to your dumb ass.
      </p>
      <p>
        You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don't know exactly when we turned on each other, but I know that seven of us survived the slide... and only five made it out. Now we took an oath, that I'm breaking now. We said we'd say it was the snow that killed the other two, but it wasn't. Nature is lethal but it doesn't hold a candle to man.
      </p>
      <p>
        Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
      </p>
    </div>

    <div class="jca-conversation__input">
      <textarea class="form-control" type="text" placeholder="Reply ..."></textarea>
      <div class="btn btn-primary" data-reply-mode="send">Send</div>
      <div class="btn btn-light" data-reply-mode="cancel">Cancel</div>
    </div>
  </div>
</div>