added footer to all pages and optimiz 4th year page

src/components/page1/Home.css

@@ -1,3 +1,6 @@
+.container-size{
+  height: 70vh;
+}
 .title{
     display: flex;
     justify-content: center;

src/components/page1/Home.js

@@ -3,7 +3,7 @@ import '../page1/Home.css';
 import {Link} from 'react-router-dom';
 function Home() {
   return (
-    <div>
+    <div class="container-size">
         <div className="title">
          <h2>Visit your year</h2>
         </div>

src/components/page2/notice.css

@@ -4,7 +4,7 @@
     align-items: center;
     background-color: #f0f0f0;
     padding: 10px;
-    font-size: 12px;
+    font-size: 14px;
 }
 
 @media only screen and (max-width : 767px) { 

src/components/page3/1Year.js

@@ -1,6 +1,7 @@
 import React from 'react'
 import {Link} from 'react-router-dom';
 import Header from '../../pages/header';
+import Footer from '../../pages/footer';
 import '../page3/1Year.css';
 import quantumImage from '../../assets/icons8-book-64.png';
 import timetable from '../../assets/icons8-timetable-64.png';
@@ -68,6 +69,7 @@ function fstYear() {
 </div>
 
 </div>
+<Footer/>
 </div>
   )
 }

src/components/page3/2Year.js

@@ -2,6 +2,7 @@ import React from 'react'
 import {Link} from 'react-router-dom';
 import '../page3/2Year.css'
 import Header from '../../pages/header';
+import Footer from '../../pages/footer';
 import quantumImage from '../../assets/icons8-book-64.png';
 import timetable from '../../assets/icons8-timetable-64.png';
 import syllabus from '../../assets/icons8-syllabus-80 (1).png';
@@ -67,7 +68,7 @@ function sndYear() {
 </div>
 </div>
 </div>
-{/* <Footer /> */}
+<Footer />
   </div>
   )
 }

src/components/page3/3Year.js

@@ -2,6 +2,7 @@ import React from 'react'
 import {Link} from 'react-router-dom';
 import '../page3/3Year.css'
 import Header from '../../pages/header';
+import Footer from '../../pages/footer';
 import quantumImage from '../../assets/icons8-book-64.png';
 import timetable from '../../assets/icons8-timetable-64.png';
 import syllabus from '../../assets/icons8-syllabus-80 (1).png';
@@ -69,7 +70,7 @@ function TrdYear() {
 </div>
 </div>
 </div>
-{/* <Footer /> */}
+<Footer />
     </div>
   )
 }

src/components/page3/4Year.js

@@ -1,57 +1,76 @@
 import React from 'react'
 import {Link} from 'react-router-dom';
+import '../page3/2Year.css'
 import Header from '../../pages/header';
-import '../page3/1Year.css';
-
-
-import quantumImage from '../../assets/5th.png';
-import youtube from '../../assets/ytt.png'
-import timetable from '../../assets/sec-3A.jpg';
-import syllabus from '../../assets/syllabuswt.jpg';
-
-import ComingSoon from '../../pages/cs.js'
-
-
-function fothYear() {
-
-
-    return (
-  <div>
-
-  <Header/>
-
+import Footer from '../../pages/footer';
+import quantumImage from '../../assets/icons8-book-64.png';
+import timetable from '../../assets/icons8-timetable-64.png';
+import syllabus from '../../assets/icons8-syllabus-80 (1).png';
+import pyq from "../../assets/icons8-minus-1-year-80.png"
+import Notes from "../../assets/icons8-notes-80.png"
+import youtube from "../../assets/icons8-youtube-64.png";
+function sndYear() {
+  return (
+    <div>
+    <Header/>
+<div className='background'>
     <div className="yr">
-    <h2>4th year</h2>
+     <h1>4th Year</h1>
     </div>
 
-    <div className="content">
-      <div className="cards">
-
+    <div class="content" style={{height:"auto"}}>
+      <div class="cards">
+<Link class="link" to="/notes">
+  <div class="card red">
+   <img src={quantumImage} alt="" />
+      {/* <p class="tip"></p> */}
+      <p class="second-text">Quantum</p>
+
+  </div>
+  </Link>
 
+  <Link class="link"  to='/notes'>
+  <div class="card blue">
+  <img src={youtube} alt="" />
+  <p class="second-text">Lecture</p>
+  </div>
+  </Link>
 
-  <Link to='/frthsyllabus'>
-  <div className="card pink">
+ <Link class="link" to='/frthsyllabus'>
+  <div class="card pink">
   <img src={syllabus} alt="" />
-    <p className="second-text">Syllabus</p>
+    <p class="second-text">Syllabus</p>
   </div> 
   </Link>
 
-
-
-
-
-
-
-  </div>
+ <Link class="link"  to="/notes">
+  <div class="card syan">
+   <img src={timetable} alt="" />
+    <p class="second-text">Timetable</p>
   </div>
+  </Link>
 
+ <Link class="link" to='/notes'>
+  <div class="card green">
+    <img src={pyq} alt=''/>
+   <p   class="second-text">PYQ</p>
   </div>
+  </Link>
 
-    )
-  }
-
-
-
+<Link  class="link"  to='/notes'>
+  <div class="card yellow">
+  <img src={Notes} alt=''/>
+
+      <p class="second-text">Notes</p>
+  </div>
+  </Link>
 
+</div>
+</div>
+</div>
+<Footer />
+  </div>
+  )
+}
 
-export default fothYear;
+export default sndYear

src/components/page4/syllabus.css

@@ -1,5 +1,6 @@
 .ag-format-container {
     width: 1142px;
+    height: 65vh;
     margin: 0 auto;
   }
 

src/components/page6(2nd)/sndquantum.css

@@ -6,7 +6,7 @@
     flex-wrap: wrap;
     gap: 15px;
     height: 50vh;
-    margin-bottom: 100px;
+    margin-bottom: 0px;
   }
   .book {
      flex: nowrap;

src/pages/footer.css

@@ -1,6 +1,6 @@
 .footer {
-  position: absolute;
-  bottom: 0;
+  position: relative;
+  bottom: 0px;
   width: 100%;
   background-color: lavender;
   box-shadow: