top menu

  <!-- Top Menu Area -->
            <div class=""  style="width: 100%;height: 100%;">
    <ul class="navbar-nav nav list-unstyled" >
      <li class="nav-item">
        <a class="nav-link" style="padding: 5px 5px; color:black;" href="#">File</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" style="padding: 5px 5px; color:black;" href="#">Edit</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" style="padding: 5px 5px; color:black;" href="#">View</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" style="padding: 5px 5px; color:black;" href="#">Data</a>
      </li>

      <li class="nav-item">
        <a class="nav-link" style="padding: 5px 5px; color:black;" href="#">Goto</a>
      </li>

      <li class="nav-item">
        <a class="nav-link" style="padding: 5px 5px; color:black;" href="#">Tools</a>
      </li>

      <li class="nav-item">
        <a class="nav-link" style="padding: 5px 5px; color:black;" href="#">Module</a>
      </li>

      <li class="nav-item dropdown">
        <a class="dropdown-toggle nav-link" data-toggle="dropdown" style="padding: 5px 5px; color:black;" href="#">Window</a>
          <ul class="dropdown-menu">
          <li><a href="#">Page 1-1</a></li>
          <li><a class="btn btn-danger btn-lg mdlFire"  data-target="#maindow" href="#">Main Window</a></li>
          <li><a href="#">Page 1-3</a></li>
        </ul>
      </li>

      <li class="nav-item">
        <a class="nav-link" style="padding: 5px 5px; color:black;" href="#">Help</a>
      </li>
    </ul>
    <!-- Top Menu Area -->
    <div class="clearfix" style="border-bottom: 1px solid #ddd; "></div>

 </div>

<div class="clearfix"></div>
       <!-- Top Module Area -->
  <div class="" style="width: 100%;height: 100%;overflow: auto;">
  <ul class="navbar-nav nav list-unstyled">
    <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><i class="fa fa-search"></i></a>
    </li>
        <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class="glyphicon glyphicon-print"></span></a>
    </li>
        <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class="glyphicon glyphicon-envelope"></span></a>
    </li>
       <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class="fa fa-fax"></span></a>
    </li>

      <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class="fa fa-file-excel-o"></span></a>
    </li>

    <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class="fa fa-file-word-o"></span></a>
    </li>

       <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class="fa fa-file-pdf-o"></span></a>
    </li>

       <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class="fa fa-eye"></span></a>
    </li>


       <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class="glyphicon glyphicon-fast-backward"></span></a>
    </li>

        <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class="glyphicon glyphicon-chevron-left"></span></a>
    </li>

       <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </li>

           <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class=" glyphicon glyphicon-fast-forward"></span></a>
    </li>

               <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class=" glyphicon glyphicon-filter"></span></a>
    </li>                 <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class=" glyphicon glyphicon-equalizer"></span></a>
    </li>             <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class="  glyphicon glyphicon-paste"></span></a>
    </li>             <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class=" glyphicon glyphicon-copy"></span></a>
    </li>   <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class=" glyphicon glyphicon-usd"></span></a>
    </li>   <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class=" fa fa-balance-scale"></span></a>
    </li>

       <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class=" glyphicon glyphicon-pencil"></span></a>
    </li>
       <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class=" glyphicon glyphicon-cog"></span></a>
    </li>         <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class=" glyphicon glyphicon-alert"></span></a>
    </li>

          <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class=" glyphicon glyphicon-calendar"></span></a>
    </li>
          <li class="nav-item">
      <a class="nav-link" style="padding: 5px 5px; color:black;" href="#"><span class=" fa fa-question"></span></a>
    </li>


  </ul>
</div>
<div class="clearfix"></div>