4 files changed, 33 insertions, 0 deletions
diff --git a/src/components/Card/Card.jsx b/src/components/Card/Card.jsx
new file mode 100644
index 0000000..140451b
--- /dev/null
+++ b/src/components/Card/Card.jsx
@@ -0,0 +1,12 @@
+import React from 'react';
+
+const Card = (title, image) => {
+  return (
+    <>
+      <img src={image} alt='' />
+      <h2>{title}</h2>
+    </>
+  );
+};
+
+export default Card;
diff --git a/src/components/Card/Card.module.css b/src/components/Card/Card.module.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/components/Card/Card.module.css
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
new file mode 100644
index 0000000..5873213
--- /dev/null
+++ b/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>AADHAAR</h1>
+      <h3>{subheading}</h3>
+    </header>
+  );
+};
+
+export default Header;
diff --git a/src/components/Header/Header.module.css b/src/components/Header/Header.module.css
new file mode 100644
index 0000000..b30d5b7
--- /dev/null
+++ b/src/components/Header/Header.module.css
@@ -0,0 +1,8 @@
+.header {
+  font-family: "Fredoka One", cursive;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 20px;
+  padding: 20px;
+}