dsg
tool css bootstrtap 5.3
Copy This 
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <!-- <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: content:"> -->
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">

  <meta name="theme-color" content="#fff">
  <meta name="format-detection" content="telephone=no">
  <meta name="msapplication-tap-highlight" content="no">
  <meta name="mobile-web-app-capable" content="yes">
  <title>driverOrganikFlok</title>

  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <link rel="apple-touch-icon" href="assets/icons/apple-touch-icon.png">
  <link rel="icon" href="assets/icons/favicon.png">


  <link rel="stylesheet" href="framework7/framework7-bundle.min.css">
  <link rel="stylesheet" href="css/icons.css">
  <link rel="stylesheet" href="css/app.css">
  <link rel="stylesheet" href="css/custom.css?v=1.111">
  <link rel="stylesheet" href="css/custom-kesh.css">
  <link rel="stylesheet" href="css/waste.css">
  <style>
    .list textarea,textarea{
      height: 400px;
    }
  </style>
  <!--
  <link rel="preload" as="image" href="assets/img/icon-add-post.svg">
  <link rel="preload" as="image" href="assets/img/icon-qr-code.svg">
  <link rel="preload" as="image" href="assets/img/icon-vehicle-add.svg">
  -->
  <!--<script
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCcTaAFFKH4PP5Dr89iFKuWRdExhInGkUU&libraries=places&v=weekly">
    </script>-->
    
    <script
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDqDMSFVfl-tOgqaj4ZqA5I3HnobrIK6jg&libraries=places&v=weekly">
    </script>
</head>

<body>
  <div id="app">
    <div class="views tabs safe-areas app-landing-page">
      <div class="init-loader">
        <div class="preloader preloader-central">
          <span class="preloader-inner"><span class="preloader-inner-line"></span><span
              class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span
              class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span
              class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span
              class="preloader-inner-line"></span>
          </span>
        </div>
      </div>

      <div class="init-loader light">
        <div class="preloader preloader-central">
          <span class="preloader-inner"><span class="preloader-inner-line"></span><span
              class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span
              class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span
              class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span
              class="preloader-inner-line"></span>
          </span>
        </div>
      </div>

      <div class="toolbar toolbar-bottom tabbar-icons footer">
        <div class="toolbar-inner">
          <a href="#view-social" class="footer-links tab-link tab-link-active start-link">
            <i class="icon f7-icons">house</i>
            <span class="tabbar-label">Home</span>
          </a>
          <!--
          <a href="#view-discover" class="footer-links tab-link">
            <i class="icon f7-icons">search</i>
            <span class="tabbar-label">Discover</span>
          </a>
          <a class="tab-link" id="open-action-sheet">
            <i class="icon f7-icons">plus_app</i>
            <span class="tabbar-label">Add</span>
          </a>
          <a href="#view-store" class="footer-links tab-link">
            <i class="icon f7-icons">cart</i>
            <span class="tabbar-label">Store</span>
          </a>-->
          <a href="#view-profile" class="footer-links tab-link view-profile-link">
            <i class="icon f7-icons">person_circle</i>
            <span class="tabbar-label">Profile</span>
          </a>
          <a href="#view-store" class="footer-links tab-link">
            <i class="icon f7-icons">chat_bubble_2_fill</i>
            <span class="tabbar-label">Help</span>
          </a>          
        </div>
      </div>

      <!-- Left Menu panel -->
      <div class="panel panel-left panel-push">
        <div class="block">
          <!--<img src="assets/img/ce-logo-dark.png">-->
          <p>Welcome to the OrganikFlok App</p>
          
        </div>
        <a class="logout-button"><i class="icon f7-icons">arrow_left_square</i> Logout</a>
      </div>

      <div id="view-home" class="view view-init view-main tab tab-active">
        <div class="page" data-name="home">
          <div class="page-content">
            <div class="ptr-preloader">
              <div class="preloader"></div>
              <div class="ptr-arrow"></div>
            </div>
          </div>
        </div>
      </div>

      <div id="view-social" class="view view-init tab" data-name="social" data-url="/social/">
      </div>

      <div id="view-discover" class="view view-init tab" data-name="discover" data-url="/discover/">
      </div>

      <div id="view-store" class="view view-init tab" data-name="store" data-url="/store/">
      </div>

      <div id="view-profile" class="view view-init tab" data-name="profile" data-url="/profile/">
      </div>

      <div id="view-profile-edit" class="view view-init tab" data-name="profile-edit" data-url="/profile-edit/">
      </div>

      <!-- <div id="view-auth" class="view view-init tab" data-name="auth" data-url="/auth/">
      </div> -->

      <div id="view-notifications" class="view view-init tab" data-name="notifications" data-url="/notifications/">
      </div>

      <div id="view-profile-garage-edit" class="view view-init tab" data-name="profile-garage-edit"
        data-url="/profile-garage-edit/">
      </div>

      <div id="profile-view" class="view view-init tab" data-name="profile-view" data-url="/profile-view/1">
      </div>

      <div id="post-view" class="view view-init tab" data-name="post-view" data-url="/post-view/-1">
      </div>

      <div id="waste-view" class="view view-init tab" data-name="waste-view" data-url="/waste-view/-1">
      </div>

      <div id="profile-garage-edit" class="view view-init tab" data-name="profile-garage-edit"
        data-url="/profile-garage-edit/">
      </div>
      <div id="profile-garage-vehicle-view" class="view view-init tab" data-name="profile-garage-vehicle-view"
        data-url="/profile-garage-vehicle-view/-1">
      </div>

      <div id="discover-view-venue" class="view view-init tab" data-name="discover-view-venue"
        data-url="/discover-view-venue/-1">
      </div>

      <div id="discover-view-event" class="view view-init tab" data-name="discover-view-event"
        data-url="/discover-view-event/-1">
      </div>

      <div id="search" class="view view-init tab" data-name="search" data-url="/search/">
      </div>

      <!-- <div id="view-profile-edit-images" class="view view-init tab" data-name="profile-edit-images"
        data-url="/profile-edit-images/">
      </div>

      <div id="view-profile-edit-mydetails" class="view view-init tab" data-name="profile-edit-mydetails"
        data-url="/profile-edit-mydetails/">
      </div>

      <div id="view-profile-edit-socials" class="view view-init tab" data-name="profile-edit-socials"
        data-url="/profile-edit-socials/">
      </div>

      <div id="view-profile-edit-username" class="view view-init tab" data-name="profile-edit-username"
        data-url="/profile-edit-username/">
      </div>

      <div id="view-profile-garage-vehicle-add" class="view view-init tab" data-name="profile-garage-vehicle-add"
        data-url="/profile-garage-vehicle-add/">
      </div> -->
    </div>

    <!-- Comments Slider -->
    <div class="popup comments-popup">
      <div class="view">
        <div class="page">
          <div class="navbar">
            <div class="navbar-inner">
              <div class="title" style="left: 145.5px;">Comments</div>
              <div class="right">
                <!-- Link to close popup -->
                <a class="link popup-close"><i class="icon f7-icons">xmark</i></a>
              </div>
            </div>
          </div>

          <div class="page-content">
            <div class="comments-list" id="comments-list">
              <div class="preloader"></div>
            </div>

            <form id="comment-form">
              <!-- replying to -->
              <span class="replying-to hidden"></span>
              <div class="toolbar messagebar">
                <div class="toolbar-inner">
                  <div class="messagebar-area">
                    <textarea class="resizable" name="comment" placeholder="Message"></textarea>
                  </div>
                  <button type="submit" class="link icon-only demo-send-message-link"><i
                      class="icon f7-icons">arrow_up_circle_fill</i></button>
                  <!-- <a class="link icon-only demo-send-message-link"><i class="icon f7-icons">arrow_up_circle_fill</i></a> -->
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>

    <div class="popup share-popup three-quarter-popup">
      <div class="view">
        <div class="page">
          <div class="navbar">
            <div class="navbar-inner">
              <div class="title">Share This</div>
              <div class="right">
                <!-- Link to close popup -->
                <a class="link popup-close"><i class="icon f7-icons">xmark</i></a>
              </div>
            </div>
          </div>
          <div class="page-content">

            <div class="block">
              <div class="list links-list list-outline-ios list-strong-ios list-dividers-ios">
                <ul>
                  <li>
                    <a href="#" id="copy-link" target="_blank"><i class="icon f7-icons">link</i>
                      Copy
                      Link
                    </a>
                  </li>
                  <li>
                    <a href="#" id="share-post-email" target="_blank"><i class="icon f7-icons">envelope</i>
                      Share via Email
                    </a>
                  </li>
                </ul>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>

    <!-- Edit Post Slider -->
    <div class="popup edit-post-popup three-quarter-popup">
      <div class="view">
        <div class="page">
          <div class="navbar">
            <div class="navbar-inner">
              <div class="title">Post Options</div>
              <div class="right">
                <!-- Link to close popup -->
                <a class="link popup-close"><i class="icon f7-icons">xmark</i></a>
              </div>
            </div>
          </div>
          <div class="page-content">

            <div class="block">
              <div class="list links-list list-outline-ios list-strong-ios list-dividers-ios">
                <ul>
                  <li>
                    <a href="#" target="_blank" id="edit-post">
                      <i class="icon f7-icons">pencil</i>
                      Edit Post
                    </a>
                  </li>

                  <li><a href="#" target="_blank" id="delete-post"><i class="icon f7-icons">delete_right</i> Delete
                      Post</a></li>
                </ul>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
    <!-- Edit Post Slider -->

    <!-- Add Link Slider -->
    <div class="popup add-link-popup three-quarter-popup">
      <div class="view">
        <div class="page">
          <div class="navbar">
            <div class="navbar-inner">
              <div class="title">Add Link</div>
              <div class="right">
                <!-- Link to close popup -->
                <a class="link popup-close"><i class="icon f7-icons">xmark</i></a>
              </div>
            </div>
          </div>
          <div class="page-content">
            <div class="block">
              <div class="list links-list list-outline-ios list-strong-ios list-dividers-ios">
                <form>
                  <ul>
                    <li class="item-content item-input">
                      <div class="item-inner">
                        <div class="item-title item-label">Link Title</div>
                        <div class="item-input-wrap">
                          <input type="text" name="custom_link_title" placeholder="E.g. My Website" />
                          <span class="input-clear-button"></span>
                        </div>
                      </div>
                    </li>
                    <li class="item-content item-input">
                      <div class="item-inner">
                        <div class="item-title item-label">Link URL</div>
                        <div class="item-input-wrap">
                          <input type="text" name="custom_link_url" placeholder="E.g. https://www.mylink.com" />
                          <span class="input-clear-button"></span>
                        </div>
                      </div>
                    </li>
                  </ul>

                  <div class="button-add-link">
                    <div class="button button-large button-fill margin-bottom" id="add-link-btn">
                      Save</div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Framework7 library -->
  <script src="framework7/framework7-bundle.min.js"></script>
  <script src="https://unpkg.com/html5-qrcode" type="text/javascript"></script>

  <!-- App routes -->
  <script src="js/routes.js" type="module"></script>
  <!-- App store -->
  <script src="js/store.js" type="module"></script>


  <!-- App scripts -->
  <script src="js/app.js" type="module"></script>
  <script src="js/qr-scanner.js" type="module"></script>

  <!-- Page modules -->
  <script src="js/discoverpage.js" type="module"></script>
  <script src="js/event-view.js" type="module"></script>
  <script src="js/homepage.js" type="module"></script>
  <script src="js/notifications.js" type="module"></script>
  <script src="js/post-add.js" type="module"></script>
  <script src="js/post-edit.js" type="module"></script>
  <script src="js/post-view.js" type="module"></script>
  <script src="js/profile-edit.js" type="module"></script>
  <script src="js/profile.js" type="module"></script>
  <script src="js/qr.js" type="module"></script>
  <script src="js/search.js" type="module"></script>
  <script src="js/venue-view.js" type="module"></script>
  <script src="js/view-user-profile.js" type="module"></script>
  <script src="js/waste-add.js" type="module"></script>
  <script src="js/waste-view.js" type="module"></script>
  
</body>
</html>
Array
(
    [div] => Array
        (
            [id] => Array
                (
                    [0] => app
                    [1] => view-home
                    [2] => view-social
                    [3] => view-discover
                    [4] => view-store
                    [5] => view-profile
                    [6] => view-profile-edit
                    [7] => view-notifications
                    [8] => view-profile-garage-edit
                    [9] => profile-view
                    [10] => post-view
                    [11] => waste-view
                    [12] => profile-garage-edit
                    [13] => profile-garage-vehicle-view
                    [14] => discover-view-venue
                    [15] => discover-view-event
                    [16] => search
                    [17] => comments-list
                    [18] => add-link-btn
                )

            [class] => Array
                (
                    [0] => views tabs safe-areas app-landing-page
                    [1] => init-loader
                    [2] => preloader preloader-central
                    [3] => init-loader light
                    [4] => preloader preloader-central
                    [5] => toolbar toolbar-bottom tabbar-icons footer
                    [6] => toolbar-inner
                    [7] => panel panel-left panel-push
                    [8] => block
                    [9] => view view-init view-main tab tab-active
                    [10] => page
                    [11] => page-content
                    [12] => ptr-preloader
                    [13] => preloader
                    [14] => ptr-arrow
                    [15] => view view-init tab
                    [16] => view view-init tab
                    [17] => view view-init tab
                    [18] => view view-init tab
                    [19] => view view-init tab
                    [20] => view view-init tab
                    [21] => view view-init tab
                    [22] => view view-init tab
                    [23] => view view-init tab
                    [24] => view view-init tab
                    [25] => view view-init tab
                    [26] => view view-init tab
                    [27] => view view-init tab
                    [28] => view view-init tab
                    [29] => view view-init tab
                    [30] => popup comments-popup
                    [31] => view
                    [32] => page
                    [33] => navbar
                    [34] => navbar-inner
                    [35] => title
                    [36] => right
                    [37] => page-content
                    [38] => comments-list
                    [39] => preloader
                    [40] => toolbar messagebar
                    [41] => toolbar-inner
                    [42] => messagebar-area
                    [43] => popup share-popup three-quarter-popup
                    [44] => view
                    [45] => page
                    [46] => navbar
                    [47] => navbar-inner
                    [48] => title
                    [49] => right
                    [50] => page-content
                    [51] => block
                    [52] => list links-list list-outline-ios list-strong-ios list-dividers-ios
                    [53] => popup edit-post-popup three-quarter-popup
                    [54] => view
                    [55] => page
                    [56] => navbar
                    [57] => navbar-inner
                    [58] => title
                    [59] => right
                    [60] => page-content
                    [61] => block
                    [62] => list links-list list-outline-ios list-strong-ios list-dividers-ios
                    [63] => popup add-link-popup three-quarter-popup
                    [64] => view
                    [65] => page
                    [66] => navbar
                    [67] => navbar-inner
                    [68] => title
                    [69] => right
                    [70] => page-content
                    [71] => block
                    [72] => list links-list list-outline-ios list-strong-ios list-dividers-ios
                    [73] => item-inner
                    [74] => item-title item-label
                    [75] => item-input-wrap
                    [76] => item-inner
                    [77] => item-title item-label
                    [78] => item-input-wrap
                    [79] => button-add-link
                    [80] => button button-large button-fill margin-bottom
                )

            [data-name] => Array
                (
                    [0] => home
                    [1] => social
                    [2] => discover
                    [3] => store
                    [4] => profile
                    [5] => profile-edit
                    [6] => notifications
                    [7] => profile-garage-edit
                    [8] => profile-view
                    [9] => post-view
                    [10] => waste-view
                    [11] => profile-garage-edit
                    [12] => profile-garage-vehicle-view
                    [13] => discover-view-venue
                    [14] => discover-view-event
                    [15] => search
                )

            [data-url] => Array
                (
                    [0] => /social/
                    [1] => /discover/
                    [2] => /store/
                    [3] => /profile/
                    [4] => /profile-edit/
                    [5] => /notifications/
                    [6] => /profile-garage-edit/
                    [7] => /profile-view/1
                    [8] => /post-view/-1
                    [9] => /waste-view/-1
                    [10] => /profile-garage-edit/
                    [11] => /profile-garage-vehicle-view/-1
                    [12] => /discover-view-venue/-1
                    [13] => /discover-view-event/-1
                    [14] => /search/
                )

            [style] => Array
                (
                    [0] => left: 145.5px;
                )

        )

    [a] => Array
        (
            [href] => Array
                (
                    [0] => #view-social
                    [1] => #view-profile
                    [2] => #view-store
                    [3] => #
                    [4] => #
                    [5] => #
                    [6] => #
                )

            [class] => Array
                (
                    [0] => footer-links tab-link tab-link-active start-link
                    [1] => footer-links tab-link view-profile-link
                    [2] => footer-links tab-link
                    [3] => logout-button
                    [4] => link popup-close
                    [5] => link popup-close
                    [6] => link popup-close
                    [7] => link popup-close
                )

            [id] => Array
                (
                    [0] => copy-link
                    [1] => share-post-email
                    [2] => edit-post
                    [3] => delete-post
                )

            [target] => Array
                (
                    [0] => _blank
                    [1] => _blank
                    [2] => _blank
                    [3] => _blank
                )

        )

    [form] => Array
        (
            [id] => Array
                (
                    [0] => comment-form
                )

        )

    [input] => Array
        (
            [type] => Array
                (
                    [0] => text
                    [1] => text
                )

            [name] => Array
                (
                    [0] => custom_link_title
                    [1] => custom_link_url
                )

            [placeholder] => Array
                (
                    [0] => E.g. My Website
                    [1] => E.g. https://www.mylink.com
                )

        )

    [button] => Array
        (
            [type] => Array
                (
                    [0] => submit
                )

            [class] => Array
                (
                    [0] => link icon-only demo-send-message-link
                )

        )

    [textarea] => Array
        (
            [class] => Array
                (
                    [0] => resizable
                )

            [name] => Array
                (
                    [0] => comment
                )

            [placeholder] => Array
                (
                    [0] => Message
                )

        )

)
Add JS Function Name
profile
pages/profile-edit-account-settings.html
pages/profile-edit-images.html
pages/profile-edit-mydetails.html
    pages/profile-edit-socials.html
      pages/profile-edit.html
        pages/profile-view.html
        pages/profile.html