From c44c85af7ade620419c097d9fc8ce4c9c66c00a7 Mon Sep 17 00:00:00 2001
From: rohan09-raj <rajrohan1914@gmail.com>
Date: Sun, 17 Jul 2022 23:17:33 +0530
Subject: Built a basic folder structure

---
 src/components/Card/Card.jsx            | 12 ++++++++++++
 src/components/Card/Card.module.css     |  0
 src/components/Header/Header.jsx        | 13 +++++++++++++
 src/components/Header/Header.module.css |  8 ++++++++
 4 files changed, 33 insertions(+)
 create mode 100644 src/components/Card/Card.jsx
 create mode 100644 src/components/Card/Card.module.css
 create mode 100644 src/components/Header/Header.jsx
 create mode 100644 src/components/Header/Header.module.css

(limited to 'src/components')

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
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;
+}
-- 
cgit