<section class="page-header-area">
            <div class="container">
                <div class="row">
                    <div class="col">
                        <h1 class="page-title">Notifications</h1>
                    </div>
                </div>
            </div>
        </section>

        <section class="notifications-list-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 offset-lg-3">
                        <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">
                                <button type="button" class="mark-all-read">Mark All as Read</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
