ScripterJee

<section class="hidden-xs top-bar" id="top-bar">
    <div class="container">
      <div class="row">
        <div class="col-sm-6 col-md-6" id="top2">
          <ul class="contact-info">
            <li>
              <i class="uk-icon-phone"></i> 0340-9174699
            </li>
            <li>
              <i class="uk-icon-envelope"></i> <a href="mailto:heatcom.isb@gmail.com">heatcom.isb@gmail.com</a>
            </li>
          </ul>
        </div>
        <div class="col-sm-6 col-md-6 top1">
          <ul class="social-icons">
            <li>
              <a href="https://web.facebook.com/heatingislamabad" target="_blank"><i class="uk-icon-facebook"></i></a>
            </li>
            <li>
              <a href="https://twitter.com/ajwaengineering?lang=en" target="_blank"><i class="uk-icon-twitter"></i></a>
            </li>
            <li>
              <a href="https://www.youtube.com/channel/UCSsrQrrlZibmR_1D2wwI03A" target="_blank"><i class="uk-icon-youtube"></i></a>
            </li>
            <li>
              <a href="https://www.instagram.com/islamabadheatingcompany/" target="_blank"><i class="uk-icon-instagram"></i></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
</section>

<div id="header-sticky-wrapper" class="sticky-wrapper" style="height: 115px;">
    <div style="height: 115px;" class="uk-sticky-placeholder">
        <header style="margin: 0px;" data-uk-sticky="" id="header" class="header">
          <div class="container">
            <div class="row" style="position: relative;">
              <div class="col-xs-8 col-sm-2 col-md-2" id="logo">
                <a href="index.php" class="logo">
                  <h1>
                    <img alt="Ajwa Engineering" src="images/template/ajwa-engineering.png" class="default-logo" style="width:140px; height:70px;">
                    <img alt="Ajwa Engineering" src="images/template/ajwa-engineering.png" class="retina-logo" height="60" width="140">					
                  </h1>
                </a>
              </div>
              <div class="col-xs-4 col-sm-10 col-md-10" id="menu">
                <div><a href="#" id="offcanvas-toggler"><i class="uk-icon-bars"></i></a></div>				  
                <div class="main-menu">
                  <ul class="megamenu-parent menu-fade hidden-xs hidden-sm hidden-md">
                    <li class="menu-item"><a href="index.php">Home</a></li>
                    <li class="menu-item"><a href="about-us.php">About Us</a></li>
                    <li class="menu-item"><a href="ceo-message.php">CEO Message</a></li>
                    <li class="menu-item has-child"><a href="#">Services</a>
                        <div style="width: 240px;" class="dropdown dropdown-main menu-right">
                            <div class="dropdown-inner">
                              <ul class="dropdown-items">
                              	<?php
                                $qry = "SELECT ID, title FROM contents WHERE category = 1";
								$res = $db -> query($qry);
								while($row = $db -> fetch($res))
								{
									$ID = $row["ID"];
									$title = stripslashes($row["title"]);
									$ntitle = str_replace("/", "", $title);
									$ntitle = str_replace("  ", "-", $ntitle);
									$ntitle = str_replace(" ", "-", $ntitle);
									?>
                                    <li class="menu-item"><a href="services.php?cid=<?=$ID?>&cat=<?=$ntitle?>"><?=$title?></a></li>
                                    <?php
								}
								?>                               
                                
                              </ul>
                            </div>
                          </div>
                    </li>                   
                    <li class="menu-item"><a href="">Videos</a></li>
                 	<li class="menu-item"><a href="contact-us.php">Contact Us</a></li>					
                    
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </header>
    </div>
</div>

<div class="offcanvas-menu">
        <a class="close-offcanvas" href="#"><i class="uk-icon-remove"></i></a>
          <div class="offcanvas-inner">
			<ul class="nav menu">            	
                <li><a href="index.php">Home</a></li>
                <li><a href="about-us.php">About Us</a></li>
                <li><a href="ceo-message.php">CEO Message</a></li>
                <li class="deeper parent"><a href="#">Services</a>
                    <ul class="nav-child unstyled small">
						<?php
                        $qry = "SELECT ID, title FROM contents WHERE category = 1";
                        $res = $db -> query($qry);
                        while($row = $db -> fetch($res))
                        {
                            $ID = $row["ID"];
                            $title = stripslashes($row["title"]);
                            $ntitle = str_replace("/", "", $title);
                            $ntitle = str_replace("  ", "-", $ntitle);
                            $ntitle = str_replace(" ", "-", $ntitle);
                            ?>
                            <li><a href="services.php?cid=<?=$ID?>&cat=<?=$ntitle?>"><?=$title?></a></li>
                            <?php
                        }
                        ?>                              
                            
                      </ul>                        
                </li>                
                <li><a href="">Videos</a></li>
                <li><a href="contact-us.php">Contact Us</a></li>  
			  			  
			</ul>
          </div>
        </div>	  
      </div>