diff --git a/src/app/page.js b/src/app/page.js
index 6118389..398a198 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -3,6 +3,7 @@ import Landing from "@/components/home/Landing";
 import Projects from "@/components/home/Projects";
 import WhyJoin from "@/components/home/Contacts";
 import Events from "@/components/home/Events";
+
 const Home = () => {
   return (
     <>
diff --git a/src/components/Subtitle.jsx b/src/components/Subtitle.jsx
index 56e68b1..414745c 100644
--- a/src/components/Subtitle.jsx
+++ b/src/components/Subtitle.jsx
@@ -1,5 +1,15 @@
-const Subtitle = ({ title }) => {
-  return <div>Subtitle</div>;
+const Subtitle = ({ title, descripton }) => {
+  return (
+    <div>
+      <div className="flex items-center gap-1">
+        <div className="bg-ewb-green h-5 w-1" />
+        <div className="text-ewb-blue-200 text-2xl font-bold">{title}</div>
+      </div>
+      <div className="text-ewb-green font-semibold text-lg ml-2">
+        {descripton}
+      </div>
+    </div>
+  );
 };
 
 export default Subtitle;