amazone/client/pages/signup.vue

<template>
  <div class="registerPage">
    <div class="container">
      <row>
        <div class="col-sm-4"></div>
        <div class="col-sm-4">
          <div class="text-center">
            <a href="#"><img src="/img/logo-black.png" alt=""></a>
          </div>
          <div class="mt-4">
            <div class="a-box a-spacing-extra-large">
              <div class="a-blx-inner">
                <h1 class="a-spacing-small">Create account</h1>
                <!--Your Name-->
                <div class="a-row a-spacing-base">
                  <label for="" class="a-form-label">Ypur name</label>
                  <input
                    type="text"
                    id="ap_customer_name"
                    class="a-input-text form-control auth-autofocus auth-required-field auth-contract-verification-request-info"
                  />
                </div>
                <!--Your Email-->
                <div class="a-row a-spacing-base">
                  <label for="" class="a-form-label">Ypur Email</label>
                  <input
                    type="text"
                    id="ap_customer_email"
                    class="a-input-text form-control auth-autofocus auth-required-field auth-contract-verification-request-info"
                  />
                </div>
                <!--Your Password-->
                <div class="a-row a-spacing-base">
                  <label for="" class="a-form-label">Ypur Password</label>
                  <input
                    type="password"
                    id="ap_customer_password"
                    class="a-input-text form-control auth-autofocus auth-required-field auth-contract-verification-request-info"
                  />
                  <div class="a-alert-container">
                    <div class="a-alert-content">password must be at least 6 charteres</div>
                  </div>
                </div>
                <!-- Button -->
                <div class="a-row a-spacing-extra-large mb-4">
                  <span class="a-button-primary">
                    <span class="a-button-inner">
                      <span class="a-button-text">Create your Amazon account</span>
                    </span>
                  </span>
                  <div class="a-row a-spacing-top-medium a-size-small">
                    <b>
                      By create an accoutnm
                      <a href="#">conditions of Use</a> and
                      <a href="#">conditions of Use</a>
                    </b>
                  </div>
                </div>
                <h4/>
                <div class="a-row">
                  <b>
                    Aready habe an accouint?
                    <nuxt-link to="/login" class="a-link-emphasis">Sign in</nuxt-link>
                  </b>
                </div>
              </div>
            </div>
          </div>
        </div>
      </row>
    </div>
  </div>
</template>


<script>
export default {
  layout: 'none'
}
</script>