    <div class="subheader">
        <h1 class="subheader-title" style="font-weight: bold;">
            <i class='subheader-icon fa fa-eye text-primary'></i><?php echo $title;?> 
        </h1>
        <div class="d-flex mr-4">
        <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
        </div>
    </div>

    <div class="card mb-g border shadow-0">
        <div class="card-header bg-white p-0">
            <div class="p-3 d-flex flex-row">
                <div class="d-block flex-shrink-0">
                    <img src="img/demo/avatars/avatar-admin.png" class="img-fluid img-thumbnail" alt="">
                </div>

                <div class="d-block ml-2">
                    <span class="h6 font-weight-bold text-uppercase d-block m-0"><a href="javascript:void(0);">Account information & Security</a> / <span class="fw-300">Package location</span></span>
                    <a href="javascript:void(0);" class="fs-sm text-info h6 fw-500 mb-0 d-block">Dr. Codex Lantern</a>
                    <div class="d-flex mt-1 text-warning align-items-center">
                        <i class="fas fa-star mr-1"></i>
                        <i class="fas fa-star mr-1"></i>
                        <i class="fas fa-star mr-1"></i>
                        <i class="fas fa-star mr-1"></i>
                        <i class="fal fa-star mr-1"></i>
                        <span class="text-muted fs-xs font-italic">
                            (140 votes)
                        </span>
                    </div>
                </div>

                <a href="gate?b=mytsk" class="d-inline-flex align-items-center text-dark ml-auto align-self-start" title="Go back">
                   <i class="fa fa-mail-reply" aria-hidden="true"></i>
                </a>
            </div>
        </div>
        <div class="card-body ">
            <p>
                Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus quis sem diam. Sed commodo metus in ultrices consequat. Vestibulum eu orci ante. Mauris vel tincidunt mauris. Cras finibus, purus eu pharetra molestie, orci felis lacinia orci, ac congue quam turpis a nibh
            </p>
            <p>
                Nam viverra diam magna, eget lobortis orci tincidunt sed. Donec et lobortis est. Morbi eget massa est. In iaculis odio lectus, sed efficitur nunc viverra non. Nullam molestie eros magna, eu posuere mauris posuere sit amet. Pellentesque hendrerit condimentum ipsum, euismod ornare lectus pharetra eget. Praesent semper est erat, commodo mollis arcu efficitur vitae. Maecenas gravida sit amet nisi vel interdum.
            </p>
            <p>
                Vestibulum molestie, ipsum vitae feugiat lacinia, nisi magna accumsan velit, ac semper nisi felis vitae augue. Vivamus mattis quis erat eu gravida. Integer venenatis risus vitae ullamcorper cursus. Proin sodales odio sed aliquet pulvinar. Duis ipsum erat, ultricies a dolor non, tempor dictum ante. Morbi vel metus lectus
            </p>
        </div>
        <div class="card-footer">
            <div class="d-flex align-items-center">
                <span class="text-sm text-muted font-italic"><i class="fal fa-clock mr-1"></i> Posted 1 week ago</span>
                <a href="javascript:void(0);" class="flex-shrink-0 ml-auto">Reply <i class="fal fa-reply ml-2"></i> </a>
            </div>
        </div>
    </div>  