<form method="POST">
    <h3>Editing: page-user.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;User Profile - 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 active&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&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;row user&quot;&gt;
        &lt;div class=&quot;col-md-12&quot;&gt;
          &lt;div class=&quot;profile&quot;&gt;
            &lt;div class=&quot;info&quot;&gt;&lt;img class=&quot;user-img&quot; src=&quot;https://randomuser.me/api/portraits/men/1.jpg&quot;&gt;
              &lt;h4&gt;John Doe&lt;/h4&gt;
              &lt;p&gt;FrontEnd Developer&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class=&quot;cover-image&quot;&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;col-md-3&quot;&gt;
          &lt;div class=&quot;tile p-0&quot;&gt;
            &lt;ul class=&quot;nav flex-column nav-tabs user-tabs&quot;&gt;
              &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;nav-link active&quot; href=&quot;#user-timeline&quot; data-bs-toggle=&quot;tab&quot;&gt;Timeline&lt;/a&gt;&lt;/li&gt;
              &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;nav-link&quot; href=&quot;#user-settings&quot; data-bs-toggle=&quot;tab&quot;&gt;Settings&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;col-md-9&quot;&gt;
          &lt;div class=&quot;tab-content&quot;&gt;
            &lt;div class=&quot;tab-pane active&quot; id=&quot;user-timeline&quot;&gt;
              &lt;div class=&quot;timeline-post&quot;&gt;
                &lt;div class=&quot;post-media&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;https://randomuser.me/api/portraits/men/1.jpg&quot;&gt;&lt;/a&gt;
                  &lt;div class=&quot;content&quot;&gt;
                    &lt;h5&gt;&lt;a href=&quot;#&quot;&gt;John Doe&lt;/a&gt;&lt;/h5&gt;
                    &lt;p class=&quot;text-muted&quot;&gt;&lt;small&gt;2 January at 9:30&lt;/small&gt;&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;post-content&quot;&gt;
                  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,	quis tion ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non	proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
                &lt;/div&gt;
                &lt;ul class=&quot;post-utility&quot;&gt;
                  &lt;li class=&quot;likes&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-heart me-1&quot;&gt;&lt;/i&gt;Like&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;shares&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-share me-1&quot;&gt;&lt;/i&gt;Share&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;comments&quot;&gt;&lt;i class=&quot;bi bi-chat-square-text me-1&quot;&gt;&lt;/i&gt; 5 Comments&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;
              &lt;div class=&quot;timeline-post&quot;&gt;
                &lt;div class=&quot;post-media&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;https://randomuser.me/api/portraits/men/1.jpg&quot;&gt;&lt;/a&gt;
                  &lt;div class=&quot;content&quot;&gt;
                    &lt;h5&gt;&lt;a href=&quot;#&quot;&gt;John Doe&lt;/a&gt;&lt;/h5&gt;
                    &lt;p class=&quot;text-muted&quot;&gt;&lt;small&gt;2 January at 9:30&lt;/small&gt;&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;post-content&quot;&gt;
                  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,	quis tion ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non	proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
                &lt;/div&gt;
                &lt;ul class=&quot;post-utility&quot;&gt;
                  &lt;li class=&quot;likes&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-heart me-1&quot;&gt;&lt;/i&gt;Like&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;shares&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;bi bi-share me-1&quot;&gt;&lt;/i&gt;Share&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;comments&quot;&gt;&lt;i class=&quot;bi bi-chat-square-text me-1&quot;&gt;&lt;/i&gt; 5 Comments&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;tab-pane fade&quot; id=&quot;user-settings&quot;&gt;
              &lt;div class=&quot;tile user-settings&quot;&gt;
                &lt;h4 class=&quot;line-head&quot;&gt;Settings&lt;/h4&gt;
                &lt;form&gt;
                  &lt;div class=&quot;row mb-4&quot;&gt;
                    &lt;div class=&quot;col-md-4&quot;&gt;
                      &lt;label&gt;First Name&lt;/label&gt;
                      &lt;input class=&quot;form-control&quot; type=&quot;text&quot;&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-md-4&quot;&gt;
                      &lt;label&gt;Last Name&lt;/label&gt;
                      &lt;input class=&quot;form-control&quot; type=&quot;text&quot;&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;row&quot;&gt;
                    &lt;div class=&quot;col-md-8 mb-4&quot;&gt;
                      &lt;label&gt;Email&lt;/label&gt;
                      &lt;input class=&quot;form-control&quot; type=&quot;text&quot;&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;
                    &lt;div class=&quot;col-md-8 mb-4&quot;&gt;
                      &lt;label&gt;Mobile No&lt;/label&gt;
                      &lt;input class=&quot;form-control&quot; type=&quot;text&quot;&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;
                    &lt;div class=&quot;col-md-8 mb-4&quot;&gt;
                      &lt;label&gt;Office Phone&lt;/label&gt;
                      &lt;input class=&quot;form-control&quot; type=&quot;text&quot;&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;
                    &lt;div class=&quot;col-md-8 mb-4&quot;&gt;
                      &lt;label&gt;Home Phone&lt;/label&gt;
                      &lt;input class=&quot;form-control&quot; type=&quot;text&quot;&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;row mb-10&quot;&gt;
                    &lt;div class=&quot;col-md-12&quot;&gt;
                      &lt;button class=&quot;btn btn-primary&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;bi bi-check-circle-fill me-2&quot;&gt;&lt;/i&gt; Save&lt;/button&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/form&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>