<!-- LOGIN start -->
  <div class="login">
    <div class="login-page">
      <button type="button" title="close mobile menu" class="modal-close-icon"></button>
      <div class="form-login">
        <form class="login100-form validate-form">
          <span class="login100-form-title">
            Login na Growappy
          </span>

          <a href="#" class="btn-face">
            <img src="../images/0_general/icon-facebook.svg" alt="FACEBOOK">
            Facebook
          </a>

          <a href="#" class="btn-google">
            <img src="../images/0_general/icon-google.svg" alt="GOOGLE">
            Google
          </a>
          <div class="grid12">
            <div class="grid-row">
              <div class="grid-col-5 line"></div>
              <div class="grid-col-2">OU</div>
              <div class="grid-col-5 line"></div>
            </div>
          </div>
          <div class="txt1">Nome do Utilizador</div>
          <div class="wrap-input100 validate-input icon username" data-validate = "Campo Obrigatório">
            <input class="input100" type="text" name="username" >
            <span class="focus-input100"></span>
          </div>
          
          <div class="txt1">Palavra Passe

            <a href="#" class="txt2">
              Esqueceu?
            </a>
          </div>
          <div class="wrap-input100 validate-input icon password" data-validate = "Campo Obrigatório">
            <input class="input100" type="password" name="pass" >
            <span class="focus-input100"></span>
          </div>

          <div class="container-login100-form-btn">
            <button class="login100-form-btn">
              Entrar
            </button>
          </div>

          <div class="login-footer">
            <span class="txt1">
              Ainda não tens conta?
            </span>

            <a class="open-register-2 txt2">
              Regista-te aqui
            </a>
          </div>
        </form>
      </div>
    </div>
  </div>
  <!-- LOGIN end -->

  <!-- REGISTER start -->
  <div class="register">
    <div class="login-page">
      <button type="button" title="close mobile menu" class="modal-close-icon"></button>
      <div class="form-login">
        <form class="login100-form validate-form">
          <span class="login100-form-title">
            Criar conta na Growappy
          </span>

          <div class="txt1">Nome Completo</div>
          <div class="wrap-input100 validate-input icon username" data-validate = "Campo Obrigatório">
            <input class="input100" type="text" name="username" >
            <span class="focus-input100"></span>
          </div>
          <div class="txt1">Endereço de email</div>
          <div class="wrap-input100 validate-input icon email" data-validate = "Campo Obrigatório">
            <input class="input100" type="email" name="email" >
            <span class="focus-input100"></span>
          </div>
          <div class="txt1">Palavra Password</div>
          <div class="wrap-input100 validate-input icon password" data-validate = "Campo Obrigatório">
            <input class="input100" type="password" name="pass" >
            <span class="focus-input100"></span>
          </div>
          <div class="txt1">Confirmar Password</div>
          <div class="wrap-input100 validate-input icon password" data-validate = "Campo Obrigatório">
            <input class="input100" type="password" name="pass" >
            <span class="focus-input100"></span>
          </div>
          <p class="cookies">Estou de acordo com as <a href="#" class="blue-link">Políticas de Privacidade, Proteção de dados y cookies</a> da Growappy</p>
          <label class="checkbox">
            <input type="checkbox" name="privacy" value="privacy">
            <span class="checkmark"></span>
          </label>

          <div class="container-login100-form-btn">
            <button class="login100-form-btn">
              Entrar
            </button>
          </div>

          <div class="login-footer">
            <span class="txt1">
              Já tens conta?
            </span>

            <a class="open-login-2 txt2">
              Faz Login aqui
            </a>
          </div>
        </form>
      </div>
    </div>
  </div>
  <!-- REGISTER end -->