From bc2e99a8cb6f8f2747d295567463ad5dfdb7f6d7 Mon Sep 17 00:00:00 2001
From: nsundriyal62 <nsundriyal62@gmail.com>
Date: Sat, 28 Oct 2023 15:24:47 +0530
Subject: [PATCH 1/2] adding join button

---
 content/batch/index.mdx | 45 ++++++++++++++++++++++++++---------------
 1 file changed, 29 insertions(+), 16 deletions(-)

diff --git a/content/batch/index.mdx b/content/batch/index.mdx
index 1896d0f..1e4f701 100644
--- a/content/batch/index.mdx
+++ b/content/batch/index.mdx
@@ -29,11 +29,15 @@ Select a Batch below to learn more about it.
         alt="Image"
         className="bg-white"
         />
-
-        #### Learn
-       Learn HTML, CSS, JS and Git & Github
+        <h4>Learn</h4>
+        <p>Learn HTML, CSS, JS and Git & Github</p>
+        <div className="flex-grow"></div>
+        <div className="text-center mt-4">
+          <a href="/join/learn" className="rounded-full px-4 py-2" style={{ textAlign: 'center', color: 'black', backgroundColor: 'white', borderRadius: '18px', fontSize: '16px', width: 'fit-content', margin: '0 auto', padding: '8px 16px' }}>Join</a>
+        </div>
     </Card>
-     <Card href="/batch/dsa/loops">
+
+    <Card href="/batch/dsa/loops">
         <Image
         src="/dsa_in_javascript.svg"
         width="350"
@@ -41,25 +45,31 @@ Select a Batch below to learn more about it.
         alt="Image"
         className="bg-white"
         />
-
-        #### DSA in Javascript
-       Learn data structures and algorithms in JavaScript
+        <h4>DSA in Javascript</h4>
+        <p>Learn data structures and algorithms in JavaScript</p>
+        <div className="flex-grow"></div>
+        <div className="text-center mt-4">
+          <a href="/join/dsa" className="rounded-full px-4 py-2" style={{ textAlign: 'center', color: 'black', backgroundColor: 'white', borderRadius: '18px', fontSize: '16px', width: 'fit-content', margin: '0 auto', padding: '8px 16px' }}>Join</a>
+        </div>
     </Card>
 
-    <Card href= "/batch/build/react/fundamentals">
-    <Image
+    <Card href="/batch/build/react/fundamentals">
+        <Image
         src="/build_img.svg"
         width="350"
         height="200"
         alt="Image"
         className="bg-white"
         />
-
-        #### Build
-        Master React, Redux and Next Js
+        <h4>Build</h4>
+        <p>Master React, Redux and Next Js</p>
+        <div className="flex-grow"></div>
+        <div className="text-center mt-4">
+          <a href="/join/build" className="rounded-full px-4 py-2" style={{ textAlign: 'center', color: 'black', backgroundColor: 'white', borderRadius: '18px', fontSize: '16px', width: 'fit-content', margin: '0 auto', padding: '8px 16px' }}>Join</a>
+        </div>
     </Card>
 
-     <Card href= "/batch/hire/hire">
+    <Card href="/batch/hire/hire">
         <Image
         src="/hire_img.svg"
         width="350"
@@ -67,8 +77,11 @@ Select a Batch below to learn more about it.
         alt="Image"
         className="bg-white"
         />
-
-        #### Hire
-        Get Interview Tips and Tricks
+        <h4>Hire</h4>
+        <p>Get Interview Tips and Tricks from Experts</p>
+        <div className="flex-grow"></div>
+        <div className="text-center mt-4">
+          <a href="/join/hire" className="rounded-full px-4 py-2" style={{ textAlign: 'center', color: 'black', backgroundColor: 'white', borderRadius: '18px', fontSize: '16px', width: 'fit-content', margin: 'auto', padding: '8px 16px' }}>Join</a>
+        </div>
     </Card>
 </div>

From 3c644f6d3cac058b2821bcc8995f1811ee7dcae1 Mon Sep 17 00:00:00 2001
From: nsundriyal62 <nsundriyal62@gmail.com>
Date: Wed, 1 Nov 2023 11:20:19 +0530
Subject: [PATCH 2/2] making css object

---
 content/batch/index.mdx | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/content/batch/index.mdx b/content/batch/index.mdx
index 1e4f701..b151a92 100644
--- a/content/batch/index.mdx
+++ b/content/batch/index.mdx
@@ -20,6 +20,17 @@ This course is focused on making you a frontend developer from a beginner to an
 
 Select a Batch below to learn more about it.
 
+const joinButtonStyle = {
+    textAlign: 'center',
+    color: 'black',
+    backgroundColor: 'white',
+    borderRadius: '18px',
+    fontSize: '16px',
+    width: 'fit-content',
+    margin: '0 auto',
+    padding: '8px 16px'
+};
+
 <div className="flex md:flex-row flex-col gap-4 mt-6 ">
     <Card href="/batch/learn/html/basic">
         <Image
@@ -33,7 +44,7 @@ Select a Batch below to learn more about it.
         <p>Learn HTML, CSS, JS and Git & Github</p>
         <div className="flex-grow"></div>
         <div className="text-center mt-4">
-          <a href="/join/learn" className="rounded-full px-4 py-2" style={{ textAlign: 'center', color: 'black', backgroundColor: 'white', borderRadius: '18px', fontSize: '16px', width: 'fit-content', margin: '0 auto', padding: '8px 16px' }}>Join</a>
+          <a href="/join/learn" className="rounded-full px-4 py-2" style={joinButtonStyle}>Join</a>
         </div>
     </Card>
 
@@ -49,7 +60,7 @@ Select a Batch below to learn more about it.
         <p>Learn data structures and algorithms in JavaScript</p>
         <div className="flex-grow"></div>
         <div className="text-center mt-4">
-          <a href="/join/dsa" className="rounded-full px-4 py-2" style={{ textAlign: 'center', color: 'black', backgroundColor: 'white', borderRadius: '18px', fontSize: '16px', width: 'fit-content', margin: '0 auto', padding: '8px 16px' }}>Join</a>
+          <a href="/join/dsa" className="rounded-full px-4 py-2" style={joinButtonStyle}>Join</a>
         </div>
     </Card>
 
@@ -65,7 +76,7 @@ Select a Batch below to learn more about it.
         <p>Master React, Redux and Next Js</p>
         <div className="flex-grow"></div>
         <div className="text-center mt-4">
-          <a href="/join/build" className="rounded-full px-4 py-2" style={{ textAlign: 'center', color: 'black', backgroundColor: 'white', borderRadius: '18px', fontSize: '16px', width: 'fit-content', margin: '0 auto', padding: '8px 16px' }}>Join</a>
+          <a href="/join/build" className="rounded-full px-4 py-2" style={joinButtonStyle}>Join</a>
         </div>
     </Card>
 
@@ -81,7 +92,8 @@ Select a Batch below to learn more about it.
         <p>Get Interview Tips and Tricks from Experts</p>
         <div className="flex-grow"></div>
         <div className="text-center mt-4">
-          <a href="/join/hire" className="rounded-full px-4 py-2" style={{ textAlign: 'center', color: 'black', backgroundColor: 'white', borderRadius: '18px', fontSize: '16px', width: 'fit-content', margin: 'auto', padding: '8px 16px' }}>Join</a>
+          <a href="/join/hire" className="rounded-full px-4 py-2" style={joinButtonStyle}>Join</a>
         </div>
     </Card>
 </div>
+```
\ No newline at end of file