<div class="notifications-box menu-icon-box">
    <div class="icon">
        <a href=""><i class="far fa-bell"></i></a>
        <span class="number">4</span>
    </div>
    <div class="dropdown notifications-list-dropdown corner-triangle top-right">
        <div class="notifications-head">
            Notifications
        </div>
        <div class="list-wrapper">
            <div class="notification-list">
                <ul>
                    <li>
                        <a href="">
                            <div class="notification clearfix">
                                <div class="notification-image">
                                    <img src="<?php echo base_url().'assets/frontend/img/author.jpg';?>" alt="" class="img-fluid">
                                </div>
                                <div class="notification-details">
                                    <p class="notification-text">
                                        Daragh Walsh made an announcement: <b>Please tick all the subjects you would like to learn about in the form below. Thanks in advance! https://goo.gl/forms/6r3tZjtXlpD31jju1</b>
                                    </p>
                                    <p class="notification-time">14 days ago</p>
                                </div>
                                <div class="mark-as-read" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Mark as Read"></div>
                            </div>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <div class="notification clearfix">
                                <div class="notification-image">
                                    <img src="<?php echo base_url().'assets/frontend/img/author.jpg';?>" alt="" class="img-fluid">
                                </div>
                                <div class="notification-details">
                                    <p class="notification-text">
                                        Daragh Walsh made an announcement: <b>Please tick all the subjects you would like to learn about in the form below. Thanks in advance! https://goo.gl/forms/6r3tZjtXlpD31jju1</b>
                                    </p>
                                    <p class="notification-time">14 days ago</p>
                                </div>
                                <div class="mark-as-read marked"></div>
                            </div>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <div class="notification clearfix">
                                <div class="notification-image">
                                    <img src="<?php echo base_url().'assets/frontend/img/author.jpg';?>" alt="" class="img-fluid">
                                </div>
                                <div class="notification-details">
                                    <p class="notification-text">
                                        Daragh Walsh made an announcement: <b>Please tick all the subjects you would like to learn about in the form below. Thanks in advance! https://goo.gl/forms/6r3tZjtXlpD31jju1</b>
                                    </p>
                                    <p class="notification-time">14 days ago</p>
                                </div>
                                <div class="mark-as-read" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Mark as Read"></div>
                            </div>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <div class="notification clearfix">
                                <div class="notification-image">
                                    <img src="<?php echo base_url().'assets/frontend/img/author.jpg';?>" alt="" class="img-fluid">
                                </div>
                                <div class="notification-details">
                                    <p class="notification-text">
                                        Daragh Walsh made an announcement: <b>Please tick all the subjects you would like to learn about in the form below. Thanks in advance! https://goo.gl/forms/6r3tZjtXlpD31jju1</b>
                                    </p>
                                    <p class="notification-time">14 days ago</p>
                                </div>
                                <div class="mark-as-read" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Mark as Read"></div>
                            </div>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <div class="notification clearfix">
                                <div class="notification-image">
                                    <img src="<?php echo base_url().'assets/frontend/img/author.jpg';?>" alt="" class="img-fluid">
                                </div>
                                <div class="notification-details">
                                    <p class="notification-text">
                                        Daragh Walsh made an announcement: <b>Please tick all the subjects you would like to learn about in the form below. Thanks in advance! https://goo.gl/forms/6r3tZjtXlpD31jju1</b>
                                    </p>
                                    <p class="notification-time">14 days ago</p>
                                </div>
                                <div class="mark-as-read" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Mark as Read"></div>
                            </div>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <div class="notification clearfix">
                                <div class="notification-image">
                                    <img src="<?php echo base_url().'assets/frontend/img/author.jpg';?>" alt="" class="img-fluid">
                                </div>
                                <div class="notification-details">
                                    <p class="notification-text">
                                        Daragh Walsh made an announcement: <b>Please tick all the subjects you would like to learn about in the form below. Thanks in advance! https://goo.gl/forms/6r3tZjtXlpD31jju1</b>
                                    </p>
                                    <p class="notification-time">14 days ago</p>
                                </div>
                                <div class="mark-as-read" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Mark as Read"></div>
                            </div>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <div class="notification clearfix">
                                <div class="notification-image">
                                    <img src="<?php echo base_url().'assets/frontend/img/author.jpg';?>" alt="" class="img-fluid">
                                </div>
                                <div class="notification-details">
                                    <p class="notification-text">
                                        Daragh Walsh made an announcement: <b>Please tick all the subjects you would like to learn about in the form below. Thanks in advance! https://goo.gl/forms/6r3tZjtXlpD31jju1</b>
                                    </p>
                                    <p class="notification-time">14 days ago</p>
                                </div>
                                <div class="mark-as-read" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Mark as Read"></div>
                            </div>
                        </a>
                    </li>

                </ul>
            </div>
            <div class="notifications-footer clearfix">
                <button type="button" class="mark-all-read">Mark All as Read</button>
                <a href="" class="float-end">See All <i class="fas fa-chevron-right"></i></a>
            </div>
        </div>
        <div class="empty-box text-center d-none">
            <p>No notifications.</p>
        </div>
    </div>
</div>
