JezK

Edit File: chat.html

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <h4 class="text-xs-center">Responsive Chat Template</h4>
                <div class="col-xs-6 offset-xs-7 col-md-3 offset-md-5">
                    <div class="btn-group">
                        <button class="btn btn-primary dropdown-toggle btn-lg" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="fa fa-comments float-xs-left">Chat
                        </button>
                        <ul class="dropdown-menu pb-chat-dropdown">
                            <li>
                                <div class="card card-info pb-chat-panel">
                                    <div class="card card-header pb-chat-panel-heading">
                                        <div class="row">
                                            <div class="col-xs-12">
                                                <a href="#">
                                                    <label id="support_label">Lorem support</label>
                                                </a>
                                                <a href="#">
                                                    <span class="fa fa-cog float-xs-right pb-chat-top-icons"></span></a>
                                                <a href="#">
                                                    <span class="fa fa-share float-xs-right pb-chat-top-icons"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-block">
                                        <form>
                                            <div class="form-group">
                                                <span class="fa fa-lg fa-user pb-chat-fa-user"></span>
                                                <span class="tag label-default pb-chat-labels pb-chat-labels-left">Hi, how
                                                    are you?</span>
                                            </div>
                                            <hr>
                                            <div class="form-group float-xs-right pb-chat-labels-right">
                                                <span  class="tag label-primary pb-chat-labels pb-chat-labels-primary">Hi,
                                                    i'm fine, you?</span>
                                                <span class="fa fa-lg fa-user pb-chat-fa-user"></span>
                                            </div>
                                            <div class="clearfix"></div>
                                            <hr>
                                            <div class="form-group">
                                                <span class="fa fa-lg fa-user pb-chat-labels pb-chat-fa-user"></span>
                                                <span class="tag label-default pb-chat-labels pb-chat-labels-left">I'm   great, wanna hangout?</span>
                                            </div>
                                            <hr>
                                            <div class="form-group float-xs-right pb-chat-labels-right">
                                                <span  class="tag label-primary pb-chat-labels pb-chat-labels-primary">No,
                                                    huehuehue</span>
                                                <span class="fa fa-lg fa-user pb-chat-fa-user"></span>
                                            </div>
                                            <div class="clearfix"></div>
                                            <hr>
                                            <div class="form-group float-xs-right pb-chat-labels-right">
                                                <span class="tag label-primary pb-chat-labels pb-chat-labels-primary">I'm
                                                    busy hanging out :D</span>
                                                <span class="fa fa-lg fa-user pb-chat-fa-user"></span>
                                            </div>
                                            <div class="clearfix"></div>
                                        </form>
                                    </div>
                                    
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

.pb-chat-panel-heading {
        margin-top: -5px;
    }

.pb-chat-top-icons {
        margin-top: 4px;
    }

#support_label {
        color: #999;
    }

.pb-chat-labels {
        font-size: 15px;
    }

.pb-chat-labels-right {
        margin-bottom: 0;
        margin-right: 5px;
    }

.pb-chat-labels-left {
        margin-left: 5px;
    }

.pb-chat-labels-primary {
        margin-right: 5px;
    }

.pb-chat-fa-user {
        border: 1px solid blue;
        padding: 5px;
        border-radius: 50%;
    }

.pb-chat-textarea {
        resize: none;
    }

.pb-chat-dropdown {
        width: 300px;
    }

.pb-chat-btn-circle {
        border-radius: 35px;
    }

.pb-btn-circle-div {
        padding-left: 0px;
        margin-top: 12px;
    }
</style>

https://satyadevaresidency.com/wp-sitemap-posts-post-1.xmlhttps://satyadevaresidency.com/wp-sitemap-posts-page-1.xmlhttps://satyadevaresidency.com/wp-sitemap-posts-gallery-1.xmlhttps://satyadevaresidency.com/wp-sitemap-posts-testimonial-1.xmlhttps://satyadevaresidency.com/wp-sitemap-taxonomies-category-1.xmlhttps://satyadevaresidency.com/wp-sitemap-taxonomies-post_tag-1.xmlhttps://satyadevaresidency.com/wp-sitemap-taxonomies-gallery_cat-1.xml