<header> 
    <!--top header-->
    <div class="top-header col-lg-12 col-md-12 col-xs-12">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-6 col-md-6 col-xs-12 logo"><a href="#"><img src="images/logo.png" width="217" height="90" class="img-fluid" /></a></div>
          <div class="col-lg-6 col-md-6 col-xs-12 top-contact" style="margin-top:20px;">
            <div style="float:left; width:50%;"><i class="fa fa-mobile-phone" style="font-size:62px; float:left; color:#4ab848; margin-right:20px; vertical-align:middle;  "></i>
              <div><span class="mobile"><?php echo DEFAULT_CONTACT_NO?></span><br/>
                <?php echo ADMIN_EMAIL?></div>
            </div>
            <div style="float:right;width:50%;"><i class="fa fa-location-arrow" style="font-size:42px; float:left; color:#4ab848; margin-right:20px; vertical-align:middle;  "></i>
              <div><span class="mobile">Business Centre</span><br/>
                Dubai, UAE</div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--end top header--> 
    <!--bottom header-->
    <div class="bottom-header">
      <div class="col-lg-12 col-md-12 col-xs-12" style="padding-left:0px; padding-right:0px;">
        <div class="container-fluid">
          <div class="row"> 
            
            <!-- responsive nav bar -->
            <div class="nav-bar col-lg-9 col-md-9 col-xs-12  "> <a href=""><i class="fa fa-bars"></i></a> </div>
            <!-- navigation -->
            <nav>
            <ul>
				<?php
                    $pagesHead = $pagesObj->getAllRecords("*"," page_status = '1' AND page_parent = '0' AND on_header = '1' "," ORDER BY page_order",""); 
                    $total = count($pages);
                    $count = 0;
                    
                    if($pagesHead && count($pagesHead) > 0){
                        foreach ($pagesHead as $pindex => $page){
                            $submenu = '';
                            $downArrow = '';
							$pageUrl = SITE_URL.$page->page_slug.'.html';
                            $count++; 
                            if($page->page_id!=0){ 
                            $subpageDetails = $pagesObj->getAllRecords('*',' page_parent ='.$page->page_id," ORDER BY page_order ");
                            if($subpageDetails && count($subpageDetails) > 0){
                                $submenu = 'sub-menu';
                                $downArrow = '<i class="fa fa-angle-down"></i>';
								$pageUrl = 'javascript:;';
                            }
                        }
                        ?>
                <li class="<?php echo $submenu;?>">
                  <?php if($page->page_id=='1') {?>
                  <a title="<?php echo $page->page_title; ?>" href="<?php echo SITE_URL; ?>"><?php echo $page->page_title; ?> <?php echo $downArrow;?></a>
                  <?php }else {?>
                  <a title="<?php echo $page->page_title; ?>" href="<?php echo $pageUrl; ?>"  ><?php echo $page->page_title; ?> <?php echo $downArrow;?></a>
                  <?php } if($subpageDetails && count($subpageDetails) > 0){ ?>
                  
                  <ul class="children">
                  <?php foreach ($subpageDetails as $subpage){?>
                                <li><a title="<?php echo $subpage->page_title; ?>" href="<?php echo SITE_URL.$subpage->page_slug; ?>.html"><span>-</span><?php echo $subpage->page_title; ?></a></li>
                              <?php } ?>
                              </ul>
                   <?php } ?>
                </li>
                <?php } } ?>
              </ul>
              
            </nav>
            <!-- navigation end -->
            
            <div  class="col-lg-3 col-md-3 col-xs-12 ">
              <div class="get-a-quote"><a href="#" style="text-decoration:none; color:#fff;">GET A QUOTE</a></div>
              <div style="float:left; margin-top:16px;" ><span class="book-a-showing"><a href="#" style="text-decoration:none; color:#fff;">BOOK A SHOWING</a></span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--end bottom header--> 
    
  </header>