diff --git a/src/components/page3/1Year.js b/src/components/page3/1Year.js
index e50cdd8..c7e9796 100644
--- a/src/components/page3/1Year.js
+++ b/src/components/page3/1Year.js
@@ -13,12 +13,33 @@ import MyChatbot from '../ChatBot/chatbot';
 function fstYear() {
   return (
     <div>
+<Link to="/" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+  <svg 
+    xmlns="http://www.w3.org/2000/svg" 
+    width="42" 
+    height="42" 
+    fill="currentColor" 
+    viewBox="0 0 16 16" 
+    style={{ 
+      fontWeight: 'bold',
+      position: 'fixed', 
+      top: 139, 
+      left: 20
+    }}
+  >
+    <path 
+      fillRule="evenodd" 
+      d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+    />
+  </svg>
+</Link>
+
+<Header/>
+  <div class="background">
+  <div className="yr">
+   <h1>1st Year</h1>
+  </div>
 
-      <Header />
-      <div class="background">
-        <div className="yr">
-          <h1>1st Year</h1>
-        </div>
 
         <div className="content" style={{ height: "auto" }}>
           <div class="cards">
diff --git a/src/components/page3/2Year.js b/src/components/page3/2Year.js
index 2d606ae..cf1bb54 100644
--- a/src/components/page3/2Year.js
+++ b/src/components/page3/2Year.js
@@ -13,6 +13,26 @@ import MyChatbot from '../ChatBot/chatbot';
 function sndYear() {
   return (
     <div>
+    <Link to="/" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+  <svg 
+    xmlns="http://www.w3.org/2000/svg" 
+    width="42" 
+    height="42" 
+    fill="currentColor" 
+    viewBox="0 0 16 16" 
+    style={{ 
+      fontWeight: 'bold',
+      position: 'fixed', 
+      top: 139, 
+      left: 20
+    }}
+  >
+    <path 
+      fillRule="evenodd" 
+      d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+    />
+  </svg>
+</Link>
       <Header />
       <div className='background'>
         <div className="yr">
diff --git a/src/components/page3/3Year.js b/src/components/page3/3Year.js
index c82e33b..a7cfa53 100644
--- a/src/components/page3/3Year.js
+++ b/src/components/page3/3Year.js
@@ -16,6 +16,28 @@ function TrdYear() {
 
   return (
     <div>
+
+<Link to="/" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+  <svg 
+    xmlns="http://www.w3.org/2000/svg" 
+    width="42" 
+    height="42" 
+    fill="currentColor" 
+    viewBox="0 0 16 16" 
+    style={{ 
+      fontWeight: 'bold',
+      position: 'fixed', 
+      top: 139, 
+      left: 20
+    }}
+  >
+    <path 
+      fillRule="evenodd" 
+      d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+    />
+  </svg>
+</Link>
+
       <Header/>
   <div class="background">
       <div className="yr">
diff --git a/src/components/page3/4Year.js b/src/components/page3/4Year.js
index 3cdb6e8..79093f9 100644
--- a/src/components/page3/4Year.js
+++ b/src/components/page3/4Year.js
@@ -13,6 +13,26 @@ import MyChatbot from '../ChatBot/chatbot.jsx';
 function fothYear() {
   return (
     <div>
+      <Link to="/" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+  <svg 
+    xmlns="http://www.w3.org/2000/svg" 
+    width="42" 
+    height="42" 
+    fill="currentColor" 
+    viewBox="0 0 16 16" 
+    style={{ 
+      fontWeight: 'bold',
+      position: 'fixed', 
+      top: 139, 
+      left: 20
+    }}
+  >
+    <path 
+      fillRule="evenodd" 
+      d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+    />
+  </svg>
+</Link>
     <Header/>
 <div className='background'>
     <div className="yr">
diff --git a/src/components/page4/lecture.js b/src/components/page4/lecture.js
index afc579a..38cd4f3 100644
--- a/src/components/page4/lecture.js
+++ b/src/components/page4/lecture.js
@@ -13,7 +13,10 @@ import se from '../../assets/se.jpg';
 import bd from '../../assets/bd.jpg';
 import {FaMagnifyingGlass } from 'react-icons/fa6'
 import NoResultsFound from '../noResultsFound/index.js'
+
+import {Link} from 'react-router-dom';
 import Footer from './../../pages/footer.js';
+
 function Lecture() {
   // State for search query
   const [searchQuery, setSearchQuery] = useState('');
@@ -40,6 +43,26 @@ function Lecture() {
 
   return (
     <div>
+      <Link to="/trdyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 139, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
       <Header />
       <div className="lecturetrd">
         <h1>Lecture</h1>
diff --git a/src/components/page4/pyq.js b/src/components/page4/pyq.js
index d32c90c..cdcd810 100644
--- a/src/components/page4/pyq.js
+++ b/src/components/page4/pyq.js
@@ -5,8 +5,10 @@ import Footer from "../../pages/footer";
 import VisibilityIcon from '@mui/icons-material/Visibility';
 import DownloadIcon from '@mui/icons-material/Download';
 import './Pyq.css'; 
+import {Link} from 'react-router-dom';
 import MyChatbot from '../ChatBot/chatbot';
 
+
 function Pyq() {
   const yearFiles = [
     {
@@ -153,9 +155,30 @@ function Pyq() {
   const { id } = useParams();
   const yearItem = yearFiles.find((item) => item.year === id);
   const [selectedSemester, setSelectedSemester] = useState(null);
+  const yearLink={"1st":"/fstyear","2nd":"/sndyear","3rd":"/trdyear","4th":"/fothyear"};
 
   return (
     <div className="page-container">
+      <Link to={yearLink[yearItem.year]} className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 130, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
       <Header />
       <div className="container-pyq">
         <h2 className="year-heading">Download Previous Year Questions - {id} Year</h2>
diff --git a/src/components/page4/timetable.js b/src/components/page4/timetable.js
index 4f3e71f..1ef938e 100644
--- a/src/components/page4/timetable.js
+++ b/src/components/page4/timetable.js
@@ -2,8 +2,10 @@ import React, {useState} from 'react'
 import Imgdata from '../imgdata';
 import '../page4/timetable.css';
 import Header from "../../pages/header.js"
+import {Link} from 'react-router-dom';
 import MyChatbot from '../ChatBot/chatbot.jsx';
 import Footer from './../../pages/footer.js';
+
 function Timetable() {
 
     const [selectedSection, setSelectedSection] = useState(null);
@@ -13,11 +15,28 @@ function Timetable() {
 
   return (
     <div>
+    <Link to="/trdyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 139, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
     <Header/>
     <div style={{height:"69vh"}} >
-       
-       
-    
        <div className="trdyr">
       <center>
         <h3> 3rd year time table</h3>
diff --git a/src/components/page4/trdquantum.js b/src/components/page4/trdquantum.js
index 841832c..f323a0c 100644
--- a/src/components/page4/trdquantum.js
+++ b/src/components/page4/trdquantum.js
@@ -11,8 +11,10 @@ import Imgwt from '../../assets/wt.png';
 import Imgitcs from '../../assets/itcsimg.jpg';
 import {FaMagnifyingGlass } from 'react-icons/fa6'
 import NoResultsFound from '../noResultsFound/index.js'
+import {Link} from 'react-router-dom';
 import MyChatbot from '../ChatBot/chatbot.jsx';
 import Footer from './../../pages/footer.js';
+
 const quantumBooks = [
   { img: Imgcd, title: "Compiler Design", file: "cd" },
   { img: Imgda, title: "Data Analytics", file: "DataAnalytics" },
@@ -52,6 +54,26 @@ function Quantum() {
 
   return (
     <div>
+      <Link to="/trdyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 139, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
       <Header />
       <div style={{ overflow: "auto" }}>
         <div className="quantum-head">
diff --git a/src/components/page5(1st)/fstlecture.js b/src/components/page5(1st)/fstlecture.js
index 7ddf5b5..a1745a4 100644
--- a/src/components/page5(1st)/fstlecture.js
+++ b/src/components/page5(1st)/fstlecture.js
@@ -2,7 +2,9 @@ import React, { useState } from 'react';
 import Header from '../../pages/header';
 import './fstlecture.css';
 import NoResultsFound from '../noResultsFound/index.js'
+import {Link} from 'react-router-dom';
 import Footer from './../../pages/footer.js';
+
 // Import images
 import ec from '../../assets/ec.jpg';
 import mtwo from '../../assets/mtwo.jpg';
@@ -47,6 +49,28 @@ function Lecture() {
 
   return (
     <div>
+
+      <Link to="/fstyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 139, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
+
       <Header />
       <div className="lecturetrd">
         <h1>1st year lecture</h1>
diff --git a/src/components/page5(1st)/fstpyq.js b/src/components/page5(1st)/fstpyq.js
index f4ad9c4..5952822 100644
--- a/src/components/page5(1st)/fstpyq.js
+++ b/src/components/page5(1st)/fstpyq.js
@@ -1,11 +1,32 @@
 import React from 'react'
 import ComingSoon from '../../pages/cs.js';
 import Header from '../../pages/header.js';
+import {Link} from 'react-router-dom';
 
 
 function fstpyq() {
   return (
     <div>
+       <Link to="/fstyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 130, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
        <Header />
        <ComingSoon/>
     </div>
diff --git a/src/components/page5(1st)/fstquantum.js b/src/components/page5(1st)/fstquantum.js
index e350231..49fca08 100644
--- a/src/components/page5(1st)/fstquantum.js
+++ b/src/components/page5(1st)/fstquantum.js
@@ -11,9 +11,11 @@ import Imgchem from '../../assets/chemistry.webp';
 import Imgmath2 from '../../assets/math2.jpg';
 import Imgelectronics from '../../assets/electronics.png';
 import Imgmech from '../../assets/mechanical.jpg';
-import {FaMagnifyingGlass } from 'react-icons/fa6'
+import {FaMagnifyingGlass } from 'react-icons/fa6';
+import {Link} from 'react-router-dom';
 import MyChatbot from '../ChatBot/chatbot.jsx';
 import Footer from './../../pages/footer.js';
+
 const books = [
   { img: Imgphy, title: "Engineering Physics", file: "physics" },
   { img: Imgmath1, title: "Engineering Mathematics-I", file: "Mathematics1" },
@@ -54,6 +56,26 @@ function Quantum() {
 
   return (
     <div>
+      <Link to="/fstyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 130, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
       <Header />
       <div>
         <h2 className="quantum-head">1st year quantum book</h2>
diff --git a/src/components/page5(1st)/fstsyllabus.js b/src/components/page5(1st)/fstsyllabus.js
index 75709ea..8174237 100644
--- a/src/components/page5(1st)/fstsyllabus.js
+++ b/src/components/page5(1st)/fstsyllabus.js
@@ -1,7 +1,8 @@
 import React from "react";
 import Header from "../../pages/header";
 import Footer from "../../pages/footer";
-import "../page4/syllabus.css";
+import '../page4/syllabus.css';
+import {Link} from 'react-router-dom';
 import MyChatbot from "../ChatBot/chatbot";
 
 const fstsyllabus = () => {
@@ -21,6 +22,26 @@ const fstsyllabus = () => {
 
   return (
     <div>
+    <Link to="/fstyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+          <svg 
+            xmlns="http://www.w3.org/2000/svg" 
+            width="42" 
+            height="42" 
+            fill="currentColor" 
+            viewBox="0 0 16 16" 
+            style={{ 
+              fontWeight: 'bold',
+              position: 'fixed', 
+              top: 130, 
+              left: 20
+            }}
+          >
+            <path 
+              fillRule="evenodd" 
+              d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+            />
+          </svg>
+        </Link>
       <Header />
       <h2 className="head">Download Syllabus</h2>
 
diff --git a/src/components/page5(1st)/fsttimetable.js b/src/components/page5(1st)/fsttimetable.js
index f3515eb..5f8be8f 100644
--- a/src/components/page5(1st)/fsttimetable.js
+++ b/src/components/page5(1st)/fsttimetable.js
@@ -2,6 +2,8 @@ import React, {useState} from 'react'
 import Imgdata from '../imgdata';
 import '../page4/timetable.css';
 import Header from "../../pages/header.js"
+import ComingSoon from '../../pages/cs.js';
+import {Link} from 'react-router-dom';
 import MyChatbot from '../ChatBot/chatbot.jsx';
 import Footer from './../../pages/footer.js';
 function FstTimetable() {
@@ -13,11 +15,31 @@ function FstTimetable() {
 
   return (
     <div>
+
+      <Link to="/fstyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          // fill="currentColor" when page is developed uncomment this line.
+          fill="white" //comment this when page is developed
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 130, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
+
     <Header/>
-    <div style={{height:"69vh"}} >
-       
-       
-    
+    <div style={{height:"69vh"}} >    
        <div className="trdyr">
       <center>
         <h3> 1st year time table</h3>
diff --git a/src/components/page6(2nd)/sndlecture.js b/src/components/page6(2nd)/sndlecture.js
index 0f8eecc..e22a8db 100644
--- a/src/components/page6(2nd)/sndlecture.js
+++ b/src/components/page6(2nd)/sndlecture.js
@@ -14,6 +14,7 @@ import Imgos from '../../assets/los.jpg';
 import Imgtafl from '../../assets/ltafl.jpg';
 import ssii from '../../assets/ssii.jpg';
 import {FaMagnifyingGlass } from 'react-icons/fa6'
+import {Link} from 'react-router-dom';
 import MyChatbot from '../ChatBot/chatbot.jsx';
 import Footer from './../../pages/footer.js';
 
@@ -46,6 +47,26 @@ function SndLecture() {
 
   return (
     <div>
+      <Link to="/sndyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 139, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
       <Header />
       <div className="lecturetrd">
         <h1>2nd year lecture</h1>
diff --git a/src/components/page6(2nd)/sndquantum.js b/src/components/page6(2nd)/sndquantum.js
index e03497e..5317b0c 100644
--- a/src/components/page6(2nd)/sndquantum.js
+++ b/src/components/page6(2nd)/sndquantum.js
@@ -16,8 +16,10 @@ import Imgos from '../../assets/os.jpg';
 import Imgtafl from '../../assets/autometa.png';
 import {FaMagnifyingGlass } from 'react-icons/fa6'
 import { FilterBAndW } from '@mui/icons-material';
+import {Link} from 'react-router-dom';
 import MyChatbot from '../ChatBot/chatbot.jsx';
 import Footer from './../../pages/footer.js';
+
 const books = [
   { img: Imgmath4, title: "Engineering Math4", file: "Mathematics4" },
   { img: Imgdsa, title: "Data Structure", file: "dsa" },
@@ -58,6 +60,26 @@ function SndQuantum() {
 
   return (
     <div>
+      <Link to="/sndyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed',
+            top: 130, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
       <Header />
       <div style={{ overflow: "auto" }}>
         <h2 className="quantum-head">2nd year quantum book</h2>
diff --git a/src/components/page6(2nd)/sndsyllabus.js b/src/components/page6(2nd)/sndsyllabus.js
index f8e3562..b48e416 100644
--- a/src/components/page6(2nd)/sndsyllabus.js
+++ b/src/components/page6(2nd)/sndsyllabus.js
@@ -2,6 +2,7 @@ import React  from 'react'
 import Header from "../../pages/header";
 import Footer from "../../pages/footer";
 import '../page4/syllabus.css';
+import {Link} from 'react-router-dom';
 import MyChatbot from '../ChatBot/chatbot';
 
 
@@ -21,6 +22,26 @@ const Syllabus =() => {
     }
   return (
     <div>
+        <Link to="/sndyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+          <svg 
+            xmlns="http://www.w3.org/2000/svg" 
+            width="42" 
+            height="42" 
+            fill="currentColor" 
+            viewBox="0 0 16 16" 
+            style={{ 
+              fontWeight: 'bold',
+              position: 'fixed',
+              top: 139, 
+              left: 20
+            }}
+          >
+            <path 
+              fillRule="evenodd" 
+              d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+            />
+          </svg>
+        </Link>
         <Header/>
 
 
diff --git a/src/components/page7(4yr)/frthsyllabus.js b/src/components/page7(4yr)/frthsyllabus.js
index 27b7a39..8e31a2d 100644
--- a/src/components/page7(4yr)/frthsyllabus.js
+++ b/src/components/page7(4yr)/frthsyllabus.js
@@ -2,9 +2,9 @@ import React  from 'react'
 import Header from "../../pages/header";
 import Footer from "../../pages/footer";
 import '../page4/syllabus.css';
+import {Link} from 'react-router-dom';
 import MyChatbot from '../ChatBot/chatbot';
 
-
 const frthsyllabus =() => {
 
     // const[selectSem, setSelectSem] = useState(null);
@@ -21,6 +21,26 @@ const frthsyllabus =() => {
     }
   return (
     <div>
+      <Link to="/fothyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 139, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
         <Header/>
 
 
diff --git a/src/components/page8(3yr)/trdsyllabus.js b/src/components/page8(3yr)/trdsyllabus.js
index 9cc2994..f2e9030 100644
--- a/src/components/page8(3yr)/trdsyllabus.js
+++ b/src/components/page8(3yr)/trdsyllabus.js
@@ -2,6 +2,7 @@ import React  from 'react'
 import Header from "../../pages/header";
 import Footer from "../../pages/footer";
 import '../page4/syllabus.css';
+import {Link} from 'react-router-dom';
 import MyChatbot from '../ChatBot/chatbot';
 
 
@@ -21,6 +22,26 @@ const trdsyllabus =() => {
     }
   return (
     <div>
+      <Link to="/trdyear" className="back-icon" style={{ position: 'absolute', top: '75px !important', left: '35px', fontSize: '42px' }}>
+        <svg 
+          xmlns="http://www.w3.org/2000/svg" 
+          width="42" 
+          height="42" 
+          fill="currentColor" 
+          viewBox="0 0 16 16" 
+          style={{ 
+            fontWeight: 'bold',
+            position: 'fixed', 
+            top: 139, 
+            left: 20
+          }}
+        >
+          <path 
+            fillRule="evenodd" 
+            d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"
+          />
+        </svg>
+      </Link>
         <Header/>