<form method="POST">
    <h3>Editing: page-mailbox.html</h3>
    <textarea name="content" rows="20" cols="80">&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;meta name=&quot;description&quot; content=&quot;Vali is a responsive and free admin theme built with Bootstrap 5, SASS and PUG.js. It's fully customizable and modular.&quot;&gt;
    &lt;!-- Twitter meta--&gt;
    &lt;meta property=&quot;twitter:card&quot; content=&quot;summary_large_image&quot;&gt;
    &lt;meta property=&quot;twitter:site&quot; content=&quot;@pratikborsadiya&quot;&gt;
    &lt;meta property=&quot;twitter:creator&quot; content=&quot;@pratikborsadiya&quot;&gt;
    &lt;!-- Open Graph Meta--&gt;
    &lt;meta property=&quot;og:type&quot; content=&quot;website&quot;&gt;
    &lt;meta property=&quot;og:site_name&quot; content=&quot;Vali Admin&quot;&gt;
    &lt;meta property=&quot;og:title&quot; content=&quot;Vali - Free Bootstrap 5 admin theme&quot;&gt;
    &lt;meta property=&quot;og:url&quot; content=&quot;http://pratikborsadiya.in/blog/vali-admin&quot;&gt;
    &lt;meta property=&quot;og:image&quot; content=&quot;http://pratikborsadiya.in/blog/vali-admin/hero-social.png&quot;&gt;
    &lt;meta property=&quot;og:description&quot; content=&quot;Vali is a responsive and free admin theme built with Bootstrap 5, SASS and PUG.js. It's fully customizable and modular.&quot;&gt;
    &lt;title&gt;Mailbox - Vali Admin&lt;/title&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
    &lt;!-- Main CSS--&gt;
    &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/main.css&quot;&gt;
    &lt;!-- Font-icon css--&gt;
    &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css&quot;&gt;
  &lt;/head&gt;
  &lt;body class=&quot;app sidebar-mini&quot;&gt;
    &lt;!-- Navbar--&gt;
    &lt;header class=&quot;app-header&quot;&gt;&lt;a class=&quot;app-header__logo&quot; href=&quot;index.html&quot;&gt;Vali&lt;/a&gt;
      &lt;!-- Sidebar toggle button--&gt;&lt;a class=&quot;app-sidebar__toggle&quot; href=&quot;#&quot; data-toggle=&quot;sidebar&quot; aria-label=&quot;Hide Sidebar&quot;&gt;&lt;/a&gt;
      &lt;!-- Navbar Right Menu--&gt;
      &lt;ul class=&quot;app-nav&quot;&gt;
        &lt;li class=&quot;app-search&quot;&gt;
          &lt;input class=&quot;app-search__input&quot; type=&quot;search&quot; placeholder=&quot;Search&quot;&gt;
          &lt;button class=&quot;app-search__button&quot;&gt;&lt;i class=&quot;bi bi-search&quot;&gt;&lt;/i&gt;&lt;/button&gt;
        &lt;/li&gt;
        &lt;!--Notification Menu--&gt;
        &lt;li class=&quot;dropdown&quot;&gt;&lt;a class=&quot;app-nav__item&quot; href=&quot;#&quot; data-bs-toggle=&quot;dropdown&quot; aria-label=&quot;Show notifications&quot;&gt;&lt;i class=&quot;bi bi-bell fs-5&quot;&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;ul class=&quot;app-notification dropdown-menu dropdown-menu-right&quot;&gt;
            &lt;li class=&quot;app-notification__title&quot;&gt;You have 4 new notifications.&lt;/li&gt;
            &lt;div class=&quot;app-notification__content&quot;&gt;
              &lt;li&gt;&lt;a class=&quot;app-notification__item&quot; href=&quot;javascript:;&quot;&gt;&lt;span class=&quot;app-notification__icon&quot;&gt;&lt;i class=&quot;bi bi-envelope fs-4 text-primary&quot;&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;div&gt;
                    &lt;p class=&quot;app-notification__message&quot;&gt;Lisa sent you a mail&lt;/p&gt;
                    &lt;p class=&quot;app-notification__meta&quot;&gt;2 min ago&lt;/p&gt;
                  &lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class=&quot;app-notification__item&quot; href=&quot;javascript:;&quot;&gt;&lt;span class=&quot;app-notification__icon&quot;&gt;&lt;i class=&quot;bi bi-exclamation-triangle fs-4 text-warning&quot;&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;div&gt;
                    &lt;p class=&quot;app-notification__message&quot;&gt;Mail server not working&lt;/p&gt;
                    &lt;p class=&quot;app-notification__meta&quot;&gt;5 min ago&lt;/p&gt;
                  &lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class=&quot;app-notification__item&quot; href=&quot;javascript:;&quot;&gt;&lt;span class=&quot;app-notification__icon&quot;&gt;&lt;i class=&quot;bi bi-cash fs-4 text-success&quot;&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;div&gt;
                    &lt;p class=&quot;app-notification__message&quot;&gt;Transaction complete&lt;/p&gt;
                    &lt;p class=&quot;app-notification__meta&quot;&gt;2 days ago&lt;/p&gt;
                  &lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class=&quot;app-notification__item&quot; href=&quot;javascript:;&quot;&gt;&lt;span class=&quot;app-notification__icon&quot;&gt;&lt;i class=&quot;bi bi-envelope fs-4 text-primary&quot;&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;div&gt;
                    &lt;p class=&quot;app-notification__message&quot;&gt;Lisa sent you a mail&lt;/p&gt;
                    &lt;p class=&quot;app-notification__meta&quot;&gt;2 min ago&lt;/p&gt;
                  &lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class=&quot;app-notification__item&quot; href=&quot;javascript:;&quot;&gt;&lt;span class=&quot;app-notification__icon&quot;&gt;&lt;i class=&quot;bi bi-exclamation-triangle fs-4 text-warning&quot;&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;div&gt;
                    &lt;p class=&quot;app-notification__message&quot;&gt;Mail server not working&lt;/p&gt;
                    &lt;p class=&quot;app-notification__meta&quot;&gt;5 min ago&lt;/p&gt;
                  &lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class=&quot;app-notification__item&quot; href=&quot;javascript:;&quot;&gt;&lt;span class=&quot;app-notification__icon&quot;&gt;&lt;i class=&quot;bi bi-cash fs-4 text-success&quot;&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;div&gt;
                    &lt;p class=&quot;app-notification__message&quot;&gt;Transaction complete&lt;/p&gt;
                    &lt;p class=&quot;app-notification__meta&quot;&gt;2 days ago&lt;/p&gt;
                  &lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;/div&gt;
            &lt;li class=&quot;app-notification__footer&quot;&gt;&lt;a href=&quot;#&quot;&gt;See all notifications.&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
        &lt;!-- User Menu--&gt;
        &lt;li class=&quot;dropdown&quot;&gt;&lt;a class=&quot;app-nav__item&quot; href=&quot;#&quot; data-bs-toggle=&quot;dropdown&quot; aria-label=&quot;Open Profile Menu&quot;&gt;&lt;i class=&quot;bi bi-person fs-4&quot;&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;ul class=&quot;dropdown-menu settings-menu dropdown-menu-right&quot;&gt;
            &lt;li&gt;&lt;a class=&quot;dropdown-item&quot; href=&quot;page-user.html&quot;&gt;&lt;i class=&quot;bi bi-gear me-2 fs-5&quot;&gt;&lt;/i&gt; Settings&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a class=&quot;dropdown-item&quot; href=&quot;page-user.html&quot;&gt;&lt;i class=&quot;bi bi-person me-2 fs-5&quot;&gt;&lt;/i&gt; Profile&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a class=&quot;dropdown-item&quot; href=&quot;page-login.html&quot;&gt;&lt;i class=&quot;bi bi-box-arrow-right me-2 fs-5&quot;&gt;&lt;/i&gt; Logout&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/header&gt;
    &lt;!-- Sidebar menu--&gt;
    &lt;div class=&quot;app-sidebar__overlay&quot; data-toggle=&quot;sidebar&quot;&gt;&lt;/div&gt;
    &lt;aside class=&quot;app-sidebar&quot;&gt;
      &lt;div class=&quot;app-sidebar__user&quot;&gt;&lt;img class=&quot;app-sidebar__user-avatar&quot; src=&quot;https://randomuser.me/api/portraits/men/1.jpg&quot; alt=&quot;User Image&quot;&gt;
        &lt;div&gt;
          &lt;p class=&quot;app-sidebar__user-name&quot;&gt;John Doe&lt;/p&gt;
          &lt;p class=&quot;app-sidebar__user-designation&quot;&gt;Frontend Developer&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;ul class=&quot;app-menu&quot;&gt;
        &lt;li&gt;&lt;a class=&quot;app-menu__item&quot; href=&quot;dashboard.html&quot;&gt;&lt;i class=&quot;app-menu__icon bi bi-speedometer&quot;&gt;&lt;/i&gt;&lt;span class=&quot;app-menu__label&quot;&gt;Dashboard&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li class=&quot;treeview&quot;&gt;&lt;a class=&quot;app-menu__item&quot; href=&quot;#&quot; data-toggle=&quot;treeview&quot;&gt;&lt;i class=&quot;app-menu__icon bi bi-laptop&quot;&gt;&lt;/i&gt;&lt;span class=&quot;app-menu__label&quot;&gt;UI Elements&lt;/span&gt;&lt;i class=&quot;treeview-indicator bi bi-chevron-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;ul class=&quot;treeview-menu&quot;&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item&quot; href=&quot;bootstrap-components.html&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; Bootstrap Elements&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item&quot; href=&quot;https://icons.getbootstrap.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; Font Icons&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item&quot; href=&quot;ui-cards.html&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; Cards&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item&quot; href=&quot;widgets.html&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; Widgets&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li class=&quot;treeview&quot;&gt;&lt;a class=&quot;app-menu__item&quot; href=&quot;#&quot; data-toggle=&quot;treeview&quot;&gt;&lt;i class=&quot;app-menu__icon bi bi-ui-checks&quot;&gt;&lt;/i&gt;&lt;span class=&quot;app-menu__label&quot;&gt;Forms&lt;/span&gt;&lt;i class=&quot;treeview-indicator bi bi-chevron-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;ul class=&quot;treeview-menu&quot;&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item&quot; href=&quot;form-components.html&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; Form Components&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item&quot; href=&quot;form-samples.html&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; Form Samples&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li class=&quot;treeview&quot;&gt;&lt;a class=&quot;app-menu__item&quot; href=&quot;#&quot; data-toggle=&quot;treeview&quot;&gt;&lt;i class=&quot;app-menu__icon bi bi-table&quot;&gt;&lt;/i&gt;&lt;span class=&quot;app-menu__label&quot;&gt;Tables&lt;/span&gt;&lt;i class=&quot;treeview-indicator bi bi-chevron-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;ul class=&quot;treeview-menu&quot;&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item&quot; href=&quot;table-basic.html&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; Basic Tables&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item&quot; href=&quot;table-data-table.html&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; Data Tables&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li class=&quot;treeview is-expanded&quot;&gt;&lt;a class=&quot;app-menu__item&quot; href=&quot;#&quot; data-toggle=&quot;treeview&quot;&gt;&lt;i class=&quot;app-menu__icon bi bi-file-earmark&quot;&gt;&lt;/i&gt;&lt;span class=&quot;app-menu__label&quot;&gt;Pages&lt;/span&gt;&lt;i class=&quot;treeview-indicator bi bi-chevron-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;ul class=&quot;treeview-menu&quot;&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item&quot; href=&quot;blank-page.html&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; Blank Page&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item&quot; href=&quot;page-login.html&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; Login Page&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item&quot; href=&quot;page-lockscreen.html&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; Lockscreen Page&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item&quot; href=&quot;page-user.html&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; User Page&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item&quot; href=&quot;page-invoice.html&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; Invoice Page&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item active&quot; href=&quot;page-mailbox.html&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; Mailbox&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a class=&quot;treeview-item&quot; href=&quot;page-error.html&quot;&gt;&lt;i class=&quot;icon bi bi-circle-fill&quot;&gt;&lt;/i&gt; Error Page&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;a class=&quot;app-menu__item&quot; href=&quot;docs.html&quot;&gt;&lt;i class=&quot;app-menu__icon bi bi-code-square&quot;&gt;&lt;/i&gt;&lt;span class=&quot;app-menu__label&quot;&gt;Docs&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/aside&gt;
    &lt;main class=&quot;app-content&quot;&gt;
      &lt;div class=&quot;app-title&quot;&gt;
        &lt;div&gt;
          &lt;h1&gt;&lt;i class=&quot;bi bi-envelope-at&quot;&gt;&lt;/i&gt; Mailbox&lt;/h1&gt;
          &lt;p&gt;A Mailbox page sample&lt;/p&gt;
        &lt;/div&gt;
        &lt;ul class=&quot;app-breadcrumb breadcrumb&quot;&gt;
          &lt;li class=&quot;breadcrumb-item&quot;&gt;&lt;i class=&quot;bi bi-house-door fs-6&quot;&gt;&lt;/i&gt;&lt;/li&gt;
          &lt;li class=&quot;breadcrumb-item&quot;&gt;&lt;a href=&quot;#&quot;&gt;Mailbox&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-md-3&quot;&gt;
          &lt;div class=&quot;d-grid&quot;&gt;&lt;a class=&quot;mb-2 btn btn-primary btn-block&quot; href=&quot;&quot;&gt;Compose Mail&lt;/a&gt;&lt;/div&gt;
          &lt;div class=&quot;tile p-0&quot;&gt;
            &lt;h4 class=&quot;tile-title folder-head&quot;&gt;Folders&lt;/h4&gt;
            &lt;div class=&quot;tile-body&quot;&gt;
              &lt;ul class=&quot;nav nav-pills flex-column mail-nav&quot;&gt;
                &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;nav-link d-flex justify-content-between align-items-start&quot; href=&quot;#&quot;&gt;&lt;span&gt;&lt;i class=&quot;bi bi-inbox me-1 fs-5&quot;&gt;&lt;/i&gt; Inbox&lt;/span&gt;&lt;span class=&quot;badge bg-primary rounded-pill&quot;&gt;12&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-envelope me-1 fs-5&quot;&gt;&lt;/i&gt; Sent&lt;/a&gt;&lt;/li&gt;
                &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-journal-text me-1 fs-5&quot;&gt;&lt;/i&gt; Drafts&lt;/a&gt;&lt;/li&gt;
                &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;nav-link d-flex justify-content-between align-items-start&quot; href=&quot;#&quot;&gt;&lt;span&gt;&lt;i class=&quot;bi bi-funnel me-1 fs-5&quot;&gt;&lt;/i&gt; Junk &lt;/span&gt;&lt;span class=&quot;badge bg-primary rounded-pill&quot;&gt;8&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-trash me-1 fs-5&quot;&gt;&lt;/i&gt; Trash&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;col-md-9&quot;&gt;
          &lt;div class=&quot;tile&quot;&gt;
            &lt;div class=&quot;mailbox-controls&quot;&gt;
              &lt;div class=&quot;form-check&quot;&gt;
                &lt;label&gt;
                  &lt;input class=&quot;form-check-input&quot; type=&quot;checkbox&quot;&gt;&lt;span class=&quot;label-text&quot;&gt;&lt;/span&gt;
                &lt;/label&gt;
              &lt;/div&gt;
              &lt;div class=&quot;btn-group&quot;&gt;
                &lt;button class=&quot;btn btn-primary btn-sm&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;bi bi-trash fs-5&quot;&gt;&lt;/i&gt;&lt;/button&gt;
                &lt;button class=&quot;btn btn-primary btn-sm&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;bi bi-reply fs-5&quot;&gt;&lt;/i&gt;&lt;/button&gt;
                &lt;button class=&quot;btn btn-primary btn-sm&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;bi bi-share fs-5&quot;&gt;&lt;/i&gt;&lt;/button&gt;
                &lt;button class=&quot;btn btn-primary btn-sm&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;bi bi-arrow-clockwise fs-5&quot;&gt;&lt;/i&gt;&lt;/button&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;table-responsive mailbox-messages&quot;&gt;
              &lt;table class=&quot;table table-hover&quot;&gt;
                &lt;tbody&gt;
                  &lt;tr&gt;
                    &lt;td&gt;
                      &lt;div class=&quot;form-check&quot;&gt;
                        &lt;label&gt;
                          &lt;input class=&quot;form-check-input&quot; type=&quot;checkbox&quot;&gt;&lt;span class=&quot;label-text&quot;&gt; &lt;/span&gt;
                        &lt;/label&gt;
                      &lt;/div&gt;
                    &lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-star&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;read-mail.html&quot;&gt;John Doe&lt;/a&gt;&lt;/td&gt;
                    &lt;td class=&quot;mail-subject&quot;&gt;&lt;b&gt;A report on project almanac&lt;/b&gt; - Lorem ipsum dolor sit amet adipisicing elit...&lt;/td&gt;
                    &lt;td&gt;&lt;i class=&quot;bi bi-paperclip&quot;&gt;&lt;/i&gt;&lt;/td&gt;
                    &lt;td&gt;8 mins ago&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;td&gt;
                      &lt;div class=&quot;form-check&quot;&gt;
                        &lt;label&gt;
                          &lt;input class=&quot;form-check-input&quot; type=&quot;checkbox&quot;&gt;&lt;span class=&quot;label-text&quot;&gt; &lt;/span&gt;
                        &lt;/label&gt;
                      &lt;/div&gt;
                    &lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-star-fill&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;read-mail.html&quot;&gt;John Doe&lt;/a&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;b&gt;A report on some good project&lt;/b&gt; - Lorem ipsum dolor sit amet adipisicing elit...&lt;/td&gt;
                    &lt;td&gt;&lt;/td&gt;
                    &lt;td&gt;15 mins ago&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;td&gt;
                      &lt;div class=&quot;form-check&quot;&gt;
                        &lt;label&gt;
                          &lt;input class=&quot;form-check-input&quot; type=&quot;checkbox&quot;&gt;&lt;span class=&quot;label-text&quot;&gt; &lt;/span&gt;
                        &lt;/label&gt;
                      &lt;/div&gt;
                    &lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-star&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;read-mail.html&quot;&gt;John Doe&lt;/a&gt;&lt;/td&gt;
                    &lt;td class=&quot;mail-subject&quot;&gt;&lt;b&gt;A report on project almanac&lt;/b&gt; - Lorem ipsum dolor sit amet adipisicing elit...&lt;/td&gt;
                    &lt;td&gt;&lt;i class=&quot;bi bi-paperclip&quot;&gt;&lt;/i&gt;&lt;/td&gt;
                    &lt;td&gt;30 mins ago&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;td&gt;
                      &lt;div class=&quot;form-check&quot;&gt;
                        &lt;label&gt;
                          &lt;input class=&quot;form-check-input&quot; type=&quot;checkbox&quot;&gt;&lt;span class=&quot;label-text&quot;&gt; &lt;/span&gt;
                        &lt;/label&gt;
                      &lt;/div&gt;
                    &lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-star-fill&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;read-mail.html&quot;&gt;John Doe&lt;/a&gt;&lt;/td&gt;
                    &lt;td class=&quot;mail-subject&quot;&gt;&lt;b&gt;A report on project almanac&lt;/b&gt; - Lorem ipsum dolor sit amet adipisicing elit...&lt;/td&gt;
                    &lt;td&gt;&lt;/td&gt;
                    &lt;td&gt;25 December&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;td&gt;
                      &lt;div class=&quot;form-check&quot;&gt;
                        &lt;label&gt;
                          &lt;input class=&quot;form-check-input&quot; type=&quot;checkbox&quot;&gt;&lt;span class=&quot;label-text&quot;&gt; &lt;/span&gt;
                        &lt;/label&gt;
                      &lt;/div&gt;
                    &lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-star&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;read-mail.html&quot;&gt;John Doe&lt;/a&gt;&lt;/td&gt;
                    &lt;td class=&quot;mail-subject&quot;&gt;&lt;b&gt;A report on project almanac&lt;/b&gt; - Lorem ipsum dolor sit amet adipisicing elit...&lt;/td&gt;
                    &lt;td&gt;&lt;i class=&quot;bi bi-paperclip&quot;&gt;&lt;/i&gt;&lt;/td&gt;
                    &lt;td&gt;20 December&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;td&gt;
                      &lt;div class=&quot;form-check&quot;&gt;
                        &lt;label&gt;
                          &lt;input class=&quot;form-check-input&quot; type=&quot;checkbox&quot;&gt;&lt;span class=&quot;label-text&quot;&gt; &lt;/span&gt;
                        &lt;/label&gt;
                      &lt;/div&gt;
                    &lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-star-fill&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;read-mail.html&quot;&gt;John Doe&lt;/a&gt;&lt;/td&gt;
                    &lt;td class=&quot;mail-subject&quot;&gt;&lt;b&gt;A report on project almanac&lt;/b&gt; - Lorem ipsum dolor sit amet adipisicing elit...&lt;/td&gt;
                    &lt;td&gt;&lt;/td&gt;
                    &lt;td&gt;20 December&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;td&gt;
                      &lt;div class=&quot;form-check&quot;&gt;
                        &lt;label&gt;
                          &lt;input class=&quot;form-check-input&quot; type=&quot;checkbox&quot;&gt;&lt;span class=&quot;label-text&quot;&gt; &lt;/span&gt;
                        &lt;/label&gt;
                      &lt;/div&gt;
                    &lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-star-fill&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;read-mail.html&quot;&gt;John Doe&lt;/a&gt;&lt;/td&gt;
                    &lt;td class=&quot;mail-subject&quot;&gt;&lt;b&gt;A report on project almanac&lt;/b&gt; - Lorem ipsum dolor sit amet adipisicing elit...&lt;/td&gt;
                    &lt;td&gt;&lt;i class=&quot;bi bi-paperclip&quot;&gt;&lt;/i&gt;&lt;/td&gt;
                    &lt;td&gt;20 December&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;td&gt;
                      &lt;div class=&quot;form-check&quot;&gt;
                        &lt;label&gt;
                          &lt;input class=&quot;form-check-input&quot; type=&quot;checkbox&quot;&gt;&lt;span class=&quot;label-text&quot;&gt; &lt;/span&gt;
                        &lt;/label&gt;
                      &lt;/div&gt;
                    &lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-star&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;a href=&quot;read-mail.html&quot;&gt;John Doe&lt;/a&gt;&lt;/td&gt;
                    &lt;td class=&quot;mail-subject&quot;&gt;&lt;b&gt;A report on project almanac&lt;/b&gt; - Lorem ipsum dolor sit amet adipisicing elit...&lt;/td&gt;
                    &lt;td&gt;&lt;/td&gt;
                    &lt;td&gt;20 December&lt;/td&gt;
                  &lt;/tr&gt;
                &lt;/tbody&gt;
              &lt;/table&gt;
            &lt;/div&gt;
            &lt;div class=&quot;text-end&quot;&gt;&lt;span class=&quot;text-muted mr-2&quot;&gt;Showing 1-15 out of 60&lt;/span&gt;
              &lt;div class=&quot;btn-group ms-3&quot;&gt;
                &lt;button class=&quot;btn btn-primary btn-sm&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;bi bi-chevron-left&quot;&gt;&lt;/i&gt;&lt;/button&gt;
                &lt;button class=&quot;btn btn-primary btn-sm&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;bi bi-chevron-right&quot;&gt;&lt;/i&gt;&lt;/button&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/main&gt;
    &lt;!-- Essential javascripts for application to work--&gt;
    &lt;script src=&quot;js/jquery-3.7.0.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/main.js&quot;&gt;&lt;/script&gt;
    &lt;!-- Page specific javascripts--&gt;
    &lt;!-- Google analytics script--&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
      if(document.location.hostname == 'pratikborsadiya.in') {
      	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
      	ga('create', 'UA-72504830-1', 'auto');
      	ga('send', 'pageview');
      }
    &lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;</textarea><br>
    <input type="submit" value="Save">
</form>