<div  class="row storefront-rightbar alerts">
  <div class="col-md-12">
     <h1 class="profile-heading my-4">Marketplace Alerts</h1>
     <div class="row">
        <div class="col-md-12">
           <div class="contracts-table-col">
              <div class="list-view-tile summary-tab-table  alertsTbl">
                 <table class="table custom-table endCustTbl">
                    <thead class="thead-light">
                       <tr>
                          <th>Title</th>
                          <th>Page Name</th>
                          <th>URL</th>
                          <th>Start Date Time</th>
                          <th>Action</th>
                       </tr>
                    </thead>
                    <tbody>
                       <tr>
                          <td><a href="javascript:void(0);" class="showAlert">STELLR 4.11 Live</a></td>
                          <td>Home Page</td>
                          <td>stellr-resseller-portal/stellr_home</td>
                          <td>07/01/2021 10:31:06 AM PDT</td>
                          <td>
                             <div class="mark-col">
                                <a href="javascript:void(0);" class="mark-read">Mark as Read</a>
                                <a href="javascript:void(0);" class="mark-unread" style="display: none;" >Mark as Unread</a>
                                <i class="icon-info-blue" data-toggle="tooltip" data-placement="top" data-original-title="Select to mark the alert as read. This will stop it from showing at the posted location."></i>
                             </div>
                          </td>
                       </tr>
                       <tr>
                          <td><a href="javascript:void(0);">Lagacy Azure going away</a></td>
                          <td>Microsoft New Azure Plan US</td>
                          <td>genericTemplate.xmhtl?solutionazure_planUS</td>
                          <td>07/01/2021 10:31:06 AM PDT</td>
                          <td>
                             <div class="mark-col">
                                <a href="javascript:void(0);" class="mark-read">Mark as Read</a><a href="javascript:void(0);" class="mark-unread" style="display: none;" >Mark as Unread</a><i class="icon-info-blue" data-toggle="tooltip" data-placement="top" data-original-title="Select to mark the alert as read. This will stop it from showing at the posted location."></i>
                             </div>
                          </td>
                       </tr>
                       <tr>
                          <td><a href="javascript:void(0);">Lagacy Azure going away</a></td>
                          <td>New Azure Plan</td>
                          <td>template.xmhtl?solutionazure_newazureplan</td>
                          <td>07/01/2021 10:31:06 AM PDT</td>
                          <td>
                             <div class="mark-col">
                                <a href="javascript:void(0);" class="mark-read">Mark as Read</a><a href="javascript:void(0);" class="mark-unread" style="display: none;" >Mark as Unread</a><i class="icon-info-blue" data-toggle="tooltip" data-placement="top" data-original-title="Select to mark the alert as read. This will stop it from showing at the posted location."></i>
                             </div>
                          </td>
                       </tr>
                       <tr>
                          <td><a href="javascript:void(0);">Grangular User Right</a></td>
                          <td>Microsoft Plan </td>
                          <td>stellr-resseller-portal/stellr_microsoft_plan_new</td>
                          <td>07/01/2021 10:31:06 AM PDT</td>
                          <td>
                             <div class="mark-col">
                                <a href="javascript:void(0);" class="mark-read">Mark as Read</a><a href="javascript:void(0);" class="mark-unread" style="display: none;" >Mark as Unread</a><i class="icon-info-blue" data-toggle="tooltip" data-placement="top" data-original-title="Select to mark the alert as read. This will stop it from showing at the posted location."></i>
                             </div>
                          </td>
                       </tr>
                    </tbody>
                 </table>
                 <nav aria-label="navigation" class="pagination-col pt-2 selectedTab invoices subs" style="">
                    <span class="item-dropdown-col">
                       View
                       <div class="items-dropdown">
                          <i class="icon-arrow-bottom"></i>
                          <select>
                             <option>10</option>
                             <option>15</option>
                             <option>20</option>
                          </select>
                       </div>
                       <span class="view-text">Items Per Page</span>
                    </span>
                    <ul class="table-count-list m-auto">
                       <li class="left-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
                       <li class="active"><a href="javascript:void(0);"><span>1</span></a></li>
                       <li><a href="#page-2" class=""> <span>2</span></a></li>
                       <li class="right-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
                    </ul>
                    <ul class="next-prev-page">
                       <li><a href="javascript:void(0);"><i class="icon-left-arrow-double mr-1"></i>First</a></li>
                       <li><a href="javascript:void(0);"><i class="icon-left-arrow mr-1"></i>Previous</a></li>
                       <li><span class="page-count">1 of 12</span></li>
                       <li><a href="javascript:void(0);">Next<i class="icon-right-arrow-b ml-1"></i></a></li>
                       <li class="last-page"><a href="javascript:void(0);">Last <i class="icon-left-arrow-double pr-1"></i></a></li>
                    </ul>
                 </nav>
              </div>
           </div>
        </div>
     </div>
  </div>
</div>