<header class="main-header">
        <!-- Logo -->
        <a href="#" class="logo">
          <!-- mini logo for sidebar mini 50x50 pixels -->
          <span class="logo-mini"><b>M</b>R</span>
          <!-- logo for regular state and mobile devices -->
          <span class="logo-lg"><b>DCLM </b>MR</span>
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top" role="navigation">
          <!-- Sidebar toggle button-->
          <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">

              <!-- User Account: style can be found in dropdown.less -->
              <li class="dropdown user user-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <img src="upload/user.jpg" class="user-image" alt="User Image">
                  <span class="hidden-xs"><?php echo ucwords(strtolower($ro['coord']))  ; ?></span>
                </a>
                <ul class="dropdown-menu">
                  <!-- User image -->
                  <li class="user-header">
                    <img src="upload/user.jpg" class="img-circle" alt="User Image">
                    <p>
                      <?php  echo ucwords(strtolower($ro['coord'])) ; ?> 
                      <small><?php  echo ucwords(strtolower($ro['district'])) ; ?></small>
                    </p>
                  </li>
                  <!-- Menu Body -->

                  <!-- Menu Footer-->
                  <li class="user-footer">
                    <div class="pull-left">
                      <a href="" class="btn btn-default btn-block">Profile</a>
                    </div>
                    <div class="pull-right">
                      <a href="./" class="btn btn-default btn-block">Sign out</a>
                    </div>
                  </li>
                </ul>
              </li>
              <!-- Control Sidebar Toggle Button -->
              <!--<li>
                <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>  
              </li>--->
            </ul>
          </div>
        </nav>
      </header>