Crowdsourcing AI
to solve real-world problems
through challenges

<div class="hero-home-container" data-theme="dark">
  <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>
  <!-- /navbar   -->

  <div class="hero">
    <div class="container-center">
      <div class="hero-content-container">
        <div class="hero-content">
          <h1 class="hero-title">Crowdsourcing AI<br>
          to solve real-world problems<br>
          through challenges</h1>

          <div class="hero-buttons">
            <a class="btn-outline" href="/" role="button">
              Learn More
            </a>

            <a class="btn-outline" href="/" role="button">
              Organize a Challenge
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- /hero -->

</div>