diff --git a/src/App.js b/src/App.js
index 84c03e7c7..746468799 100644
--- a/src/App.js
+++ b/src/App.js
@@ -14,6 +14,7 @@ import Career from "./Pages/Career/Career";
 import LeaderBoard from "./Pages/LeaderBoard/leaderBoard";
 import WikiSyllabus from "./Pages/WikiSyllabus/WikiSyllabus";
 import HacktoberFest from "./Pages/Events/HacktoberFest/HacktoberFest";
+import Wadhwani from "./Pages/Wadhwani/Wadhwani";
 // import Yip from "./Pages/YIP/Yip";
 import CampusChapters from "./Pages/CampusChapters/CampusChapters";
 import BlogLanding from "./Pages/CampusChapters/Blogs/BlogLanding";
@@ -122,6 +123,7 @@ function App() {
             <Route path="events/learningfest" element={<KKEMLearningFest />} />
             <Route path="/keralatechfest" element={<KKEMLearningFest />} />
             <Route path="/maveliportfolio" element={<MaveliPortfolio />} />
+            <Route path="/wadhwani" element={<Wadhwani />} />
 
             <Route path="/team">
               <Route path="" element={<Teams />} />
diff --git a/src/Components/Navbar/Mylinks.jsx b/src/Components/Navbar/Mylinks.jsx
index 30bb9249f..611661b97 100644
--- a/src/Components/Navbar/Mylinks.jsx
+++ b/src/Components/Navbar/Mylinks.jsx
@@ -122,7 +122,7 @@ export const links = [
             name: "Magazine",
             submenu: false,
             sublinks: [],
-            link: "https://online.fliphtml5.com/blxtf/bicl/#p=1",
+            link: "https://online.fliphtml5.com/slydm/hrgi/",
             foreign: true,
           },
           {
diff --git a/src/Pages/ArtOfTeaching/assets/Guidlines.pdf b/src/Pages/ArtOfTeaching/assets/Guidlines.pdf
index 1e49f607d..3618d10e4 100644
Binary files a/src/Pages/ArtOfTeaching/assets/Guidlines.pdf and b/src/Pages/ArtOfTeaching/assets/Guidlines.pdf differ
diff --git a/src/Pages/Wadhwani/Wadhwani.jsx b/src/Pages/Wadhwani/Wadhwani.jsx
new file mode 100644
index 000000000..6c8955f63
--- /dev/null
+++ b/src/Pages/Wadhwani/Wadhwani.jsx
@@ -0,0 +1,105 @@
+import React, { useEffect, useState } from "react";
+
+import Card from "@mui/material/Card";
+import CardContent from "@mui/material/CardContent";
+
+import Typography from "@mui/material/Typography";
+import { CircularProgress } from "@mui/material";
+
+import styles from "./Wadhwani2.module.css";
+import styles2 from "./Wadhwani.module.css";
+import Navbar from "../../Components/Navbar/Navbar";
+import Footer from "../../Components/Footer/Footer";
+import leader from "./assets/Leader.gif";
+import {  getData  } from "./services/api";
+import { ThemeProvider, createTheme } from "@mui/material/styles";
+const theme = createTheme({
+  palette: {
+    primary: {
+      main: "#f78c40",
+    },
+  },
+});
+
+const Wadhwani = () => {
+  const [data, setData] = useState([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    getData(setData,setLoading)
+  }, []);
+
+  if (loading) {
+    return (
+      <div className={styles.loadingContainer}>
+        <CircularProgress />
+        <Typography>Loading...</Typography>
+      </div>
+    );
+  }
+
+  return (
+    <ThemeProvider theme={theme}>
+      <Navbar />
+      <div className={styles2.third_view_container} id="success-stories">
+        <div className={styles2.third_view}>
+          <div className={styles2.header}>
+            <div className={styles2.tv_texts}>
+              <p className={styles.tv_heading}>
+                <span>Wadhwani</span> Is Here!
+              </p>
+              <p className={styles.tv_tagline}>
+                Wadhwani helps students learn and grow holistically by focusing
+                on the soft skills of the person.
+              </p>
+              <p>Feel free to check out our courses!</p>
+              <a className={styles.buttonMuorange} href="https://app.mulearn.org/dashboard/wadhwani">
+                Explore Wadhwani
+              </a>
+            </div>
+            <div className="svg">
+              <img src={leader} alt="Leader" className={styles.fv_img} />
+            </div>
+          </div>
+
+          <div className={styles2.tv_story_container}>
+            {data.map((item, index) => (
+              <div className={styles2.tv_story}>
+                <Card
+                  key={index}
+                  sx={{
+                    width: 400,
+                    height: 200,
+                    border: "1px solid hsla(0, 0%, 100%, .18)",
+                    borderRadius: "15px",
+                    boxShadow: "0 1px 12px 0 rgb(193 195 211 / 37%)",
+                    marginBottom: "1rem",
+                    display: "flex",
+                    justifyContent: "space-between",
+                    
+
+                  }}
+                >
+                  <CardContent>
+                    <Typography gutterBottom variant="h5" component="div">
+                      {item.courseName}
+                    </Typography>
+                    <Typography variant="body2" color="text.secondary">
+                      {item.description.substring(0, 120)}...
+                    </Typography>
+                    <Typography variant="body4" color="text.secondary">
+                      Duration: {item.CourseDuration} hrs
+                    </Typography>
+                  </CardContent>
+                </Card>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+      <Footer />
+    </ThemeProvider>
+  );
+};
+
+export default Wadhwani;
diff --git a/src/Pages/Wadhwani/Wadhwani.module.css b/src/Pages/Wadhwani/Wadhwani.module.css
new file mode 100644
index 000000000..45716da35
--- /dev/null
+++ b/src/Pages/Wadhwani/Wadhwani.module.css
@@ -0,0 +1,86 @@
+.third_view_container {
+    display: flex;
+    justify-content: center;
+    padding-top: 2rem;
+}
+
+.third_view {
+    max-width: 1300px;
+    margin: auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.header {
+    display: flex;
+    align-items: center;
+}
+
+.header .tv_texts p:nth-child(1) {
+    font-family: "Noto Sans", sans-serif;
+    font-size: 4.5rem;
+    line-height: 5rem;
+    font-weight: 600;
+}
+
+.tv_story_container {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+
+.tv_story {
+    display: flex;
+    flex-direction: column;
+    justify-content: end;
+    box-shadow: 1px 1px 45px -5px rgb(0 0 0 / 8%);
+    -webkit-box-shadow: 1px 1px 45px -5px rgb(0 0 0 / 8%);
+}
+
+@media only screen and (max-width: 1350px) {
+    .third_view {
+        max-width: unset;
+        margin: 50px;
+    }
+}
+
+@media only screen and (max-width: 1180px) {
+    .tv_story_container {
+        justify-content: space-around;
+    }
+
+    .header .tv_texts p:nth-child(1) {
+        font-size: 2.5rem;
+        line-height: 3rem;
+    }
+}
+
+@media only screen and (max-width: 1020px) {
+    .header {
+        flex-wrap: wrap;
+        flex-direction: column-reverse;
+    }
+
+    .header .tv_texts {
+        text-align: center;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+}
+
+@media only screen and (max-width: 400px) {
+    .header .tv_texts p:nth-child(1) {
+        font-size: 1.9rem;
+    }
+}
+
+.loadingContainer {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    flex-direction: column;
+}
\ No newline at end of file
diff --git a/src/Pages/Wadhwani/Wadhwani2.module.css b/src/Pages/Wadhwani/Wadhwani2.module.css
new file mode 100644
index 000000000..25a3aa64b
--- /dev/null
+++ b/src/Pages/Wadhwani/Wadhwani2.module.css
@@ -0,0 +1,433 @@
+.main_container span {
+    color: #f78c40;
+}
+
+:root {
+    --muorange: #FFA500;
+    /* Adjust this hex value to match the desired shade of orange */
+}
+
+.buttonMuorange {
+    background-color: var(--muorange);
+    color: white;
+    padding: 0.5rem 1.5rem;
+    /* 0.5rem for py-2 and 1.5rem for px-6 */
+    margin-top: 1.25rem;
+    /* my-5 in Tailwind is margin-top and margin-bottom of 1.25rem, adjusting for only top margin */
+    margin-bottom: 1.25rem;
+    border-radius: 0.375rem;
+    /* rounded-md */
+    border: none;
+    cursor: pointer;
+}
+
+p {
+    margin: 0;
+    padding: 0;
+}
+
+.main_container {
+    padding: 2rem;
+}
+
+.first_view {
+    display: flex;
+    flex-direction: column-reverse;
+}
+
+.fv_img {
+    display: block;
+    margin: auto;
+    width: 20rem;
+}
+
+.fv_texts {
+    text-align: center;
+}
+
+.fv_heading {
+    font-family: "Noto Sans", sans-serif;
+    font-size: 2.5rem;
+    font-weight: 600;
+    color: #303030;
+}
+
+.fv_heading span {
+    font-weight: 600;
+    color: #f78c40;
+}
+
+.leadcampus {
+    background-color: #f78c40;
+    color: white;
+    padding: 0.5rem 1.25rem;
+    border: none;
+    margin-top: 1rem;
+    border-radius: 5px;
+    margin: 1rem 0.25rem;
+    margin-left: 0;
+}
+
+.fv_tagline {
+    margin-top: 0.5rem;
+    font-family: "Poppins", sans-serif;
+    max-width: 35rem;
+    display: block;
+    margin: auto;
+}
+
+@media only screen and (min-width: 1000px) {
+    .first_view {
+        max-width: 1300px;
+        margin: auto;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+    }
+
+    .fv_img {
+        display: block;
+        margin: auto;
+        width: 35rem;
+    }
+
+    .fv_texts {
+        text-align: left;
+        width: 50%;
+    }
+
+    .fv_heading {
+        font-family: "Noto Sans", sans-serif;
+        font-size: 4.55rem;
+        line-height: 5rem;
+        font-weight: 600;
+    }
+
+    .fv_tagline {
+        font-size: 1rem;
+        margin: 0;
+        margin-top: 1rem;
+    }
+}
+
+/* Second View Styles */
+
+.second_view {
+    margin-top: 3rem;
+}
+
+.sv_pheading {
+    font-size: 1.5rem;
+    font-weight: 600;
+    font-variant: small-caps;
+}
+
+.sv_heading {
+    font-family: "Noto Sans", sans-serif;
+    font-size: 3rem;
+    font-weight: 600;
+    color: #303030;
+}
+
+@media only screen and (max-width: 767px) {
+    .sv_heading {
+        font-family: "Noto Sans", sans-serif;
+        font-size: 2rem;
+        font-weight: 600;
+        color: #303030;
+    }
+}
+
+.sv_heading span {
+    color: #f78c40;
+}
+
+.d_number {
+    background-color: #f78c40;
+    color: white;
+    font-weight: 600;
+    display: inline-block;
+    padding: 0.25rem 0.75rem;
+    border-radius: 1000px;
+    margin-right: 0.5rem;
+    margin-bottom: 0.5rem;
+    font-family: "Noto Sans", sans-serif;
+}
+
+.d_text {
+    font-family: "Poppins", sans-serif;
+}
+
+.d_heading span {
+    font-weight: 500;
+    font-size: 1.1rem;
+    font-family: "Noto Sans", sans-serif;
+}
+
+.d_text span {
+    font-weight: 600;
+}
+
+.d_main_container {
+    margin-top: 1rem;
+}
+
+.d_container {
+    margin-top: 1.5rem;
+}
+
+.d_video_container {
+    margin-top: 2rem;
+}
+
+@media only screen and (min-width: 1000px) {
+    .second_view {
+        max-width: 1300px;
+        margin: auto;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        margin-top: 4rem;
+    }
+
+    .sv_img {
+        display: block;
+        margin: auto;
+        width: 30rem;
+    }
+
+    .sv_heading1 {
+        font-family: "Noto Sans", sans-serif;
+        font-weight: 600;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .sv_tagline {
+        font-size: 1rem;
+        width: 80%;
+    }
+
+    .sv_pheading {
+        font-size: 1.3rem;
+        font-weight: 600;
+        font-variant: small-caps;
+    }
+
+    .d_video_container {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+    .d_video iframe {
+        width: 35rem;
+        height: 19rem;
+        margin-right: 3rem;
+    }
+
+    .d_main_container {
+        margin-top: 0;
+        width: 50%;
+    }
+
+    .d_text {
+        font-size: 1rem;
+    }
+}
+
+/* Third Section Styles */
+
+.third_view_container {
+    padding-top: 2rem;
+}
+
+.tv_heading {
+    font-family: "Noto Sans", sans-serif;
+    font-size: 2rem;
+    font-weight: 600;
+    color: #303030;
+}
+
+.tv_heading span {
+    color: #f78c40;
+}
+
+.story_img {
+    border-radius: 5px;
+}
+
+.tv_story {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+}
+
+.story_name {
+    font-family: "Noto Sans", sans-serif;
+    margin-top: 1rem;
+    font-size: 1.3rem;
+}
+
+.story_img {
+    width: 150px;
+    height: 150px;
+    object-fit: cover;
+}
+
+.read_more {
+    margin-top: 1rem;
+    font-family: "Noto Sans", sans-serif;
+    color: #f78c40;
+}
+
+.tv_story_container {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 1rem;
+    justify-content: flex-start;
+}
+
+@media only screen and (min-width: 1000px) {
+    .third_view {
+        max-width: 1300px;
+        margin: auto;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        margin-top: 4rem;
+    }
+
+    .tv_heading {
+        font-family: "Noto Sans", sans-serif;
+        font-size: 2.5rem;
+        font-weight: 600;
+    }
+
+    .tv_tagline {
+        font-size: 1.1rem;
+        font-family: "Poppins", sans-serif;
+        width: 70%;
+    }
+
+    .tv_story_container {
+        display: flex;
+    }
+}
+
+/* FAQ Styles */
+
+.faq_view_container {
+    background-color: #ffffff;
+    padding-top: 2rem;
+}
+
+.faq_view {
+    margin-top: 2rem;
+}
+
+@media only screen and (min-width: 1000px) {
+    .faq_view_container {
+        max-width: 1300px;
+        margin: auto;
+        background-color: #ffffff;
+    }
+}
+
+/* Logo Generator Styles */
+
+.generator_view {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+    display: flex;
+    flex-direction: column-reverse;
+}
+
+.gv_img {
+    width: 20rem;
+}
+
+.gv_heading {
+    font-family: "Noto Sans", sans-serif;
+    font-size: 2rem;
+    font-weight: 600;
+    color: #303030;
+}
+
+.gv_heading span {
+    color: #f78c40;
+}
+
+.createlogo {
+    background-color: #f78c40;
+    color: white;
+    padding: 0.5rem 1.25rem;
+    border: none;
+    margin-top: 2rem;
+    border-radius: 5px;
+}
+
+.redirection_container {
+    background-color: #f78c40;
+    color: white;
+    border-radius: 10px;
+    display: inline-block;
+    padding: 1rem;
+}
+
+.redirection_tagline {
+    margin-top: 0.25rem;
+    font-family: "Poppins", sans-serif;
+}
+
+.redirection_heading {
+    font-family: "Noto Sans", sans-serif;
+    font-size: 1.25rem;
+    font-weight: 600;
+}
+
+.redirection_button {
+    background-color: #ffffff;
+    color: #f78c40;
+    margin-top: 1rem;
+    border-radius: 5px;
+    padding: 0.5rem 1.95rem;
+}
+
+.gv_tagline {
+    margin-top: 0.5rem;
+    font-family: "Poppins", sans-serif;
+    margin-bottom: 1rem;
+}
+
+@media only screen and (min-width: 1000px) {
+    .generator_view {
+        max-width: 1300px;
+        margin: auto;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+        margin-top: 4rem;
+    }
+
+    .gv_img {
+        display: block;
+        margin: auto;
+        width: 35rem;
+    }
+
+    .gv_heading {
+        font-family: "Noto Sans", sans-serif;
+        font-size: 2.5rem;
+        font-weight: 600;
+    }
+
+    .gv_tagline {
+        font-size: 1rem;
+        width: 70%;
+        margin-bottom: 1rem;
+    }
+}
\ No newline at end of file
diff --git a/src/Pages/Wadhwani/assets/Leader.gif b/src/Pages/Wadhwani/assets/Leader.gif
new file mode 100644
index 000000000..f7a99f18b
Binary files /dev/null and b/src/Pages/Wadhwani/assets/Leader.gif differ
diff --git a/src/Pages/Wadhwani/services/api.js b/src/Pages/Wadhwani/services/api.js
new file mode 100644
index 000000000..863ff67b1
--- /dev/null
+++ b/src/Pages/Wadhwani/services/api.js
@@ -0,0 +1,14 @@
+import axios from "axios";
+
+export const getData = async (setData, setLoading) => {
+  try {
+    const response = await axios.get(
+      "https://opensheet.elk.sh/1LEvZozIVVquXjSvtptQcjiU0_WFaxVuEYBCYyCdsCtY/sheet"
+    );
+    setData(response.data);
+    setLoading(false);
+  } catch (error) {
+    console.error("Error fetching data:", error);
+    setLoading(false);
+  }
+};