<header class="navbar" role="banner">
  <div class="container-center">
    <div class="navbar-content">
      <div class="navbar-brand">
        <a class="brand" href="/" role="">
          <span class="sr-only">
            AIcrowd
          </span>
        </a>
      </div>  

      <div class="navbar-search">
        <input class="textbox-search" id="" name="" type="search" placeholder="Search">
      </div>

      <div class="navbar-options">
        <ul class="navbar-navigation">
          <li class="navbar-navigation-item">
            <a class="navbar-navigation-link" href="/">Challenges</a>
          </li>

          <li class="navbar-navigation-item">
            <a class="navbar-navigation-link" href="/">Practice</a>
          </li>

          <li class="navbar-navigation-item">
            <a class="navbar-navigation-link" href="/">Blog</a>
          </li>

          <li class="navbar-navigation-item">
            <button class="btn-dropdown">
              More<i class="las la-angle-down"></i>
            </button>

            <div class="dropdown-menu">
              <ul class="dropdown-menu-list">
                <li class="dropdown-menu-item">
                  <a class="dropdown-menu-link" href="/">
                    Organize a Challenge
                  </a>
                </li>

                <li class="dropdown-menu-item">
                  <a class="dropdown-menu-link" href="/">
                    User Rankings
                  </a>
                </li>

                <li class="dropdown-menu-item">
                  <a class="dropdown-menu-link" href="/">
                    FAQ
                  </a>
                </li>

                <li class="dropdown-menu-item">
                  <a class="dropdown-menu-link" href="/">
                    Our Team
                  </a>
                </li>

                <li class="dropdown-menu-item">
                  <a class="dropdown-menu-link" href="/">
                    Jobs
                  </a>
                </li>

                <hr class="dropdown-menu-divider">

                <li class="dropdown-menu-item">
                  <a class="dropdown-menu-link" href="/">
                    Contact
                  </a>
                </li>
              </ul>  

              <hr class="dropdown-menu-divider">

              <div class="dropdown-menu-follow">
                <h4 class="dropdown-menu-title">Follow Us</h4>

                <div class="btn-group">
                  <a class="btn-facebook" href="/" role="button">
                    <i class="lab la-facebook-f">
                      <span class="sr-only">
                        Share on Facebook
                      </span>
                    </i>
                  </a>

                  <a class="btn-twitter" href="/" role="button">
                    <i class="lab la-twitter">
                      <span class="sr-only">
                        Share on Twitter
                      </span>
                    </i>
                  </a>

                  <a class="btn-facebook" href="/" role="button">
                    <i class="lab la-facebook-f">
                      <span class="sr-only">
                        Share on Facebook
                      </span>
                    </i>
                  </a>
                </div>
              </div>
            </div>
            <!-- /dropdown-menu -->
          </li>
        </ul>

        <a class="btn-search" href="/" role="button">
          <i class="las la-search"></i>
          <span class="sr-only">
            Search icon
          </span>
        </a>

        <a class="btn-login" href="/" role="button">
          Log In  
        </a>

        <a class="btn-sign-up btn-secondary" href="/" role="button">
          Sign Up
        </a>

        <button class="btn-menu">
          <i class="las la-bars">
          <span class="sr-only">
            Menu icon
          </span>
        </button>
      </div>  
    </div>
  </div>
</header>