                    <div class="row">
                        <div class="col-md-9">
                            <div class="chat_messages">
                                <div class="message_date">Sep 21 2014, 11:23 PM</div>
                                <ul>
                                    <li class="msg_left">
                                        <p class="msg_user">Carrol Clark</p>
                                        Et minus suscipit similique eum praesentium ad nihil. Et excepturi recusandae voluptates velit aperiam velit commodi. Id labore commodi qui rerum. Molestiae cum non rerum perferendis quam a vitae. Praesentium neque consequatur commodi dignissimos voluptates.
                                    </li>
                                    <li class="msg_right">
                                        <p class="msg_user">Octavia White IV</p>
                                        Non consectetur laboriosam eveniet ut. Et in sit ea a repellendus beatae. Labore distinctio harum aut ullam.
                                    </li>
                                </ul>
                                <div class="message_date">Sep 22 2014, 8:37 AM</div>
                                <ul>
                                    <li class="msg_right">
                                        <p class="msg_user">Avis Bahringer MD</p>
                                        Sed suscipit tempore aut aliquid. Aperiam cupiditate et consequatur quibusdam voluptatum porro est qui. Nemo eos praesentium illo ut quam ad commodi quis. Aut nulla consequatur ut necessitatibus minus.
                                    </li>
                                    <li class="msg_left">
                                        <p class="msg_user">Carrol Clark</p>
                                        Totam eligendi voluptate sed non eum corrupti. Nihil voluptas necessitatibus eos maxime molestiae. Quo qui earum consequatur odit. Animi laborum reiciendis mollitia consequatur autem quidem voluptatem.
                                    </li>
                                    <li class="msg_right">
                                        <p class="msg_user">Shany Mitchell</p>
                                        Quia ut illum et placeat blanditiis. Ea assumenda est inventore et aut. Quam iure eveniet quae at ea. Suscipit non quas laborum earum sint.
                                    </li>
                                    <li class="msg_left">
                                        <p class="msg_user">Carrol Clark</p>
                                        In sapiente corporis beatae adipisci. Qui sit porro vel dolores tempora corrupti. Harum qui et dolorem asperiores natus nulla. Et natus sit quasi voluptatem at est.
                                    </li>
                                </ul>
                            </div>
                            <div class="chat_message_send">
                                <textarea class="form-control"></textarea>
                                <button class="btn btn-sm btn-primary" type="button">Send</button>
                            </div>
                        </div>
                        <div class="col-md-3 col-sep">
                            <div class="chat_users">
                                <h3 class="heading_b"><span class="heading_text">Online</span></h3>
                                <ul>
                                    <li class="online">
                                        <a>
                                            <img src="assets/img/avatars/avatar02_tn.png" alt="" width="38" height="38">
                                            Jeanie Leuschke
                                        </a>
                                    </li>
                                    <li class="online">
                                        <a>
                                            <img src="assets/img/avatars/avatar03_tn.png" alt="" width="38" height="38">
                                            Mr. Rodrick Feest
                                        </a>
                                    </li>
                                    <li class="online">
                                        <a>
                                            <img src="assets/img/avatars/avatar04_tn.png" alt="" width="38" height="38">
                                            Kelton Effertz
                                        </a>
                                    </li>
                                    <li class="online">
                                        <a>
                                            <img src="assets/img/avatars/avatar05_tn.png" alt="" width="38" height="38">
                                            Avis Bahringer MD
                                        </a>
                                    </li>
                                </ul>
                                <h3 class="heading_b"><span class="heading_text">Offline</span></h3>
                                <ul>
                                    <li class="offline">
                                        <a>
                                            <img src="assets/img/avatars/avatar06_tn.png" alt="" width="38" height="38">
                                            Dorothy Tromp
                                        </a>
                                    </li>
                                    <li class="offline">
                                        <a>
                                            <img src="assets/img/avatars/avatar07_tn.png" alt="" width="38" height="38">
                                            Dr. Shaniya Ortiz DDS
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
