
<nav id="header" class="fixed-top navbar navbar-light">

</nav>

<header>
    <!-- navigation -->
    <div class="container-fluid mx-auto navbar-custom">
      <nav class="navbar navbar-expand-lg">
        <!--Brand/Logo-->
        <div data-region="drawer-toggle">
           <button style="background-color: transparent; color: white; border: none;" aria-expanded="{{#navdraweropen}}true{{/navdraweropen}}{{^navdraweropen}}false{{/navdraweropen}}" aria-controls="nav-drawer" type="button" class="btn pull-xs-left m-r-1 btn-secondary" data-action="toggle-drawer" data-side="left" data-preference="drawer-open-nav">{{#pix}}i/menubars{{/pix}}<span class="sr-only">{{#str}}sidepanel, core{{/str}}</span></button>
        </div>
        <div class="header-logo">
          <a class="navbar-brand logo mr-5" href="{{ config.wwwroot }}/?redirect=0">
               <img src="{{logo}}"  alt="My3D">
             </a>
        </div>
    <!-- I have cut the code form here-->
        <div class="navbar-nav mx-auto mr-auto">
            <a class="nav-item nav-link" href="{{aboutusurl}}">
                About Us
            </a>
            <a class="nav-item nav-link" href="{{contactusurl}}">
              Contact Us
            </a>
            <a class="nav-item nav-link" href="{{joinfacultyurl}}">
                Join Our Faculty
            </a>
        </div>

          <!--Navigation right-->
        <div class="navbar-nav my-2 my-lg-0">
            {{#usermenu}}
				{{> core/user_menu }}
			{{/usermenu}}
        </div>

      </nav>
    </div>

    <div class ="container-fluid header-bottom">
        <div class ="row-fluid header-bottom">
            <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 catmenu">
                <!-- Cateogories Header Menu -->
                {{#fpcategories}}
                    {{{fpcategories}}}
                {{/fpcategories}}
                {{#sortmenu}}
                    {{{sortmenu}}}
                {{/sortmenu}}
            </div>

            <div class = "col-lg-7 col-md-7 col-sm-6 col-xs-12 searchcourses">
                  <!--search-->
                  <form action="{{surl}}" method="get">
                    <div class="input-group input-group-lg">
                      <input type="search" name="search" class="form-control my-2 input-group-lg">
                      <div class="input-group-append">
                        <button type="submit" name="button" class="btn btn-light my-2"><i class="fas fa-search"></i></button>
                      </div>
                    </div>
                  </form>
            </div>
        </div>
    </div>
<!-- Learning format-->

            {{{learningformat}}}
</header>
