sigunup

client/layouts/none.vue

@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <nuxt />
+  </div>
+</template>
+
+<script>
+export default {
+}
+</script>
+
+<style>
+body {
+  font-size: 13px;
+  line-height: 19px;
+  color: #111;
+}
+</style>

client/pages/signup.vue

@@ -0,0 +1,80 @@
+<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>