<header style="margin-top:10%" class="header">
<div class="header-fixed">
<nav style="background:#fff; padding-bottom:100px" class="navbar navbar-expand-lg header-nav scroll-sticky">
<div class="container">
<div class="navbar-header">
<a id="mobile_btn" href="../javascript:void(0);">
<span class="bar-icon">
<span></span>
<span></span>
<span></span>
</span>
</a>
<a href="../index.php" class="navbar-brand logo">
<img style="margin-top:-3px; width:60%; height:auto" src="../assets/img/logo.png" class="img-fluid" alt="Logo">
</a>
</div>
<div class="main-menu-wrapper">
<div class="menu-header">
<a href="../index.php" class="menu-logo">
<img class="img-responsive" src="../assets/img/logo.png" class="img-fluid" alt="Logo">
</a>
<a id="menu_close" class="menu-close" href="../javascript:void(0);">
<i class="fas fa-times"></i>
</a>
</div>
<ul class="main-nav">
<li class="has-submenu active">
    <a class href="../index.php">Home</a>
</li>
<li class="has-submenu">
    <a href>Categories <i class="fas fa-chevron-down"></i></a>
    <ul class="submenu">
        <?php
        $listcat=mysqli_query($con,"SELECT * FROM categories ORDER BY name ASC");
        while($lc=mysqli_fetch_assoc($listcat)){
        ?>
    <li><a href="../category/<?php echo $lc['url'] ?>"><?php echo $lc['name'] ?></a></li>
    <?php } ?>
    </ul>
</li>
<li class="has-submenu">
    <a class href="../courses.php">Courses</a>
</li>
</ul>
</div>
<!--<ul class="nav header-navbar-rht">-->
<!--<li class="nav-item">-->
<!--<a class="nav-link header-sign" href="../login.php">Signin</a>-->
<!--</li>-->
<!--<li class="nav-item">-->
<!--<a class="nav-link header-login" href="../register.php">Signup</a>-->
<!--</li>-->
<!--</ul>-->
</div>
</nav>
</div>
</header>