From 84fdfc1e0a37ed480e908f72994d06c9baeed9c4 Mon Sep 17 00:00:00 2001
From: VividTruthKeeper <you@example.com>
Date: Mon, 7 Feb 2022 17:03:54 +0500
Subject: [PATCH] unfinished sign up

---
 src/App.js                                  |  2 +
 src/components/sign/RegForm.js              | 50 +++++++++++++++++++++
 src/components/{signIn => sign}/SignForm.js |  0
 src/pages/SignIn.js                         |  2 +-
 src/pages/SignUp.js                         | 19 ++++++++
 src/styles/_sign-up.scss                    |  3 ++
 src/styles/style.scss                       |  1 +
 7 files changed, 76 insertions(+), 1 deletion(-)
 create mode 100644 src/components/sign/RegForm.js
 rename src/components/{signIn => sign}/SignForm.js (100%)
 create mode 100644 src/pages/SignUp.js
 create mode 100644 src/styles/_sign-up.scss

diff --git a/src/App.js b/src/App.js
index 97c7bbb..491725b 100644
--- a/src/App.js
+++ b/src/App.js
@@ -12,6 +12,7 @@ import Footer from "./components/global/Footer";
 // IMPORT PAGES
 import Main from "./pages/Main";
 import SignIn from "./pages/SignIn";
+import SignUp from "./pages/SignUp";
 
 const App = () => {
   return (
@@ -20,6 +21,7 @@ const App = () => {
       <Routes>
         <Route path="/" element={<Main />} />
         <Route path="/sign-in" element={<SignIn />} />
+        <Route path="/sign-up" element={<SignUp />} />
       </Routes>
       <Footer />
     </div>
diff --git a/src/components/sign/RegForm.js b/src/components/sign/RegForm.js
new file mode 100644
index 0000000..9fe05ff
--- /dev/null
+++ b/src/components/sign/RegForm.js
@@ -0,0 +1,50 @@
+// IMPORT MODULES
+import React from "react";
+
+const RegForm = () => {
+  return (
+    <section className="reg">
+      <form>
+        <div className="reg-top">
+          <h2 className="reg-title">Регистрация</h2>
+          <div className="reg-input-wrapper">
+            <div className="reg-input-block">
+              <label htmlFor="surname">
+                Фамилия<span>*</span>
+              </label>
+              <input type="text" placeholder="Amanow" id="surname" />
+            </div>
+            <div className="reg-input-block">
+              <label htmlFor="name">
+                Имя<span>*</span>
+              </label>
+              <input type="text" placeholder="Aman" id="name" />
+            </div>
+            <div className="reg-input-block">
+              <label htmlFor="fname">
+                Отчество<span>*</span>
+              </label>
+              <input type="text" placeholder="Amanowich" id="fname" />
+            </div>
+            <div className="reg-input-block">
+              <label htmlFor="date">
+                Дата рождения<span>*</span>
+              </label>
+              <input type="text" placeholder="дд / мм / гггг" id="date" />
+            </div>
+            <div className="reg-input-block split">
+              <div className="split-wrapper">
+                <label htmlFor="serie">
+                  Серия паспорта<span>*</span>
+                </label>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className="reg-bottom"></div>
+      </form>
+    </section>
+  );
+};
+
+export default RegForm;
diff --git a/src/components/signIn/SignForm.js b/src/components/sign/SignForm.js
similarity index 100%
rename from src/components/signIn/SignForm.js
rename to src/components/sign/SignForm.js
diff --git a/src/pages/SignIn.js b/src/pages/SignIn.js
index b971ef2..a222d55 100644
--- a/src/pages/SignIn.js
+++ b/src/pages/SignIn.js
@@ -5,7 +5,7 @@ import React from "react";
 import LogoBg from "../components/global/LogoBg";
 
 // IMPORT PERSONAL COMPONENTS
-import SignForm from "../components/signIn/SignForm";
+import SignForm from "../components/sign/SignForm";
 
 const SignIn = () => {
   return (
diff --git a/src/pages/SignUp.js b/src/pages/SignUp.js
new file mode 100644
index 0000000..ebe606b
--- /dev/null
+++ b/src/pages/SignUp.js
@@ -0,0 +1,19 @@
+// IMPORT IMAGES
+import React from "react";
+
+// IMPORT PERSONAL COMPONENTS
+import RegForm from "../components/sign/RegForm";
+
+const SignUp = () => {
+  return (
+    <section className="sign-up">
+      <div className="container">
+        <div className="sign-up-inner">
+          <RegForm />
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default SignUp;
diff --git a/src/styles/_sign-up.scss b/src/styles/_sign-up.scss
new file mode 100644
index 0000000..8e9bd9e
--- /dev/null
+++ b/src/styles/_sign-up.scss
@@ -0,0 +1,3 @@
+.pass-select {
+  max-width: 10rem;
+}
diff --git a/src/styles/style.scss b/src/styles/style.scss
index dfe0e10..50c0737 100644
--- a/src/styles/style.scss
+++ b/src/styles/style.scss
@@ -10,3 +10,4 @@
 @import "./main";
 @import "./logo-bg";
 @import "./sing-in";
+@import "./sign-up";