refactoring folder structure

2 files changed, 33 insertions, 0 deletions

diff --git a/client/src/components/Header/Header.jsx b/client/src/components/Header/Header.jsx
new file mode 100644
index 0000000..d90aafe
--- /dev/null
+++ b/client/src/components/Header/Header.jsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import styles from './Header.module.css'
+
+const Header = ({ subheading }) => {
+  return (
+    <header className={styles.header}>
+      <h1 className={styles.header__heading}>AADHAAR</h1>
+      <h3 className={styles.header__subheading}>{subheading}</h3>
+    </header>
+  )
+}
+
+export default Header
diff --git a/client/src/components/Header/Header.module.css b/client/src/components/Header/Header.module.css
new file mode 100644
index 0000000..8e6084f
--- /dev/null
+++ b/client/src/components/Header/Header.module.css
@@ -0,0 +1,20 @@
+@import '../../styles/GlobalVariables.css';
+
+.header {
+  font-family: 'Fredoka One', cursive;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 20px;
+  padding: 20px;
+}
+
+.header__heading {
+  font-size: var(--font-large);
+  font-weight: 400;
+}
+
+.header__subheading {
+  font-size: var(--font-medium);
+  font-weight: 400;
+}