diff --git a/src/components/page1/Home.css b/src/components/page1/Home.css
index da5e4c7..2d4771b 100644
--- a/src/components/page1/Home.css
+++ b/src/components/page1/Home.css
@@ -9,7 +9,7 @@
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
-    height: 50vh;
+   
     margin-bottom: 100px;
 
 }
diff --git a/src/components/page3/1Year.css b/src/components/page3/1Year.css
index 6591bec..7bd8efe 100644
--- a/src/components/page3/1Year.css
+++ b/src/components/page3/1Year.css
@@ -18,7 +18,7 @@
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
-    height: 50vh;
+    
     margin-bottom: 10px;
 
 }
diff --git a/src/components/page4/lecture.css b/src/components/page4/lecture.css
index b704961..5fb13d2 100644
--- a/src/components/page4/lecture.css
+++ b/src/components/page4/lecture.css
@@ -2,9 +2,13 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    padding: 30px 0px;
+}
+.lecture{
+  margin-bottom: 50px;
 }
-
 .container {
+   margin-top: 10px;
     color: rgb(42, 36, 36);
     position: relative;
     font-family: sans-serif;
@@ -12,10 +16,10 @@
     justify-content: center;
     /* flex-direction: column; */
     flex-wrap: wrap;
-    gap: 15px;
-    
-    height: 50vh;
-    margin-bottom: 0px;
+    gap: 25px;
+    margin-bottom: 50px;
+
+    padding: 20px;
   }
   
   .container::before,
@@ -43,31 +47,45 @@
   }
   
   .container .box {
+    padding: 10px;
     width: 17.875em;
     height: 17.875em;
-    padding: 0rem;
-    background-color: rgba(41, 2, 73, 0.074);
+    cursor: pointer;
+    padding: 1rem;
+    align-items: center;
+    background-color: rgb(91 74 104 / 30%);
     border: 1px solid rgba(244, 252, 34, 0.222);
     -webkit-backdrop-filter: blur(20px);
     backdrop-filter: blur(20px);
-    border-radius: 0.7rem;
+    margin-bottom: 10px;
+ 
+    border-radius: 2.7rem;
     transition: all ease 0.3s;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+  .lec-desc{
+    font-size: 20px;
   }
-  
   .container .box {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
   }
   .container .box:hover {
-    box-shadow: 0px 0px 20px 1px #ffbb763f;
-    border: 1px solid rgba(255, 255, 255, 0.454);
+   
   }
-  
+  .lec-desc {
+    font-size: 1.2rem;
+    text-align: center;
+    font-weight: 600;
+}
   
  .container .box .upper img{
     width: 285px;
     height: 150px;
+    border-radius: 1rem;
   }
 
  /* .container .box button{
diff --git a/src/components/page4/lecture.js b/src/components/page4/lecture.js
index af231f7..b749bf5 100644
--- a/src/components/page4/lecture.js
+++ b/src/components/page4/lecture.js
@@ -16,6 +16,7 @@ function lecture() {
   return (
     <div>
       <Header/>
+      <div class="background" >
      <div className="lecturetrd">
        <h1> Lecture</h1>
      </div>
@@ -23,14 +24,14 @@ function lecture() {
      {/* <div className="lecturelink"> */}
     
          
-        <div class="container">
+        <div class="container" style={{overflow:"auto"}}>
        
        {/* compiler Design */}
         <div class="box">
          <div className="upper">
                 <img src={cd} alt="img" />
                 </div>
-              <span>Compiler Design</span>
+              <span className='lec-desc'>Compiler Design</span>
              <a href="https://www.youtube.com/watch?v=zaZU4zSdQ1U&list=PL_obO5Qb5QTEZrWlX_B19OV5nJViKGnnC">
                  View Content
             </a>
@@ -41,7 +42,7 @@ function lecture() {
          <div className="upper">
                 <img src={da} alt="img" />
                 </div>
-              <span>Data analytics</span>
+              <span className='lec-desc'>Data analytics</span>
              <a href="https://www.youtube.com/watch?v=FyxA8JsKn90&list=PL1uhi2_UdvkDp2KlegPmEjmF70O3WUODA">
                  View Content
             </a>
@@ -53,7 +54,7 @@ function lecture() {
          <div className="upper">
                 <img src={daa} alt="img" />
                 </div>
-              <span>Design Analysis and Algorithm </span>
+              <span className='lec-desc'>Design Analysis and Algorithm </span>
              <a href="https://www.youtube.com/watch?v=twE1eiO7gEE&list=PL-JvKqQx2Atd--1Gs3WB8nmWOWRbEM7WW">
                  View Content
             </a>
@@ -64,7 +65,7 @@ function lecture() {
          <div className="upper">
                 <img src={mlt} alt="img" />
                 </div>
-              <span>Machine Learning</span>
+              <span className='lec-desc'>Machine Learning</span>
              <a href="https://www.youtube.com/watch?v=OZkYkWYNTRo&list=PL5vhyNmOQ5ORE-wzDcfhQZiRM7jESvzhD">
                  View Content
             </a>
@@ -76,7 +77,7 @@ function lecture() {
          <div className="upper">
                 <img src={dbms} alt="img" />
                 </div>
-              <span>DataBase Management system</span>
+              <span className='lec-desc'>DataBase Management system</span>
              <a href="https://www.youtube.com/watch?v=Agz0dyRu2uI&list=PL_obO5Qb5QTGDsMsl16VLKAxtaTqJRjER">
                  View Content
             </a>
@@ -87,7 +88,7 @@ function lecture() {
          <div className="upper">
                 <img src={cn} alt="img" />
                 </div>
-              <span>Computer Network</span>
+              <span className='lec-desc'>Computer Network</span>
              <a href="https://www.youtube.com/watch?v=04A4PRikkCY&list=PL-JvKqQx2AteLNR8UO4UQiDmQF-Wotu5G">
                  View Content
             </a>
@@ -98,7 +99,7 @@ function lecture() {
          <div className="upper">
                 <img src={oops} alt="img" />
                 </div>
-              <span> OOPs</span>
+              <span className='lec-desc'> OOPs</span>
              <a href="https://www.youtube.com/watch?v=82ba_at_TkM&list=PLDt-fuLi9lO9cej3TpU6_umkt_KSM8H7b">
                  View Content
             </a>
@@ -109,7 +110,7 @@ function lecture() {
          <div className="upper">
                 <img src={wt} alt="img" />
                 </div>
-              <span> Web Technology</span>
+              <span className='lec-desc'> Web Technology</span>
              <a href="https://www.youtube.com/watch?v=M8i-1oeHaDw&list=PL-JvKqQx2Atf5w_httliQrmqPpL7oLc-W">
                  View Content
             </a>
@@ -120,7 +121,7 @@ function lecture() {
          <div className="upper">
                 <img src={bd} alt="img" />
                 </div>
-              <span>Big Data</span>
+              <span className='lec-desc'>Big Data</span>
              <a href="https://www.youtube.com/watch?v=I_ku0D4uQzQ&list=PLPIwNooIb9vi4f8tVkzLnr1tll6Pubbqhi">
                  View Content
             </a>
@@ -132,7 +133,7 @@ function lecture() {
          <div className="upper">
                 <img src={se} alt="img" />
                 </div>
-              <span>Software Engineering</span>
+              <span className='lec-desc'>Software Engineering</span>
              <a href="https://www.youtube.com/watch?v=imzSpM_5R6k&list=PL-JvKqQx2AtdZ7m5Nui3RwqEnNcZZ9N1L">
                  View Content
             </a>
@@ -141,7 +142,7 @@ function lecture() {
 
        </div>
      </div>
-    // </div>
+    </div>
   )
 }
 
diff --git a/src/components/page4/quantum.css b/src/components/page4/quantum.css
index 27c7b55..41c30ad 100644
--- a/src/components/page4/quantum.css
+++ b/src/components/page4/quantum.css
@@ -4,6 +4,10 @@
     align-items: center;
     
 }
+.book p{
+  color: #3d3003;
+  font-size: 22px;
+}
 .link1{
   
     text-decoration: none;
@@ -11,7 +15,7 @@
 
 }
 .quantum-head{
- 
+ font-size: 36px;
   border-bottom: 2px solid #9a5959;
   justify-content: center;
   text-align: center;
diff --git a/src/components/page5(1st)/fstlecture.css b/src/components/page5(1st)/fstlecture.css
index 99c9494..1fbef60 100644
--- a/src/components/page5(1st)/fstlecture.css
+++ b/src/components/page5(1st)/fstlecture.css
@@ -12,9 +12,7 @@
     justify-content: center;
     /* flex-direction: column; */
     flex-wrap: wrap;
-    gap: 15px;
-    
-    height: 50vh;
+    gap: 25px;
     margin-bottom: 0px;
   }
   
@@ -43,15 +41,21 @@
   }
   
   .container .box {
+    padding: 10px;
     width: 17.875em;
     height: 17.875em;
-    padding: 0rem;
-    background-color: rgba(41, 2, 73, 0.074);
+    padding: 1rem;
+    align-items: center;
+    background-color: rgb(91 74 104 / 30%);
     border: 1px solid rgba(244, 252, 34, 0.222);
     -webkit-backdrop-filter: blur(20px);
     backdrop-filter: blur(20px);
-    border-radius: 0.7rem;
+    box-shadow: 2px 2px 10px black;
+    border-radius: 2.7rem;
     transition: all ease 0.3s;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
   }
   
   .container .box {
@@ -60,14 +64,20 @@
     justify-content: space-between;
   }
   .container .box:hover {
-    box-shadow: 0px 0px 20px 1px #ffbb763f;
-    border: 1px solid rgba(255, 255, 255, 0.454);
+     scale: 1.02;
+     background-color: rgb(192 143 230 / 67%);
+     box-shadow: 5px 5px 10px rgb(0, 0, 0);
   }
   
   
  .container .box .upper img{
     width: 285px;
     height: 150px;
+    border-radius: 1rem;
+    border:1px solid #1f2021
+  }
+  .upper span{
+    font-size: 1rem;
   }
 
  /* .container .box button{
@@ -93,7 +103,8 @@
     align-items: center;
     padding: 10px 15px;
     gap: 15px;
-    background-color: #007ACC;
+    background-color: rgb(161, 211, 245);
+    color: black;
     outline: 3px #007ACC solid;
     outline-offset: -3px;
     border-radius: 15px;
@@ -102,11 +113,11 @@
     cursor: pointer;
     transition: 400ms;
     cursor: pointer;
-    color: #fff;
+   
  }
   .container .box a:hover{
-    background-color: transparent;
-    color: black;
+    background-color: #007ACC;
+    color: #fff;
   }
 
   
diff --git a/src/components/page5(1st)/fstlecture.js b/src/components/page5(1st)/fstlecture.js
index aa11b20..cbf135a 100644
--- a/src/components/page5(1st)/fstlecture.js
+++ b/src/components/page5(1st)/fstlecture.js
@@ -21,22 +21,23 @@ function lecture() {
   return (
     <div>
       <Header/>
+      <div class="background" >
      <div className="lecturetrd">
-       <h1> 1st year lecture</h1>
+       <h1> 1st Year Lecture</h1>
 
      </div>
 
      {/* <div className="lecturelink"> */}
     
          
-        <div class="container">
+        <div class="container" style={{overflow:"auto"}}>
        
        {/* compiler Design */}
         <div class="box">
          <div className="upper">
                 <img src={ep} alt="img" />
                 </div>
-              <span>Engineering Physics</span>
+              <span className='lec-desc'>Engineering Physics</span>
              <a href="https://www.youtube.com/watch?v=2Eqe7jPv-Bw&list=PLTYLC3XcJGZ5D3ohTYfOIR39L-H69f9Ca">
                  View Content
             </a>
@@ -47,7 +48,7 @@ function lecture() {
          <div className="upper">
                 <img src={mone} alt="img" />
                 </div>
-              <span>Engineering Mathematics-I</span>
+              <span className='lec-desc'>Engineering Mathematics-I</span>
              <a href="https://www.youtube.com/watch?v=VH6N7inCy9M&list=PL5Dqs90qDljVTfWmYSWjD99kcqdkI5zMM">
                  View Content
             </a>
@@ -59,7 +60,7 @@ function lecture() {
          <div className="upper">
                 <img src={elceng} alt="img" />
                 </div>
-              <span>Electrical Engineering </span>
+              <span className='lec-desc'>Electrical Engineering </span>
              <a href="https://www.youtube.com/watch?v=XdpqKF2g9PA&list=PL-JvKqQx2Atc61XCOHXm_ACNkOkAm3yO4">
                  View Content
             </a>
@@ -70,7 +71,7 @@ function lecture() {
          <div className="upper">
                 <img src={pps} alt="img" />
                 </div>
-              <span>PPS</span>
+              <span className='lec-desc'>PPS</span>
              <a href="https://www.youtube.com/watch?v=V7HBrSMEidc&list=PL-JvKqQx2AtdDyHzdsB1EzZuGCZN-3ucI">
                  View Content
             </a>
@@ -82,7 +83,7 @@ function lecture() {
          <div className="upper">
                 <img src={ai} alt="img" />
                 </div>
-              <span>Artificial Intelligence</span>
+              <span className='lec-desc'>Artificial Intelligence</span>
              <a href="https://www.youtube.com/watch?v=4ORelX5MDcY&list=PLUwI7zx-CMG1_OxCdn6ceo-YJOwIFzB_u">
                  View Content
             </a>
@@ -93,7 +94,7 @@ function lecture() {
          <div className="upper">
                 <img src={ssi} alt="img" />
                 </div>
-              <span>Soft Skill-I</span>
+              <span className='lec-desc'>Soft Skill-I</span>
              <a href="https://www.youtube.com/watch?v=04A4PRikkCY&list=PL-JvKqQx2AteLNR8UO4UQiDmQF-Wotu5G">
                  View Content
             </a>
@@ -104,7 +105,7 @@ function lecture() {
          <div className="upper">
                 <img src={ec} alt="img" />
                 </div>
-              <span> Engineering Chemistry</span>
+              <span className='lec-desc'> Engineering Chemistry</span>
              <a href="https://www.youtube.com/watch?v=GmhI0QzGTb4&list=PLtxdcwCcWWQ3O1VE8t6KFAFvxMg4GgzNx">
                  View Content
             </a>
@@ -115,7 +116,7 @@ function lecture() {
          <div className="upper">
                 <img src={mtwo} alt="img" />
                 </div>
-              <span> Engineering Mathematics-II</span>
+              <span className='lec-desc'> Engineering Mathematics-II</span>
              <a href="https://www.youtube.com/watch?v=0THzxpXzxfA&list=PL5Dqs90qDljVlWQBPaa6FIsoF2CodPiQJ">
                  View Content
             </a>
@@ -126,7 +127,7 @@ function lecture() {
          <div className="upper">
                 <img src={ee} alt="img" />
                 </div>
-              <span> Electronics Engineering</span>
+              <span className='lec-desc'> Electronics Engineering</span>
              <a href="https://www.youtube.com/watch?v=_r4YM5CjgQo&list=PLkojphh8hBnbk1YiRdV87sxhGf3l7doGp">
                  View Content
             </a>
@@ -138,7 +139,7 @@ function lecture() {
          <div className="upper">
                 <img src={me} alt="img" />
                 </div>
-              <span>Mechanical Engineering and Mechatronics</span>
+              <span className='lec-desc'>Mechanical Engineering and Mechatronics</span>
              <a href="https://www.youtube.com/watch?v=lMdwCZPJfj0&list=PL-JvKqQx2Atd9ffOCQTTrzePu1K12Gf6K">
                  View Content
             </a>
@@ -150,7 +151,7 @@ function lecture() {
          <div className="upper">
                 <img src={et} alt="img" />
                 </div>
-              <span>   Emerging Technology</span>
+              <span className='lec-desc'>   Emerging Technology</span>
              <a href="https://www.youtube.com/watch?v=27_3ilfvlck&list=PLaGBxvvw_eMWvXPgdYd444ih2wp1QxZ_Z">
                  View Content
             </a>
@@ -161,7 +162,7 @@ function lecture() {
          <div className="upper">
                 <img src={ssii} alt="img" />
                 </div>
-              <span> Soft skll-II</span>
+              <span className='lec-desc'> Soft skll-II</span>
              <a href="https://www.youtube.com/watch?v=TQWspT4kTPc&list=PL8nHpqzOrbFAvPeGY7_PJyoO4xFMs7a8ahttps://www.youtube.com/watch?v=TQWspT4kTPc&list=PL8nHpqzOrbFAvPeGY7_PJyoO4xFMs7a8ahttps://www.youtube.com/watch?v=TQWspT4kTPc&list=PL8nHpqzOrbFAvPeGY7_PJyoO4xFMs7a8a">
                  View Content
             </a>
@@ -170,6 +171,7 @@ function lecture() {
 
        </div>
      </div>
+     </div>
     // </div>
   )
 }
diff --git a/src/components/page5(1st)/fstquantum.js b/src/components/page5(1st)/fstquantum.js
index f5371f2..a09cd4e 100644
--- a/src/components/page5(1st)/fstquantum.js
+++ b/src/components/page5(1st)/fstquantum.js
@@ -30,7 +30,7 @@ function quantum() {
     <div >
       <Header />
 <div >
-  <h2 class="quantum-head">1st year quantum book</h2>
+  <h2 class="quantum-head">1st Year Quantum Book</h2>
       <div className="content" style={{  
     height: "auto"}}>
 
diff --git a/src/components/page6(2nd)/sndlecture.js b/src/components/page6(2nd)/sndlecture.js
index 04eb44a..7a7dc64 100644
--- a/src/components/page6(2nd)/sndlecture.js
+++ b/src/components/page6(2nd)/sndlecture.js
@@ -20,24 +20,25 @@ import ssii from '../../assets/ssii.jpg';
 
 function sndlecture() {
   return (
-    <div>
+    <div class="lecture">
       <Header/>
+      <div class="background" >
      <div className="lecturetrd">
-       <h1> 2nd year lecture</h1>
+       <h1> 2nd Year Lecture</h1>
 
      </div>
 
      {/* <div className="lecturelink"> */}
     
          
-        <div class="container">
+        <div class="container" style={{overflow:"auto"}}>
        
        {/* compiler Design */}
         <div class="box">
          <div className="upper">
                 <img src={Imgmath4} alt="img" />
                 </div>
-              <span>Engineering mathematics-4</span>
+              <span className='lec-desc' >Engineering mathematics-4</span>
              <a href="https://www.youtube.com/watch?v=14bNduEh9ag&list=PL5Dqs90qDljXYjZ8kDHtpMqPGKNGb2dxu">
                  View Content
             </a>
@@ -48,7 +49,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgdsa} alt="img" />
                 </div>
-              <span>Data Structure</span>
+              <span className='lec-desc'>Data Structure</span>
              <a href="https://www.youtube.com/watch?v=ouWefOMkMJA&list=PL-JvKqQx2AtcnX8uPrdjvCplAmwTSFhMO">
                  View Content
             </a>
@@ -60,7 +61,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgcoa} alt="img" />
                 </div>
-              <span>Computer Organization & Architecture</span>
+              <span className='lec-desc'>Computer Organization & Architecture</span>
              <a href="https://www.youtube.com/watch?v=8msCz6Nb6nk&list=PL-JvKqQx2Atfuxo1LR0m9RQramPymoBsj">
                  View Content
             </a>
@@ -71,7 +72,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgdstl} alt="img" />
                 </div>
-              <span>Discrete Structure & theory of logic</span>
+              <span className='lec-desc'>Discrete Structure & theory of logic</span>
              <a href="https://www.youtube.com/watch?v=QW2qyX9YU3g&list=PL-JvKqQx2AtcaCRa_z-JeH4FKh1_ZTs_0">
                  View Content
             </a>
@@ -83,7 +84,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imges} alt="img" />
                 </div>
-              <span>Energy Science</span>
+              <span className='lec-desc'>Energy Science</span>
              <a href="https://www.youtube.com/watch?v=PcmtbcyDIyg&list=PLRLB5WCqU54W6Gt6NczCeizFGRwLVibFX">
                  View Content
             </a>
@@ -94,7 +95,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgtc} alt="img" />
                 </div>
-              <span>Technical Communication</span>
+              <span className='lec-desc'>Technical Communication</span>
              <a href="https://www.youtube.com/watch?v=ZXqi3KqjyMA&list=PLaGBxvvw_eMUhn3H7mlBnqCUcd2Vqgq2s">
                  View Content
             </a>
@@ -105,7 +106,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgpy} alt="img" />
                 </div>
-              <span> Python Programming</span>
+              <span className='lec-desc'> Python Programming</span>
              <a href="https://www.youtube.com/watch?v=Wh3zMk4yAc4&list=PLHEcKKWWhXy_QBXhpQpuqMbtjGVJm_fkt">
                  View Content
             </a>
@@ -116,7 +117,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgcss} alt="img" />
                 </div>
-              <span>Cyber Security</span>
+              <span className='lec-desc'>Cyber Security</span>
              <a href="https://www.youtube.com/watch?v=BS5v5Rr-oVo&list=PL-JvKqQx2AteIbm-z4X709scVr9OaHpIY">
                  View Content
             </a>
@@ -127,7 +128,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imguhv} alt="img" />
                 </div>
-              <span>Universal Human Values</span>
+              <span className='lec-desc'>Universal Human Values</span>
              <a href="https://www.youtube.com/watch?v=J1gSYelcM40&list=PLHkk39NrOxRm5ByJViESOeTKWitZS1Hyg">
                  View Content
             </a>
@@ -139,7 +140,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgos} alt="img" />
                 </div>
-              <span>Operating System</span>
+              <span className='lec-desc'>Operating System</span>
              <a href="https://www.youtube.com/watch?v=i4WyGv5Mbak&list=PL_obO5Qb5QTE9s7QCNjqk97Q4UUgOseWP">
                  View Content
             </a>
@@ -151,7 +152,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgtafl} alt="img" />
                 </div>
-              <span> Theory of Automata & formal Language</span>
+              <span className='lec-desc'> Theory of Automata & formal Language</span>
              <a href="https://www.youtube.com/watch?v=oSCfvEKGUPQ&list=PL_obO5Qb5QTEihQ35PgzjZSh7PveVt-iF">
                  View Content
             </a>
@@ -162,7 +163,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={ssii} alt="img" />
                 </div>
-              <span> soft skill-2</span>
+              <span className='lec-desc'> soft skill-2</span>
              <a href="https://www.youtube.com/watch?v=TQWspT4kTPc&list=PL8nHpqzOrbFAvPeGY7_PJyoO4xFMs7a8ahttps://www.youtube.com/watch?v=TQWspT4kTPc&list=PL8nHpqzOrbFAvPeGY7_PJyoO4xFMs7a8ahttps://www.youtube.com/watch?v=TQWspT4kTPc&list=PL8nHpqzOrbFAvPeGY7_PJyoO4xFMs7a8a">
                  View Content
             </a>
@@ -171,6 +172,7 @@ function sndlecture() {
 
        </div>
      </div>
+     </div>
     // </div>
   )
 }