Added components and some refactoring

2 files changed, 55 insertions, 0 deletions

diff --git a/src/pages/Enrollment/Address/Address.jsx b/src/pages/Enrollment/Address/Address.jsx
new file mode 100644
index 0000000..6a32bcf
--- /dev/null
+++ b/src/pages/Enrollment/Address/Address.jsx
@@ -0,0 +1,47 @@
+import React from 'react'
+import Header from '../../../components/Header/Header'
+import Input from '../../../components/Input/Input'
+import SubmitButton from '../../../components/SubmitButton/SubmitButton'
+
+import styles from './Address.module.css'
+
+const Address = () => {
+  return (
+    <>
+      <Header subheading="Enrollment" />
+      <div className={styles.address}>
+        <div className={styles.address__container}>
+          <Input
+            id="houseNo"
+            label="House Number/ Apartment"
+            value="house"
+            type="text"
+          />
+          <Input
+            id="locality"
+            label="Area / Locality"
+            value="locality"
+            type="text"
+          />
+          <Input id="town" label="Village / Town" value="town" type="text" />
+          <Input
+            id="postOffice"
+            label="Post Office"
+            value="postOffice"
+            type="text"
+          />
+        </div>
+        <div className={styles.address__container}>
+          <Input id="street" label="Street / Road" value="street" type="text" />
+          <Input id="landmark" label="Landmark" value="landmark" type="text" />
+          <Input id="district" label="District" value="district" type="text" />
+          <Input id="pincode" label="Pincode" value="pincode" type="text" />
+        </div>
+      </div>
+      <Input id="state" label="State" value="state" type="text" />
+      <SubmitButton />
+    </>
+  )
+}
+
+export default Address
diff --git a/src/pages/Enrollment/Address/Address.module.css b/src/pages/Enrollment/Address/Address.module.css
new file mode 100644
index 0000000..60958ba
--- /dev/null
+++ b/src/pages/Enrollment/Address/Address.module.css
@@ -0,0 +1,8 @@
+.address {
+  display: flex;
+  justify-content: center;
+}
+
+.address__container {
+  margin: 0px 20px;
+}