diff --git a/components/Curriculum/SubjCard.js b/components/Curriculum/SubjCard.js
index 182e24cc..47079871 100644
--- a/components/Curriculum/SubjCard.js
+++ b/components/Curriculum/SubjCard.js
@@ -1,11 +1,46 @@
 import styles from "@styles/scss/subjcard.module.scss";
 import Link from "next/link";
+import Avatar from '@mui/material/Avatar';
+// import InitialsAvatar from /'react-initials-avatar';
+// import 'react-initials-avatar/lib/ReactInitialsAvatar.css';
 
+
+function stringToColor(string) {
+  let hash = 0;
+  let i;
+
+  /* eslint-disable no-bitwise */
+  for (i = 0; i < string.length; i += 1) {
+    hash = string.charCodeAt(i) + ((hash << 5) - hash);
+  }
+
+  let color = '#';
+
+  for (i = 0; i < 3; i += 1) {
+    const value = (hash >> (i * 8)) & 0xff;
+    color += `00${value.toString(16)}`.slice(-2);
+  }
+  /* eslint-enable no-bitwise */
+
+  return color;
+}
+
+function stringAvatar(name) {
+  return {
+    sx: {
+      bgcolor: stringToColor(name),
+    },
+    children: `${name.split(' ')[0][0]}${name.split(' ')[0][1]}`,
+  };
+}
 const SubjCard = ({ details }) => {
+  
   return (
     <Link href={details.linkToPage} passHref>
       <div className={styles.subject}>
-        {/* <Image loading="lazy"></Image> */}
+        <div style={{display:"flex",justifyContent:"center",alignItems:"center", margin:'15px 0',padding:"10px 10px"}}>
+        <Avatar {...stringAvatar(details.name)} />
+        </div>
         <span className={styles.name}>{details.name}</span>
       </div>
     </Link>
diff --git a/components/common/Navbar.js b/components/common/Navbar.js
index eb20f087..85b6c5df 100644
--- a/components/common/Navbar.js
+++ b/components/common/Navbar.js
@@ -220,17 +220,17 @@ const Navbar = () => {
                       onClick={() => setDropdown(false)}
                       className={styles.dropdownLink}
                     >
-                      B.Tech
+                      B.Tech/B.E
                     </a>
                   </Link>
                 </li>
                 <li>
-                  <Link href='/'>
+                  <Link href='/courses/mbbs'>
                     <a
                       onClick={() => setDropdown(false)}
                       className={styles.dropdownLink}
                     >
-                      BE
+                      MBBS
                     </a>
                   </Link>
                 </li>
diff --git a/data/semData.js b/data/semData.js
index 1015180c..860c5475 100644
--- a/data/semData.js
+++ b/data/semData.js
@@ -1,3 +1,4 @@
+
 export const firstYearSems = [
   {
     name: null,
@@ -5,7 +6,7 @@ export const firstYearSems = [
       {
         name: "Applied Mathematics 1",
         slug: "applied-mathematics-1",
-        img: null,
+        // img:(  ),
         linkToPage: "/courses/btech/first-year/applied-mathematics-1",
       },
       {
diff --git a/package.json b/package.json
index ce3c36df..a7875a78 100644
--- a/package.json
+++ b/package.json
@@ -8,10 +8,13 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
     "@fortawesome/fontawesome-svg-core": "^1.2.36",
     "@fortawesome/free-brands-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.2.0",
+    "@mui/material": "^5.15.18",
     "aos": "^2.3.4",
     "axios": "^0.27.2",
     "bcryptjs": "^2.4.3",
diff --git a/pages/courses/btech/first-year/[subject].js b/pages/courses/btech/ChemicalEngineering/[subject].js
similarity index 100%
rename from pages/courses/btech/first-year/[subject].js
rename to pages/courses/btech/ChemicalEngineering/[subject].js
diff --git a/pages/courses/btech/ChemicalEngineering/index.js b/pages/courses/btech/ChemicalEngineering/index.js
new file mode 100644
index 00000000..3d8f86f3
--- /dev/null
+++ b/pages/courses/btech/ChemicalEngineering/index.js
@@ -0,0 +1,50 @@
+import Footer from "components/common/Footer";
+import Header from "components/common/Header/Header";
+import Sems from "components/Curriculum/Sems";
+import { firstYearSems } from "data/semData";
+import styles from '@styles/Home.module.css';
+const ComputerEngineering = () => {
+  return (
+    <div>
+      <Header image="/images/blog/blog_bg.svg" text="Chemical Engineering" />
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>First Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* second yr */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Second Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* third Year*/}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Third Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* fourth */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Fourth Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      <Footer />
+    </div>
+  );
+};
+
+export default ComputerEngineering;
diff --git a/pages/courses/btech/CivilEngineering/[subject].js b/pages/courses/btech/CivilEngineering/[subject].js
new file mode 100644
index 00000000..9933c5a5
--- /dev/null
+++ b/pages/courses/btech/CivilEngineering/[subject].js
@@ -0,0 +1,68 @@
+import Subject from "components/Curriculum/Subject";
+import { getSubjectPages } from "data/semData";
+
+export const getStaticPaths = async () => {
+  const paths = [
+    {
+      params: {
+        subject: "applied-mathematics-1",
+      },
+    },
+    {
+      params: {
+        subject: "applied-chemistry",
+      },
+    },
+    {
+      params: {
+        subject: "thermo-dynamics",
+      },
+    },
+    {
+      params: {
+        subject: "electrical-engineering",
+      },
+    },
+    {
+      params: {
+        subject: "environmental-studies",
+      },
+    },
+    {
+      params: {
+        subject: "applied-chemistry-lab",
+      },
+    },
+    {
+      params: {
+        subject: "computer-programming-lab",
+      },
+    },
+  ];
+
+  return {
+    paths,
+    fallback: false,
+  };
+};
+
+export const getStaticProps = async (context) => {
+  let subject = context.params.subject;
+  const data = getSubjectPages(subject);
+
+  if (data == null || data == undefined) {
+    return { notFound: true };
+  }
+
+  return { props: { data } };
+};
+
+const GeneralSubject = ({ data }) => {
+  return (
+    <>
+      <Subject data={data} />
+    </>
+  );
+};
+
+export default GeneralSubject;
diff --git a/pages/courses/btech/CivilEngineering/index.js b/pages/courses/btech/CivilEngineering/index.js
new file mode 100644
index 00000000..2bcccd34
--- /dev/null
+++ b/pages/courses/btech/CivilEngineering/index.js
@@ -0,0 +1,50 @@
+import Footer from "components/common/Footer";
+import Header from "components/common/Header/Header";
+import Sems from "components/Curriculum/Sems";
+import { firstYearSems } from "data/semData";
+import styles from '@styles/Home.module.css';
+const ComputerEngineering = () => {
+  return (
+    <div>
+      <Header image="/images/blog/blog_bg.svg" text="Civil Engineering" />
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>First Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* second yr */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Second Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* third Year*/}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Third Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* fourth */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Fourth Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      <Footer />
+    </div>
+  );
+};
+
+export default ComputerEngineering;
diff --git a/pages/courses/btech/ComputerEngineering/[subject].js b/pages/courses/btech/ComputerEngineering/[subject].js
new file mode 100644
index 00000000..9933c5a5
--- /dev/null
+++ b/pages/courses/btech/ComputerEngineering/[subject].js
@@ -0,0 +1,68 @@
+import Subject from "components/Curriculum/Subject";
+import { getSubjectPages } from "data/semData";
+
+export const getStaticPaths = async () => {
+  const paths = [
+    {
+      params: {
+        subject: "applied-mathematics-1",
+      },
+    },
+    {
+      params: {
+        subject: "applied-chemistry",
+      },
+    },
+    {
+      params: {
+        subject: "thermo-dynamics",
+      },
+    },
+    {
+      params: {
+        subject: "electrical-engineering",
+      },
+    },
+    {
+      params: {
+        subject: "environmental-studies",
+      },
+    },
+    {
+      params: {
+        subject: "applied-chemistry-lab",
+      },
+    },
+    {
+      params: {
+        subject: "computer-programming-lab",
+      },
+    },
+  ];
+
+  return {
+    paths,
+    fallback: false,
+  };
+};
+
+export const getStaticProps = async (context) => {
+  let subject = context.params.subject;
+  const data = getSubjectPages(subject);
+
+  if (data == null || data == undefined) {
+    return { notFound: true };
+  }
+
+  return { props: { data } };
+};
+
+const GeneralSubject = ({ data }) => {
+  return (
+    <>
+      <Subject data={data} />
+    </>
+  );
+};
+
+export default GeneralSubject;
diff --git a/pages/courses/btech/ComputerEngineering/index.js b/pages/courses/btech/ComputerEngineering/index.js
new file mode 100644
index 00000000..01c8dc19
--- /dev/null
+++ b/pages/courses/btech/ComputerEngineering/index.js
@@ -0,0 +1,50 @@
+import Footer from "components/common/Footer";
+import Header from "components/common/Header/Header";
+import Sems from "components/Curriculum/Sems";
+import { firstYearSems } from "data/semData";
+import styles from '@styles/Home.module.css';
+const ComputerEngineering = () => {
+  return (
+    <div>
+      <Header image="/images/blog/blog_bg.svg" text="Computer Engineering" />
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>First Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* second yr */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Second Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* third Year*/}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Third Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* fourth */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Fourth Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      <Footer />
+    </div>
+  );
+};
+
+export default ComputerEngineering;
diff --git a/pages/courses/btech/EceEngineering/[subject].js b/pages/courses/btech/EceEngineering/[subject].js
new file mode 100644
index 00000000..9933c5a5
--- /dev/null
+++ b/pages/courses/btech/EceEngineering/[subject].js
@@ -0,0 +1,68 @@
+import Subject from "components/Curriculum/Subject";
+import { getSubjectPages } from "data/semData";
+
+export const getStaticPaths = async () => {
+  const paths = [
+    {
+      params: {
+        subject: "applied-mathematics-1",
+      },
+    },
+    {
+      params: {
+        subject: "applied-chemistry",
+      },
+    },
+    {
+      params: {
+        subject: "thermo-dynamics",
+      },
+    },
+    {
+      params: {
+        subject: "electrical-engineering",
+      },
+    },
+    {
+      params: {
+        subject: "environmental-studies",
+      },
+    },
+    {
+      params: {
+        subject: "applied-chemistry-lab",
+      },
+    },
+    {
+      params: {
+        subject: "computer-programming-lab",
+      },
+    },
+  ];
+
+  return {
+    paths,
+    fallback: false,
+  };
+};
+
+export const getStaticProps = async (context) => {
+  let subject = context.params.subject;
+  const data = getSubjectPages(subject);
+
+  if (data == null || data == undefined) {
+    return { notFound: true };
+  }
+
+  return { props: { data } };
+};
+
+const GeneralSubject = ({ data }) => {
+  return (
+    <>
+      <Subject data={data} />
+    </>
+  );
+};
+
+export default GeneralSubject;
diff --git a/pages/courses/btech/EceEngineering/index.js b/pages/courses/btech/EceEngineering/index.js
new file mode 100644
index 00000000..b1130427
--- /dev/null
+++ b/pages/courses/btech/EceEngineering/index.js
@@ -0,0 +1,50 @@
+import Footer from "components/common/Footer";
+import Header from "components/common/Header/Header";
+import Sems from "components/Curriculum/Sems";
+import { firstYearSems } from "data/semData";
+import styles from '@styles/Home.module.css';
+const ComputerEngineering = () => {
+  return (
+    <div>
+      <Header image="/images/blog/blog_bg.svg" text="Ece Engineering" />
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>First Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* second yr */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Second Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* third Year*/}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Third Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* fourth */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Fourth Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      <Footer />
+    </div>
+  );
+};
+
+export default ComputerEngineering;
diff --git a/pages/courses/btech/ElectricalEngineering/[subject].js b/pages/courses/btech/ElectricalEngineering/[subject].js
new file mode 100644
index 00000000..9933c5a5
--- /dev/null
+++ b/pages/courses/btech/ElectricalEngineering/[subject].js
@@ -0,0 +1,68 @@
+import Subject from "components/Curriculum/Subject";
+import { getSubjectPages } from "data/semData";
+
+export const getStaticPaths = async () => {
+  const paths = [
+    {
+      params: {
+        subject: "applied-mathematics-1",
+      },
+    },
+    {
+      params: {
+        subject: "applied-chemistry",
+      },
+    },
+    {
+      params: {
+        subject: "thermo-dynamics",
+      },
+    },
+    {
+      params: {
+        subject: "electrical-engineering",
+      },
+    },
+    {
+      params: {
+        subject: "environmental-studies",
+      },
+    },
+    {
+      params: {
+        subject: "applied-chemistry-lab",
+      },
+    },
+    {
+      params: {
+        subject: "computer-programming-lab",
+      },
+    },
+  ];
+
+  return {
+    paths,
+    fallback: false,
+  };
+};
+
+export const getStaticProps = async (context) => {
+  let subject = context.params.subject;
+  const data = getSubjectPages(subject);
+
+  if (data == null || data == undefined) {
+    return { notFound: true };
+  }
+
+  return { props: { data } };
+};
+
+const GeneralSubject = ({ data }) => {
+  return (
+    <>
+      <Subject data={data} />
+    </>
+  );
+};
+
+export default GeneralSubject;
diff --git a/pages/courses/btech/ElectricalEngineering/index.js b/pages/courses/btech/ElectricalEngineering/index.js
new file mode 100644
index 00000000..173ebde8
--- /dev/null
+++ b/pages/courses/btech/ElectricalEngineering/index.js
@@ -0,0 +1,50 @@
+import Footer from "components/common/Footer";
+import Header from "components/common/Header/Header";
+import Sems from "components/Curriculum/Sems";
+import { firstYearSems } from "data/semData";
+import styles from '@styles/Home.module.css';
+const ComputerEngineering = () => {
+  return (
+    <div>
+      <Header image="/images/blog/blog_bg.svg" text="Electrical Engineering" />
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>First Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* second yr */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Second Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* third Year*/}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Third Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* fourth */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Fourth Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      <Footer />
+    </div>
+  );
+};
+
+export default ComputerEngineering;
diff --git a/pages/courses/btech/ElectronicsEngineering/[subject].js b/pages/courses/btech/ElectronicsEngineering/[subject].js
new file mode 100644
index 00000000..9933c5a5
--- /dev/null
+++ b/pages/courses/btech/ElectronicsEngineering/[subject].js
@@ -0,0 +1,68 @@
+import Subject from "components/Curriculum/Subject";
+import { getSubjectPages } from "data/semData";
+
+export const getStaticPaths = async () => {
+  const paths = [
+    {
+      params: {
+        subject: "applied-mathematics-1",
+      },
+    },
+    {
+      params: {
+        subject: "applied-chemistry",
+      },
+    },
+    {
+      params: {
+        subject: "thermo-dynamics",
+      },
+    },
+    {
+      params: {
+        subject: "electrical-engineering",
+      },
+    },
+    {
+      params: {
+        subject: "environmental-studies",
+      },
+    },
+    {
+      params: {
+        subject: "applied-chemistry-lab",
+      },
+    },
+    {
+      params: {
+        subject: "computer-programming-lab",
+      },
+    },
+  ];
+
+  return {
+    paths,
+    fallback: false,
+  };
+};
+
+export const getStaticProps = async (context) => {
+  let subject = context.params.subject;
+  const data = getSubjectPages(subject);
+
+  if (data == null || data == undefined) {
+    return { notFound: true };
+  }
+
+  return { props: { data } };
+};
+
+const GeneralSubject = ({ data }) => {
+  return (
+    <>
+      <Subject data={data} />
+    </>
+  );
+};
+
+export default GeneralSubject;
diff --git a/pages/courses/btech/ElectronicsEngineering/index.js b/pages/courses/btech/ElectronicsEngineering/index.js
new file mode 100644
index 00000000..c9f90bd5
--- /dev/null
+++ b/pages/courses/btech/ElectronicsEngineering/index.js
@@ -0,0 +1,50 @@
+import Footer from "components/common/Footer";
+import Header from "components/common/Header/Header";
+import Sems from "components/Curriculum/Sems";
+import { firstYearSems } from "data/semData";
+import styles from '@styles/Home.module.css';
+const ComputerEngineering = () => {
+  return (
+    <div>
+      <Header image="/images/blog/blog_bg.svg" text="Electronics Engineering" />
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>First Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* second yr */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Second Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* third Year*/}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Third Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* fourth */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Fourth Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      <Footer />
+    </div>
+  );
+};
+
+export default ComputerEngineering;
diff --git a/pages/courses/btech/FoodEngineering/[subject].js b/pages/courses/btech/FoodEngineering/[subject].js
new file mode 100644
index 00000000..9933c5a5
--- /dev/null
+++ b/pages/courses/btech/FoodEngineering/[subject].js
@@ -0,0 +1,68 @@
+import Subject from "components/Curriculum/Subject";
+import { getSubjectPages } from "data/semData";
+
+export const getStaticPaths = async () => {
+  const paths = [
+    {
+      params: {
+        subject: "applied-mathematics-1",
+      },
+    },
+    {
+      params: {
+        subject: "applied-chemistry",
+      },
+    },
+    {
+      params: {
+        subject: "thermo-dynamics",
+      },
+    },
+    {
+      params: {
+        subject: "electrical-engineering",
+      },
+    },
+    {
+      params: {
+        subject: "environmental-studies",
+      },
+    },
+    {
+      params: {
+        subject: "applied-chemistry-lab",
+      },
+    },
+    {
+      params: {
+        subject: "computer-programming-lab",
+      },
+    },
+  ];
+
+  return {
+    paths,
+    fallback: false,
+  };
+};
+
+export const getStaticProps = async (context) => {
+  let subject = context.params.subject;
+  const data = getSubjectPages(subject);
+
+  if (data == null || data == undefined) {
+    return { notFound: true };
+  }
+
+  return { props: { data } };
+};
+
+const GeneralSubject = ({ data }) => {
+  return (
+    <>
+      <Subject data={data} />
+    </>
+  );
+};
+
+export default GeneralSubject;
diff --git a/pages/courses/btech/FoodEngineering/index.js b/pages/courses/btech/FoodEngineering/index.js
new file mode 100644
index 00000000..e7eb38df
--- /dev/null
+++ b/pages/courses/btech/FoodEngineering/index.js
@@ -0,0 +1,50 @@
+import Footer from "components/common/Footer";
+import Header from "components/common/Header/Header";
+import Sems from "components/Curriculum/Sems";
+import { firstYearSems } from "data/semData";
+import styles from '@styles/Home.module.css';
+const ComputerEngineering = () => {
+  return (
+    <div>
+      <Header image="/images/blog/blog_bg.svg" text="Food Engineering" />
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>First Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* second yr */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Second Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* third Year*/}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Third Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* fourth */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Fourth Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      <Footer />
+    </div>
+  );
+};
+
+export default ComputerEngineering;
diff --git a/pages/courses/btech/MechanicalEngineering/[subject].js b/pages/courses/btech/MechanicalEngineering/[subject].js
new file mode 100644
index 00000000..9933c5a5
--- /dev/null
+++ b/pages/courses/btech/MechanicalEngineering/[subject].js
@@ -0,0 +1,68 @@
+import Subject from "components/Curriculum/Subject";
+import { getSubjectPages } from "data/semData";
+
+export const getStaticPaths = async () => {
+  const paths = [
+    {
+      params: {
+        subject: "applied-mathematics-1",
+      },
+    },
+    {
+      params: {
+        subject: "applied-chemistry",
+      },
+    },
+    {
+      params: {
+        subject: "thermo-dynamics",
+      },
+    },
+    {
+      params: {
+        subject: "electrical-engineering",
+      },
+    },
+    {
+      params: {
+        subject: "environmental-studies",
+      },
+    },
+    {
+      params: {
+        subject: "applied-chemistry-lab",
+      },
+    },
+    {
+      params: {
+        subject: "computer-programming-lab",
+      },
+    },
+  ];
+
+  return {
+    paths,
+    fallback: false,
+  };
+};
+
+export const getStaticProps = async (context) => {
+  let subject = context.params.subject;
+  const data = getSubjectPages(subject);
+
+  if (data == null || data == undefined) {
+    return { notFound: true };
+  }
+
+  return { props: { data } };
+};
+
+const GeneralSubject = ({ data }) => {
+  return (
+    <>
+      <Subject data={data} />
+    </>
+  );
+};
+
+export default GeneralSubject;
diff --git a/pages/courses/btech/MechanicalEngineering/index.js b/pages/courses/btech/MechanicalEngineering/index.js
new file mode 100644
index 00000000..6a22cf37
--- /dev/null
+++ b/pages/courses/btech/MechanicalEngineering/index.js
@@ -0,0 +1,50 @@
+import Footer from "components/common/Footer";
+import Header from "components/common/Header/Header";
+import Sems from "components/Curriculum/Sems";
+import { firstYearSems } from "data/semData";
+import styles from '@styles/Home.module.css';
+const ComputerEngineering = () => {
+  return (
+    <div>
+      <Header image="/images/blog/blog_bg.svg" text="Mechanical Engineering" />
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>First Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* second yr */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Second Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* third Year*/}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Third Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      {/* fourth */}
+      <div
+            data-aos='fade-up'
+            className={styles.ourserv}
+            id={styles.ourserv}
+          >
+            <h2>Fourth Year</h2>
+      /</div>
+      <Sems data={firstYearSems} />
+      <Footer />
+    </div>
+  );
+};
+
+export default ComputerEngineering;
diff --git a/pages/courses/btech/first-year/index.js b/pages/courses/btech/first-year/index.js
deleted file mode 100644
index 16601df3..00000000
--- a/pages/courses/btech/first-year/index.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import Footer from "components/common/Footer";
-import Header from "components/common/Header/Header";
-import Sems from "components/Curriculum/Sems";
-import { firstYearSems } from "data/semData";
-
-const FirstYear = () => {
-  return (
-    <div>
-      <Header image="/images/blog/blog_bg.svg" text="First Year" />
-      <Sems data={firstYearSems} />
-      <Footer />
-    </div>
-  );
-};
-
-export default FirstYear;
diff --git a/pages/courses/btech/index.js b/pages/courses/btech/index.js
index d1202837..90596412 100644
--- a/pages/courses/btech/index.js
+++ b/pages/courses/btech/index.js
@@ -23,15 +23,15 @@ export default function BTech() {
 
         <h2>Choose Your Branch</h2>
         <div id={styles.branches}>
-          <Link passHref href="/courses/btech/first-year">
+          {/* <Link passHref href="/courses/btech/first-year">
             <a>
               <div className={styles.brnch} id={styles.firstyear}>
                 <p>First </p>
                 <p>Year</p>
               </div>
             </a>
-          </Link>
-          <a
+          </Link> */}
+          {/* <a
             href="https://drive.google.com/drive/folders/1Gkjz-kR4J-EbRn-Wf-9bGbh7qH-x5ZDt?usp=drive_link"
             target="_blank"
             rel="noreferrer"
@@ -39,9 +39,11 @@ export default function BTech() {
             <div className={styles.brnch} id={styles.ai}>
               <p>Artificial Intelligence</p>
             </div>
-          </a>
+          </a> */}
+
+        <Link passHref href="/courses/btech/ComputerEngineering">  
           <a
-            href="https://drive.google.com/drive/folders/1ZPk97HT0reLjyJsVxOJmEw542HugZonY?usp=sharing"
+            href=""
             target="_blank"
             rel="noreferrer"
           >
@@ -49,8 +51,10 @@ export default function BTech() {
               <p>Computer Engineering</p>
             </div>
           </a>
+          </Link>
+          <Link passHref href="/courses/btech/ElectronicsEngineering">  
           <a
-            href="https://drive.google.com/drive/folders/1zBbCWFSqLRdBudn0BZxLx6BMuhCx86eX?usp=sharing"
+            // href="https://drive.google.com/drive/folders/1zBbCWFSqLRdBudn0BZxLx6BMuhCx86eX?usp=sharing"
             target="_blank"
             rel="noreferrer"
           >
@@ -58,6 +62,8 @@ export default function BTech() {
               <p>Electronics Engineering</p>
             </div>
           </a>
+            </Link>
+            <Link passHref href="/courses/btech/ElectricalEngineering"> 
           <a
             href="https://drive.google.com/drive/folders/1cdbwEwPktPVo5ejCK37Q7NLQaawOrRxJ?usp=sharing"
             target="_blank"
@@ -67,6 +73,8 @@ export default function BTech() {
               <p>Electrical Engineering</p>
             </div>
           </a>
+          </Link>
+          <Link passHref href="/courses/btech/MechanicalEngineering"> 
           <a
             href="https://drive.google.com/drive/folders/1QzaqFWmk7hk7cN7CuSLhBcKYOwxeDspg?usp=sharing"
             target="_blank"
@@ -76,6 +84,8 @@ export default function BTech() {
               <p>Mechanical Engineering</p>
             </div>
           </a>
+          </Link>
+          <Link passHref href="/courses/btech/CivilEngineering"> 
           <a
             href="https://drive.google.com/drive/folders/1pCPek9WPzilXKngSa3FFYq-BxudXjZXg?usp=sharing"
             target="_blank"
@@ -86,6 +96,8 @@ export default function BTech() {
               <p>Engineering</p>
             </div>
           </a>
+          </Link>
+          <Link passHref href="/courses/btech/ChemicalEngineering"> 
           <a
             href="https://drive.google.com/drive/folders/1fCciCZhLUx7dFFP_n1hfE0lJEBC53xq6?usp=sharing"
             target="_blank"
@@ -95,16 +107,20 @@ export default function BTech() {
               <p>Chemical Engineering</p>
             </div>
           </a>
+          </Link>
+          <Link passHref href="/courses/btech/FoodEngineering"> 
           <a
             href="https://drive.google.com/drive/folders/1U6XgFEsH6aMi30hDQlwBPJSOPLZUmgtM?usp=sharing"
             target="_blank"
             rel="noreferrer"
           >
-            <div className={styles.brnch} id={styles.chem}>
+            <div className={styles.brnch} id={styles.food}>
               <p>Food</p>
               <p>Technology</p>
             </div>
           </a>
+          </Link>
+          <Link passHref href="/courses/btech/EceEngineering"> 
           <a
             href="https://drive.google.com/drive/folders/1YVAoa4S8cJ5Jh1E1WJjedEdLTqvNPVjl?usp=sharing"
             target="_blank"
@@ -116,6 +132,7 @@ export default function BTech() {
 
             </div>
           </a>
+          </Link>
         </div>
       </section>
       <Footer />
diff --git a/pages/courses/mbbs/index.js b/pages/courses/mbbs/index.js
new file mode 100644
index 00000000..c430df3e
--- /dev/null
+++ b/pages/courses/mbbs/index.js
@@ -0,0 +1,61 @@
+import Header from "components/common/Header/Header";
+import styles from "@styles/Btech.module.css";
+import Footer from "components/common/Footer";
+
+export default function BTech() {
+  const image = "/images/btech/top_bg.jpg";
+  return (
+    <>
+      <Header image={image} text="M.B.B.S" />
+      {/* <!-- content of B.com section  --> */}
+      <section id={styles.btcontent}>
+        <div className={styles.mission}>
+          <h2>M.B.B.S</h2>
+          <p>
+MBBS stands for "Bachelor of Medicine, Bachelor of Surgery." It is an undergraduate degree awarded to students upon completion of medical school in countries following the tradition of the United Kingdom. The MBBS program typically lasts five to six years and covers a broad range of subjects essential for a career in medicine, including anatomy, biochemistry, pharmacology, pathology, and clinical skills.
+          </p>
+        </div>
+
+        <h2>Choose Your Branch</h2>
+        <div id={styles.branches}>
+          
+          <a
+            rel="noreferrer"
+          >
+            <div className={styles.brnch} id={styles.acc}>
+              <p>Anatomy</p>
+            </div>
+          </a>
+          <a
+            // href="https://drive.google.com/file/d/1Wv_WY3hosCgXQ7aIMW_UN3nqRn_yjkQ8/view?usp=sharing"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <div className={styles.brnch} id={styles.ae}>
+              <p>Biochemistry</p>
+            </div>
+          </a>
+          <a
+            // href="https://drive.google.com/file/d/1TjlG4xT2Jcp36OcEzgfYV__8er4NHnQn/view?usp=sharing"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <div className={styles.brnch} id={styles.bnk}>
+              <p>Physiology</p>
+            </div>
+          </a>
+          <a
+            // href="https://drive.google.com/file/d/1UxIUbgLSEyvXJBvYzouA8RoXd-SKXCaB/view?usp=sharing"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <div className={styles.brnch} id={styles.ins}>
+              <p>Community Medicine </p>
+            </div>
+          </a>
+        </div>
+      </section>
+      <Footer />
+    </>
+  );
+}
diff --git a/pages/index.js b/pages/index.js
index 7b5a4a11..925e4494 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -180,14 +180,14 @@ export default function Home() {
               <Link passHref href='/courses/btech'>
                 <Tilt options={{ max: 60, glare: true }} className={styles.tlt}>
                   <div className={styles.grab1}>
-                    <p>B.Tech</p>
+                    <p>B.Tech/B.E</p>
                   </div>
                 </Tilt>
               </Link>
-              <Link passHref href='/'>
+              <Link passHref href='/courses/mbbs'>
                 <Tilt options={{ max: 60, glare: true }} className={styles.tlt}>
                   <div className={styles.grab2}>
-                    <p>B.E</p>
+                    <p>M.B.B.S</p>
                   </div>
                 </Tilt>
               </Link>
diff --git a/public/images/btech/food.jpg b/public/images/btech/food.jpg
new file mode 100644
index 00000000..da335cb5
Binary files /dev/null and b/public/images/btech/food.jpg differ
diff --git a/public/images/home/mbbs.jpeg b/public/images/home/mbbs.jpeg
new file mode 100644
index 00000000..7a156ae2
Binary files /dev/null and b/public/images/home/mbbs.jpeg differ
diff --git a/styles/Btech.module.css b/styles/Btech.module.css
index eb30b8ee..78c5c560 100644
--- a/styles/Btech.module.css
+++ b/styles/Btech.module.css
@@ -31,7 +31,7 @@
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
-  max-width: 800px;
+  max-width: 1500px;
   margin: auto;
 }
 
@@ -98,6 +98,9 @@
 #chem {
   background: url("/images/btech/chem.svg") no-repeat center center;
 }
+#food{
+  background: url("/images/btech/food.jpg") no-repeat center center;
+}
 #ai {
   background: url("/images/btech/ai.webp") no-repeat center center;
 }
diff --git a/styles/Home.module.css b/styles/Home.module.css
index f36c467e..510175ab 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -132,10 +132,10 @@
   margin: 20px !important;
 }
 .grab1 {
-  background: url('/images/home/btech.svg') no-repeat center center;
+  background: url('/images/home/be.svg') no-repeat center center;
 }
 .grab2 {
-  background: url('/images/home/be.svg') no-repeat center center/cover;
+  background: url('/images/home/mbbs.jpeg') no-repeat center center/cover;
 }
 .grab3 {
   background: url('/images/home/bcom.svg') no-repeat center center/cover;
diff --git a/styles/scss/sems.module.scss b/styles/scss/sems.module.scss
index 89f6fa73..bfe5329a 100644
--- a/styles/scss/sems.module.scss
+++ b/styles/scss/sems.module.scss
@@ -8,7 +8,7 @@
   @include flex;
   flex-wrap: wrap;
   margin: 5rem auto auto auto;
-  max-width: 1000px;
+  max-width: 1300px;
 
   .semNum {
     text-align: left !important;