<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-toggle="tooltip" data-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-toggle="tooltip" data-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-toggle="tooltip" data-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-toggle="tooltip" data-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-toggle="tooltip" data-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-toggle="tooltip" data-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>