{% load static %}

<div class="card border-0 card-inbox">
    <div class="card-header border-0">
        <h6>Inbox</h6>
        <div class="dropdown dropleft">
            <a href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <img src="{% static 'img/svg/more-horizontal.svg' %}" alt="more-horizontal" class="svg">
            </a>
            <div class="dropdown-menu">
                <a class="dropdown-item" href="#">Action</a>
                <a class="dropdown-item" href="#">Another action</a>
                <a class="dropdown-item" href="#">Something else here</a>
            </div>
        </div>
    </div>
    <!-- ends: .card-header -->
    <div class="card-body pb-35 pt-0">
        <div class="card-inbox-members">
            <ul>
                <li>
                    <div class="card-inbox-members__left">
                        <img class="radius-sm" src="{% static 'img/inbox-1.png' %}" alt="">
                        <div class="card-inbox-members__title">
                            <h6>Shane Watson</h6>
                            <div class="card-inbox-members__title--online">
                                We are looking a full stack developer
                            </div>
                        </div>
                    </div>
                    <div class="card-inbox-member__right">
                        <div class="card-inbox-member__time">
                            <span>9:30 AM</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="card-inbox-members__left">
                        <img class="radius-sm" src="{% static 'img/inbox-2.png' %}" alt="">
                        <div class="card-inbox-members__title">
                            <h6>Chris Dohan</h6>
                            <div class="card-inbox-members__title--online">
                                Well done, great work
                            </div>
                        </div>
                    </div>
                    <div class="card-inbox-member__right">
                        <div class="card-inbox-member__time">
                            <span>9:30 AM</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="card-inbox-members__left">
                        <img class="radius-sm" src="{% static 'img/inbox-3.png' %}" alt="">
                        <div class="card-inbox-members__title">
                            <h6>Robert Clinton</h6>
                            <div class="card-inbox-members__title--online">
                                Tonight we are going to submit new...
                            </div>
                        </div>
                    </div>
                    <div class="card-inbox-member__right">
                        <div class="card-inbox-member__time">
                            <span>9:30 AM</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="card-inbox-members__left">
                        <img class="radius-sm" src="{% static 'img/inbox-1.png' %}" alt="">
                        <div class="card-inbox-members__title">
                            <h6>Shane Watson</h6>
                            <div class="card-inbox-members__title--online">
                                We are looking a full stack developer
                            </div>
                        </div>
                    </div>
                    <div class="card-inbox-member__right">
                        <div class="card-inbox-member__time">
                            <span>9:30 AM</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="card-inbox-members__left">
                        <img class="radius-sm" src="{% static 'img/inbox-2.png' %}" alt="">
                        <div class="card-inbox-members__title">
                            <h6>Chris Dohan</h6>
                            <div class="card-inbox-members__title--online">
                                Well done, great work
                            </div>
                        </div>
                    </div>
                    <div class="card-inbox-member__right">
                        <div class="card-inbox-member__time">
                            <span>9:30 AM</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- ends: .card-body -->
</div>