<form method="POST">
    <h3>Editing: form-components.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;Form Components - 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 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-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 active&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-ui-checks&quot;&gt;&lt;/i&gt; Form Components&lt;/h1&gt;
          &lt;p&gt;Bootstrap default form components&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;Forms&lt;/li&gt;
          &lt;li class=&quot;breadcrumb-item&quot;&gt;&lt;a href=&quot;#&quot;&gt;Form Components&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-12&quot;&gt;
          &lt;div class=&quot;tile&quot;&gt;
            &lt;div class=&quot;row&quot;&gt;
              &lt;div class=&quot;col-lg-6&quot;&gt;
                &lt;form&gt;
                  &lt;div class=&quot;mb-3&quot;&gt;
                    &lt;label class=&quot;form-label&quot; for=&quot;exampleInputEmail1&quot;&gt;Email address&lt;/label&gt;
                    &lt;input class=&quot;form-control&quot; id=&quot;exampleInputEmail1&quot; type=&quot;email&quot; aria-describedby=&quot;emailHelp&quot; placeholder=&quot;Enter email&quot;&gt;&lt;small class=&quot;form-text text-muted&quot; id=&quot;emailHelp&quot;&gt;We'll never share your email with anyone else.&lt;/small&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;mb-3&quot;&gt;
                    &lt;label class=&quot;form-label&quot; for=&quot;exampleInputPassword1&quot;&gt;Password&lt;/label&gt;
                    &lt;input class=&quot;form-control&quot; id=&quot;exampleInputPassword1&quot; type=&quot;password&quot; placeholder=&quot;Password&quot;&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;mb-3&quot;&gt;
                    &lt;label class=&quot;form-label&quot; for=&quot;exampleSelect1&quot;&gt;Example select&lt;/label&gt;
                    &lt;select class=&quot;form-control&quot; id=&quot;exampleSelect1&quot;&gt;
                      &lt;option&gt;1&lt;/option&gt;
                      &lt;option&gt;2&lt;/option&gt;
                      &lt;option&gt;3&lt;/option&gt;
                      &lt;option&gt;4&lt;/option&gt;
                      &lt;option&gt;5&lt;/option&gt;
                    &lt;/select&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;mb-3&quot;&gt;
                    &lt;label class=&quot;form-label&quot; for=&quot;exampleSelect2&quot;&gt;Example multiple select&lt;/label&gt;
                    &lt;select class=&quot;form-control&quot; id=&quot;exampleSelect2&quot; multiple=&quot;&quot;&gt;
                      &lt;option&gt;1&lt;/option&gt;
                      &lt;option&gt;2&lt;/option&gt;
                      &lt;option&gt;3&lt;/option&gt;
                      &lt;option&gt;4&lt;/option&gt;
                      &lt;option&gt;5&lt;/option&gt;
                    &lt;/select&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;mb-3&quot;&gt;
                    &lt;label class=&quot;form-label&quot; for=&quot;exampleTextarea&quot;&gt;Example textarea&lt;/label&gt;
                    &lt;textarea class=&quot;form-control&quot; id=&quot;exampleTextarea&quot; rows=&quot;3&quot;&gt;&lt;/textarea&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;mb-3&quot;&gt;
                    &lt;label class=&quot;form-label&quot; for=&quot;exampleInputFile&quot;&gt;File input&lt;/label&gt;
                    &lt;input class=&quot;form-control&quot; id=&quot;exampleInputFile&quot; type=&quot;file&quot; aria-describedby=&quot;fileHelp&quot;&gt;
                    &lt;div class=&quot;form-text text-muted&quot;&gt;This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;fieldset class=&quot;mb-3&quot;&gt;
                    &lt;legend&gt;Radio buttons&lt;/legend&gt;
                    &lt;div class=&quot;form-check&quot;&gt;
                      &lt;label class=&quot;form-check-label&quot;&gt;
                        &lt;input class=&quot;form-check-input&quot; id=&quot;optionsRadios1&quot; type=&quot;radio&quot; name=&quot;optionsRadios&quot; value=&quot;option1&quot; checked=&quot;&quot;&gt;Option one is this and that—be sure to include why it's great
                      &lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;form-check&quot;&gt;
                      &lt;label class=&quot;form-check-label&quot;&gt;
                        &lt;input class=&quot;form-check-input&quot; id=&quot;optionsRadios2&quot; type=&quot;radio&quot; name=&quot;optionsRadios&quot; value=&quot;option2&quot;&gt;Option two can be something else and selecting it will deselect option one
                      &lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;form-check disabled&quot;&gt;
                      &lt;label class=&quot;form-check-label&quot;&gt;
                        &lt;input class=&quot;form-check-input&quot; id=&quot;optionsRadios3&quot; type=&quot;radio&quot; name=&quot;optionsRadios&quot; value=&quot;option3&quot; disabled&gt;Option three is disabled
                      &lt;/label&gt;
                    &lt;/div&gt;
                  &lt;/fieldset&gt;
                  &lt;div class=&quot;form-check&quot;&gt;
                    &lt;label class=&quot;form-check-label&quot;&gt;
                      &lt;input class=&quot;form-check-input&quot; type=&quot;checkbox&quot;&gt;Check me out
                    &lt;/label&gt;
                  &lt;/div&gt;
                &lt;/form&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-lg-4 offset-lg-1&quot;&gt;
                &lt;form&gt;
                  &lt;div class=&quot;mb-3&quot;&gt;
                    &lt;fieldset disabled=&quot;&quot;&gt;
                      &lt;label class=&quot;form-label&quot; for=&quot;disabledInput&quot;&gt;Disabled input&lt;/label&gt;
                      &lt;input class=&quot;form-control&quot; id=&quot;disabledInput&quot; type=&quot;text&quot; placeholder=&quot;Disabled input here...&quot; disabled=&quot;&quot;&gt;
                    &lt;/fieldset&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;mb-3&quot;&gt;
                    &lt;fieldset&gt;
                      &lt;label class=&quot;form-label&quot; for=&quot;readOnlyInput&quot;&gt;Readonly input&lt;/label&gt;
                      &lt;input class=&quot;form-control&quot; id=&quot;readOnlyInput&quot; type=&quot;text&quot; placeholder=&quot;Readonly input here…&quot; readonly=&quot;&quot;&gt;
                    &lt;/fieldset&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;mb-3 has-success&quot;&gt;
                    &lt;label class=&quot;form-form-label&quot; for=&quot;inputSuccess1&quot;&gt;Valid input&lt;/label&gt;
                    &lt;input class=&quot;form-control is-valid&quot; id=&quot;inputValid&quot; type=&quot;text&quot;&gt;
                    &lt;div class=&quot;form-control-feedback&quot;&gt;Success! You've done it.&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;mb-3 has-danger&quot;&gt;
                    &lt;label class=&quot;form-form-label&quot; for=&quot;inputDanger1&quot;&gt;Invalid input&lt;/label&gt;
                    &lt;input class=&quot;form-control is-invalid&quot; id=&quot;inputInvalid&quot; type=&quot;text&quot;&gt;
                    &lt;div class=&quot;form-control-feedback&quot;&gt;Sorry, that username's taken. Try another?&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;mb-3&quot;&gt;
                    &lt;label class=&quot;col-form-label col-form-label-lg&quot; for=&quot;inputLarge&quot;&gt;Large input&lt;/label&gt;
                    &lt;input class=&quot;form-control form-control-lg&quot; id=&quot;inputLarge&quot; type=&quot;text&quot;&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;mb-3&quot;&gt;
                    &lt;label class=&quot;col-form-label&quot; for=&quot;inputDefault&quot;&gt;Default input&lt;/label&gt;
                    &lt;input class=&quot;form-control&quot; id=&quot;inputDefault&quot; type=&quot;text&quot;&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;mb-3&quot;&gt;
                    &lt;label class=&quot;col-form-label col-form-label-sm&quot; for=&quot;inputSmall&quot;&gt;Small input&lt;/label&gt;
                    &lt;input class=&quot;form-control form-control-sm&quot; id=&quot;inputSmall&quot; type=&quot;text&quot;&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;mb-3&quot;&gt;
                    &lt;label class=&quot;form-label&quot;&gt;Input addons&lt;/label&gt;
                    &lt;div class=&quot;mb-3&quot;&gt;
                      &lt;label class=&quot;sr-only&quot; for=&quot;exampleInputAmount&quot;&gt;Amount (in dollars)&lt;/label&gt;
                      &lt;div class=&quot;input-group&quot;&gt;
                        &lt;div class=&quot;input-group-prepend&quot;&gt;&lt;span class=&quot;input-group-text&quot;&gt;$&lt;/span&gt;&lt;/div&gt;
                        &lt;input class=&quot;form-control&quot; id=&quot;exampleInputAmount&quot; type=&quot;text&quot; placeholder=&quot;Amount&quot;&gt;
                        &lt;div class=&quot;input-group-append&quot;&gt;&lt;span class=&quot;input-group-text&quot;&gt;.00&lt;/span&gt;&lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/form&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;tile-footer&quot;&gt;
              &lt;button class=&quot;btn btn-primary&quot; type=&quot;submit&quot;&gt;Submit&lt;/button&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>