{% extends 'shapeprint_app/base.html' %} {% block body %} {% load static %}

<section class="login-wrapper-section my-5">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-6">
        <div class="card login-form">
          <div class="legend title-text">
            <h4>Login For Existing Users</h4>
            <hr />
          </div>
          <form action="">
            <div class="login">
              <div class="isCustomer">
                <div class="form-group">
                  <label>Email / Username</label>
                  <input autocomplete="off" type="text" class="form-control" />
                  <span style="visibility: hidden"></span>
                </div>

                <div class="form-group">
                  <span id="ForgotPwSPAN" class="ClickSpan">
                    (Password forgotten?)
                  </span>
                  <label class="passwordLbl">Password</label>
                  <input
                    autocomplete="off"
                    type="password"
                    class="form-control"
                  />
                </div>
                <div class="loginCookie">
                  <div class="loginCheckboxDiv">
                    <input
                      type="checkbox"
                      id="RememberPasswordChk"
                      class="RememberPasswordChk"
                    />
                    <label for="RememberPasswordChk">Save password</label>
                  </div>
                </div>

                <div class="cookieAndBtn">
                  <div class="buttons">
                    <a class="btn btn-mastery">
                      <span class="txt"> Log in </span>
                      <span class="icon"></span>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </form>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-6">
        <div class="card login-form">
          <div class="legend title-text">
            <h4>Are You a New Customer</h4>
            <hr />
          </div>
          <div class="registration">
            <div class="regcont">
              <ul>
                <li class="ok">
                  Create your own account with only a few clicks.
                </li>
                <li class="ok">
                  Your personal data is secure with us! Login and registration
                  are SSL secured.
                </li>
                <li class="ok">
                  We only use your personal information for the processing of
                  your order.
                </li>
              </ul>
              <p>
                Further information can be found in our
                <a href="#" target="_blank">data protection declaration</a>.
              </p>
              <br />
            </div>
            <div class="submitbtn">
              <a class="btn btn-mastery" href="{% url 'register' %}">
                <span class="txt"> Register</span>
                <span class="icon"></span>
              </a>
            </div>
            
            <div class="clear"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

{% endblock body %}