D-Net

<header id="header_main">

  <nav class="uk-navbar">

    <div class="uk-container uk-container-large uk-container-center">

      <a href="#" class="uk-float-left" id="mobile_navigation_toggle" data-uk-offcanvas="{target:'#mobile_navigation'}"><i class="material-icons">&#xE5D2;</i></a>

      <a href="/" class="uk-navbar-brand">

        <img src="../../../assets/img/Logo-COLOR.svg" alt="" width="152" height="30">

      </a>

      <div class="uk-navbar-flip">

        <ul class="uk-navbar-nav" id="main_navigation">

          <li>

            <a href="#sect-overview">

              About

            </a>

          </li>

          <li>

            <a href="#sect-features">

              Help

            </a>

          </li>

          <li>

            <a href="#sect-gallery">

              Sign In

            </a>

          </li>

        </ul>

      </div>

    </div>

  </nav>

</header>

<div id="mobile_navigation" class="uk-offcanvas">

  <div class="uk-offcanvas-bar">

    <ul>

      <li>

        <a href="#sect-overview" data-uk-smooth-scroll="{offset: 48}">

          <span class="menu_icon"><i class="material-icons">&#xE417;</i></span>

          <span class="menu_title">About</span>

        </a>

      </li>

      <li>

        <a href="#sect-features" data-uk-smooth-scroll="{offset: 48}">

          <span class="menu_icon"><i class="material-icons">&#xE896;</i></span>

          <span class="menu_title">Help</span>

        </a>

      </li>

      <li>

        <a href="#sect-gallery" data-uk-smooth-scroll="{offset: 48}">

          <span class="menu_icon"><i class="material-icons">&#xE410;</i></span>

          <span class="menu_title">Sign In</span>

        </a>

      </li>

    </ul>

  </div>

</div>