electionDashboard/target/classes/templates/fragments/header.html

<header id="page-header" xmlns:th="http://www.w3.org/1999/xhtml">
        <!-- Header Content -->
        <div class="content-header">
          <!-- Left Section -->
          <div class="space-x-1">
            <!-- Toggle Sidebar -->
            <!-- Layout API, functionality initialized in Template._uiApiLayout()-->
            <button type="button" class="btn btn-alt-secondary" data-toggle="layout" data-action="sidebar_toggle">
              <i class="fa fa-fw fa-bars"></i>
            </button>
            <!-- END Toggle Sidebar -->
          </div>
          <!-- END Left Section -->
		<div class="row pt-1" style="margin:0px;">
			<!--<div class="col-2 text-center p-1">
			<img src="/assets/media/images/tamilnadu-logo.png" style="padding-top:2px;" width="30px" alt="Tamilnadu Logo">
			</div>-->
          <div class="col-2 text-center p-1">
            <img src='/assets/media/images/logo-sm.png' width="37" alt="Logo Sm">
          </div>
			<div class="col-8 text-center p-0" style="font-size:15px;">
				பெருநகர சென்னை மாநகராட்சி
			</div>
			<!--<div class="col-2 text-center p-1">
		        <img src='assets/media/images/logo-sm.png' width="32" alt="Logo Sm">
			</div>-->
		</div>
          <!-- Right Section -->
          <div class="space-x-1">
            <!-- User Dropdown -->
            <div class="dropdown d-inline-block">
              <button type="button" class="btn btn-alt-secondary dropdown-toggle" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="far fa-fw fa-user me-1"></i>
                <span class="d-none d-sm-inline ms-1" ></span>
              </button>
              <div class="dropdown-menu dropdown-menu-end p-0" aria-labelledby="page-header-user-dropdown">
                <div class="bg-primary-dark rounded-top fw-semibold text-white text-center p-3">
                  User Options
                </div>
                <div class="p-2">
<!--                  <a class="dropdown-item" href="/owners/MyProfile">-->
<!--                    <i class="far fa-fw fa-user me-1"></i> Profile-->
<!--                  </a>-->

<!--                  <div role="separator" class="dropdown-divider"></div>-->
                  <a class="dropdown-item" href="/logout">
                    <i class="far fa-fw fa-arrow-alt-circle-left me-1"></i> Sign Out
                  </a>
                </div>
              </div>
            </div>
            <!-- END User Dropdown -->


        <!-- Header Search -->
        <div id="page-header-search" class="overlay-header bg-header-dark">
          <div class="bg-white-10">
            <div class="content-header">
              <form class="w-100" action="be_pages_generic_search.html" method="POST">
                <div class="input-group">
                  <!-- Layout API, functionality initialized in Template._uiApiLayout() -->
                  <button type="button" class="btn btn-alt-primary" data-toggle="layout" data-action="header_search_off">
                    <i class="fa fa-fw fa-times-circle"></i>
                  </button>
                  <input type="text" class="form-control border-0" placeholder="Search or hit ESC.." id="page-header-search-input" name="page-header-search-input">
                </div>
              </form>
            </div>
          </div>
        </div>
        <!-- END Header Search -->

        <!-- Header Loader -->
        <!-- Please check out the Loaders page under Components category to see examples of showing/hiding it -->
        <div id="page-header-loader" class="overlay-header bg-header-dark">
          <div class="bg-white-10">
            <div class="content-header">
              <div class="w-100 text-center">
                <i class="fa fa-fw fa-sun fa-spin text-white"></i>
              </div>
            </div>
          </div>
        </div>
        <!-- END Header Loader -->
          </div>
        </div>
      </header>