  <style>
td {
    color: #5f5f5f;
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #f9f9f9;
}
  </style>
  <header class="main-header">
      <!-- Logo -->
      <a href="index.php" class="logo">
          <!-- mini logo for sidebar mini 50x50 pixels -->
          <span class="logo-mini"><b>T</b></span>
          <!-- logo for regular state and mobile devices -->
          <span class="logo-lg"><img src="./images/logo/logo.png" style="width:55%;" /></span>
      </a>
      <!-- Header Navbar: style can be found in header.less -->
      <nav class="navbar navbar-static-top">


          <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" onclick="removeCookie('PHPSESSID')">
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                          <i class="fa fa-power-off" aria-hidden="true"></i>
                          <span class="hidden-xs"><b>LOGOUT</b></span>
                      </a>

                  </li>

              </ul>
          </div>
      </nav>
  </header>
  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar">
      <!-- sidebar: style can be found in sidebar.less -->
      <section class="sidebar">

          <!-- sidebar menu: : style can be found in sidebar.less -->
          <ul class="sidebar-menu" data-widget="tree">


              <li class="header">MAIN NAVIGATION</li>
               
           

              <li class="<?=($pagename == 'blog') ? 'active' : ''?>">
                  <a href="./index.php">
                      <i class="fa fa-file"></i> <span>Blog</span>
                  </a>
              <li class="treeview <?=($pagename == 'blog') ? ' active' : ''?>">
                  <ul class="treeview-menu">
                      <li><a href="add-blog.php?cagegory=services"><i class="fa fa-circle-o"></i> Add </a></li>
                  </ul>
              </li>
              </li>
 
              
              </li>


          </ul>
      </section>
      <!-- /.sidebar -->
  </aside>

  <script>
function removeCookie(cookieName) {
    cookieValue = "";
    cookieLifetime = -1;
    var date = new Date();
    date.setTime(date.getTime() + (cookieLifetime * 24 * 60 * 60 * 1000));
    var expires = "; expires=" + date.toGMTString();
    document.cookie = cookieName + "=" + JSON.stringify(cookieValue) + expires + "; path=/";
    window.location.reload();
}
  </script>