diff options
Diffstat (limited to 'client/src/pages/Enrollment/Address/Address.jsx')
-rw-r--r-- | client/src/pages/Enrollment/Address/Address.jsx | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/client/src/pages/Enrollment/Address/Address.jsx b/client/src/pages/Enrollment/Address/Address.jsx new file mode 100644 index 0000000..6a32bcf --- /dev/null +++ b/client/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 |