---
layout: landing
title: Sign up
---

<!-- Hero and nav -->
<div class="hero is-app-grey is-fullheight" data-switcher-visible>
  {{> navbar-fade-solid-kit2}}

  <div id="main-hero" class="hero-body">
    <div class="container">
      <div class="columns is-vcentered">
        <div class="column is-5 is-offset-1 is-hidden-mobile">
          <div class="flex-card clean-signup-info">
            <h2 class="has-text-centered clean-text">Get started</h2>
            <div class="feature">
              <img
                src="assets/img/graphics/icons/business-core.svg"
                data-base-url="assets/img/graphics/icons/business"
                data-extension=".svg"
                alt=""
              />
              <div class="feature-text">
                Lorem ipsum dolor sit amet, cu has blandit intellegat, qui ludus
                consequuntur ad.
              </div>
            </div>
            <div class="feature">
              <img
                src="assets/img/graphics/icons/chrono-core.svg"
                data-base-url="assets/img/graphics/icons/chrono"
                data-extension=".svg"
                alt=""
              />
              <div class="feature-text">
                Lorem ipsum dolor sit amet, cu has blandit intellegat, qui ludus
                consequuntur ad.
              </div>
            </div>
            <div class="feature">
              <img
                src="assets/img/graphics/icons/secure-core.svg"
                data-base-url="assets/img/graphics/icons/secure"
                data-extension=".svg"
                alt=""
              />
              <div class="feature-text">
                Lorem ipsum dolor sit amet, cu has blandit intellegat, qui ludus
                consequuntur ad.
              </div>
            </div>
          </div>
        </div>
        <div class="column is-6">
          <div id="signup-card" class="animated preFadeInLeft fadeInLeft">
            <div class="flex-card clean-signup-card">
              <h2 class="has-text-centered">Sign up</h2>
              <form>
                <div class="control-material is-primary">
                  <input class="material-input" type="text" required />
                  <span class="material-highlight"></span>
                  <span class="bar"></span>
                  <label>Email *</label>
                </div>
                <div class="control-material is-primary">
                  <input class="material-input" type="text" required />
                  <span class="material-highlight"></span>
                  <span class="bar"></span>
                  <label>Full name *</label>
                </div>
                <div class="control-material is-primary">
                  <input class="material-input" type="text" required />
                  <span class="material-highlight"></span>
                  <span class="bar"></span>
                  <label>Password *</label>
                </div>

                <div class="mt-20">
                  <button
                    class="
                      button button-cta
                      btn-align
                      primary-btn
                      is-fullwidth
                      raised
                      no-lh
                    "
                  >
                    Get started now
                  </button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>