
<div class="header">
  <div class="container">
    <div class="logo"> 
    <table><tr><td>
    <a href="{$URL_ROOT}"> <img src="{$LinksDetails.logo}" border="0" style="height:74px" /></a></td>
    <td><h1 style="color: #438EE1;">{$LinksDetails.site_name}</h1>
    </td>
    </tr></table>
    
    </div>
    <div class="header-r"> 
      
      <!--top menus -->
      
      <div class="top-mnu post"> 
      
      
     
        	
            {foreach from=$menu_top_header.menu item=abc_menu}
            
                <a tabindex="-1" href="{$abc_menu.url}">{$abc_menu.heading}</a> |
                 
            {/foreach}
      
      
      
      
      
      <!--<a href="{$URL_ROOT}Careersd8eb.html?p=17" id="A4">Careers</a> | <a href="{$URL_ROOT}download905b.html?p=2">Downloads</a> | <a href="{$URL_ROOT}News_Bulletin.html">News Bulletins</a>| <a href="{$URL_ROOT}http://intranet.british-school.org/labourlaws/"
                                    target="_blank">Statutory Compliance </a>| <a href="{$URL_ROOT}sitemap5c7e.html?p=4">Sitemap</a> | <a href="{$URL_ROOT}Contact_us.html">Contact us</a> |-->
                                    
                                    
                                    
                                    
                                     </div>
      
      <!--top menus-->
      
      <div class="social-icon post"> <a href="{$LinksDetails.facebook_url}" target="_blank" name="Image4" width="33" height="33" border="0" id="Image4" /></a> <a href="{$LinksDetails.twitter_url}" target="_blank" > <img src="{$URL_ROOT}images/twtr.png" name="Image5" width="33" height="33" border="0" id="Image5" /></a> <a href="{$LinksDetails.linkedin_url}" target="_blank" > <img src="{$URL_ROOT}images/in.png" name="Image6" width="33" height="33" border="0" id="Image6" /></a> <a href="{$LinksDetails.youtube_url}" target="_blank" > <img src="{$URL_ROOT}images/ytube.png" name="Image7" width="33" height="33" border="0" id="Image7" /></a> </div>

      <div class="flt-r widthsmall clear-fix">
        <div class="search ">
          <div class="flt-l ">
            <input name="txtSearch" type="text" id="txtSearch" class="search-input" placeholder="Search..." />
          </div>
          <div class="search-in"> <a href="{$URL_ROOT}#" onClick="return theFunction();">
            <input type="image" name="ImageButton1" id="ImageButton1" border="0" src="{$URL_ROOT}images/search-icon.png" />
            </a> </div>
        </div>
        
        <!--for login if session dosen't contains userid then it display--> 
        {if $SESSION.user.uid==""} <a href="{$ROOT}adminlogin.php">
        <div class="login-box"> LOGIN </div>
        </a> {/if} </div>
 
    </div>
    <div class="clearfix"> </div>
    <div id="cssmenu"> <a href="{$ROOT}" class="small-logo"></a> </div>
    <div class="clearfix"></div>
  </div>
  <nav class="navbar navbar-default row navbar-static-top" style="background-color:#438EE1;margin:11px 0px 0 0;">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle navbar-inverse" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar"> 
    	<ul class="nav navbar-nav" style="margin-top:0px">
        	<li class=""><a href="{$ROOT}" title="Home">Home</a></li>
            {foreach from=$menu_header.menu item=abc_menu}
            <li class="{if $abc_menu.menu|count>0}dropdown-submenu{/if}">
                <a tabindex="-1" href="{$abc_menu.url}">{$abc_menu.heading}</a>
                 {if $abc_menu.menu|count>0}
                 <ul class="dropdown-menu">
                 	 {foreach from=$abc_menu.menu item=abc_sub_menu}
                    <li class="{if $abc_sub_menu.menu|count>0}dropdown-submenu{/if}">
                         <a href="{$abc_sub_menu.url}">{$abc_sub_menu.heading}</a>
                         {if $abc_sub_menu.menu|count>0}
                         <ul class="dropdown-menu">
                         	{foreach from=$abc_sub_menu.menu item=abc_sub_sub_menu}
                             <li><a href="{$abc_sub_sub_menu.url}">{$abc_sub_sub_menu.heading}</a></li>
                             {/foreach}
                         </ul>
                         {/if}
                    </li>
                    {/foreach}
                </ul>
                {/if}
            </li>
            {/foreach}
          </ul> 
    </div>
  </div>
</nav>
</div>
