diff --git a/src/.DS_Store b/src/.DS_Store
index baca620..a61630a 100644
Binary files a/src/.DS_Store and b/src/.DS_Store differ
diff --git a/src/components/App.js b/src/components/App.js
index 3855266..edeeb1c 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,11 +1,14 @@
-import React, {Component, useState} from "react";
-import '../styles/App.css';
-
+import React from "react";
+import "../styles/App.css";
+import Comp1 from "./Comp1";
+import Comp2 from "./Comp2";
 const App = () => {
   return (
-    <></>
-  )
-}
-
+    <>
+      <Comp1 />
+      <Comp2 />
+    </>
+  );
+};
 
 export default App;
diff --git a/src/components/Comp1.js b/src/components/Comp1.js
new file mode 100644
index 0000000..9374322
--- /dev/null
+++ b/src/components/Comp1.js
@@ -0,0 +1,13 @@
+import React from "react";
+import "../styles/App.css";
+
+const Comp1 = () => {
+  return (
+    <>
+      <h1>Online Learning </h1>
+      <h3>This project is about provide onlile learning material</h3>
+    </>
+  );
+};
+
+export default Comp1;
diff --git a/src/components/Comp2.js b/src/components/Comp2.js
new file mode 100644
index 0000000..a9aac79
--- /dev/null
+++ b/src/components/Comp2.js
@@ -0,0 +1,16 @@
+import React from "react";
+import "../styles/App.css";
+
+const Comp2 = () => {
+  return (
+    <>
+      <h1>Nwes Website</h1>
+      <h3>
+        This project is about provide live news to tall the users based on their
+        favourite section(Sports,Bollywood,Politics).
+      </h3>
+    </>
+  );
+};
+
+export default Comp2;