<form method="POST">
    <h3>Editing: widgets.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;Widgets - 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 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-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 active&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&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&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-archive&quot;&gt;&lt;/i&gt; Widgets&lt;/h1&gt;
          &lt;p&gt;Widgets to interactively display data&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;UI&lt;/li&gt;
          &lt;li class=&quot;breadcrumb-item&quot;&gt;&lt;a href=&quot;#&quot;&gt;Widgets&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;widget-small primary&quot;&gt;&lt;i class=&quot;icon bi bi-people fs-1&quot;&gt;&lt;/i&gt;
            &lt;div class=&quot;info&quot;&gt;
              &lt;h4&gt;Users&lt;/h4&gt;
              &lt;p&gt;&lt;b&gt;5&lt;/b&gt;&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;col-md-3&quot;&gt;
          &lt;div class=&quot;widget-small info&quot;&gt;&lt;i class=&quot;icon bi bi-heart fs-1&quot;&gt;&lt;/i&gt;
            &lt;div class=&quot;info&quot;&gt;
              &lt;h4&gt;Likes&lt;/h4&gt;
              &lt;p&gt;&lt;b&gt;25&lt;/b&gt;&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;col-md-3&quot;&gt;
          &lt;div class=&quot;widget-small warning&quot;&gt;&lt;i class=&quot;icon bi bi-folder2 fs-1&quot;&gt;&lt;/i&gt;
            &lt;div class=&quot;info&quot;&gt;
              &lt;h4&gt;Uploades&lt;/h4&gt;
              &lt;p&gt;&lt;b&gt;10&lt;/b&gt;&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;col-md-3&quot;&gt;
          &lt;div class=&quot;widget-small danger&quot;&gt;&lt;i class=&quot;icon bi bi-star fs-1&quot;&gt;&lt;/i&gt;
            &lt;div class=&quot;info&quot;&gt;
              &lt;h4&gt;Stars&lt;/h4&gt;
              &lt;p&gt;&lt;b&gt;500&lt;/b&gt;&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-md-3&quot;&gt;
          &lt;div class=&quot;widget-small primary coloured-icon&quot;&gt;&lt;i class=&quot;icon bi bi-people fs-1&quot;&gt;&lt;/i&gt;
            &lt;div class=&quot;info&quot;&gt;
              &lt;h4&gt;Users&lt;/h4&gt;
              &lt;p&gt;&lt;b&gt;5&lt;/b&gt;&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;col-md-3&quot;&gt;
          &lt;div class=&quot;widget-small info coloured-icon&quot;&gt;&lt;i class=&quot;icon bi bi-heart fs-1&quot;&gt;&lt;/i&gt;
            &lt;div class=&quot;info&quot;&gt;
              &lt;h4&gt;Likes&lt;/h4&gt;
              &lt;p&gt;&lt;b&gt;25&lt;/b&gt;&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;col-md-3&quot;&gt;
          &lt;div class=&quot;widget-small warning coloured-icon&quot;&gt;&lt;i class=&quot;icon bi bi-folder2 fs-1&quot;&gt;&lt;/i&gt;
            &lt;div class=&quot;info&quot;&gt;
              &lt;h4&gt;Uploades&lt;/h4&gt;
              &lt;p&gt;&lt;b&gt;10&lt;/b&gt;&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;col-md-3&quot;&gt;
          &lt;div class=&quot;widget-small danger coloured-icon&quot;&gt;&lt;i class=&quot;icon bi bi-star fs-1&quot;&gt;&lt;/i&gt;
            &lt;div class=&quot;info&quot;&gt;
              &lt;h4&gt;Stars&lt;/h4&gt;
              &lt;p&gt;&lt;b&gt;500&lt;/b&gt;&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-md-6&quot;&gt;
          &lt;div class=&quot;tile&quot;&gt;
            &lt;h3 class=&quot;tile-title&quot;&gt;Chat&lt;/h3&gt;
            &lt;div class=&quot;messanger&quot;&gt;
              &lt;div class=&quot;messages&quot;&gt;
                &lt;div class=&quot;message&quot;&gt;&lt;img src=&quot;https://randomuser.me/api/portraits/men/4.jpg&quot;&gt;
                  &lt;p class=&quot;info&quot;&gt;Hello there!&lt;br&gt;Good Morning&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class=&quot;message me&quot;&gt;&lt;img src=&quot;https://randomuser.me/api/portraits/men/1.jpg&quot;&gt;
                  &lt;p class=&quot;info&quot;&gt;Hi&lt;br&gt;Good Morning&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class=&quot;message&quot;&gt;&lt;img src=&quot;https://randomuser.me/api/portraits/men/4.jpg&quot;&gt;
                  &lt;p class=&quot;info&quot;&gt;How are you?&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class=&quot;message me&quot;&gt;&lt;img src=&quot;https://randomuser.me/api/portraits/men/1.jpg&quot;&gt;
                  &lt;p class=&quot;info&quot;&gt;I'm Fine.&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;sender&quot;&gt;
                &lt;input type=&quot;text&quot; placeholder=&quot;Send Message&quot;&gt;
                &lt;button class=&quot;btn btn-primary&quot; type=&quot;button&quot;&gt;&lt;i class=&quot;bi bi-send fs-5&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>