From 3454049eadf4d8645ba82766e712247585d06365 Mon Sep 17 00:00:00 2001
From: Nishant Kaushal <101548649+nishant0708@users.noreply.github.com>
Date: Thu, 30 May 2024 12:54:44 +0530
Subject: [PATCH] done

---
 src/components/page4/lecture.css         | 10 ++++++++--
 src/components/page4/lecture.js          | 20 ++++++++++----------
 src/components/page5(1st)/fstlecture.css |  5 ++++-
 src/components/page5(1st)/fstlecture.js  | 24 ++++++++++++------------
 src/components/page6(2nd)/sndlecture.js  | 24 ++++++++++++------------
 5 files changed, 46 insertions(+), 37 deletions(-)

diff --git a/src/components/page4/lecture.css b/src/components/page4/lecture.css
index b704961..3ec13d3 100644
--- a/src/components/page4/lecture.css
+++ b/src/components/page4/lecture.css
@@ -32,7 +32,11 @@
     top: 30%;
     right: 7%;
   }
-  
+  .text-box-in{
+    color: black;
+    font-size: 20px;
+    text-align: center;
+  }
   .container::after {
     content: "";
     position: absolute;
@@ -45,13 +49,15 @@
   .container .box {
     width: 17.875em;
     height: 17.875em;
-    padding: 0rem;
+    align-items: center;
+   
     background-color: rgba(41, 2, 73, 0.074);
     border: 1px solid rgba(244, 252, 34, 0.222);
     -webkit-backdrop-filter: blur(20px);
     backdrop-filter: blur(20px);
     border-radius: 0.7rem;
     transition: all ease 0.3s;
+    padding: 10px;
   }
   
   .container .box {
diff --git a/src/components/page4/lecture.js b/src/components/page4/lecture.js
index af231f7..184e725 100644
--- a/src/components/page4/lecture.js
+++ b/src/components/page4/lecture.js
@@ -30,7 +30,7 @@ function lecture() {
          <div className="upper">
                 <img src={cd} alt="img" />
                 </div>
-              <span>Compiler Design</span>
+              <span class='text-box-in'>Compiler Design</span>
              <a href="https://www.youtube.com/watch?v=zaZU4zSdQ1U&list=PL_obO5Qb5QTEZrWlX_B19OV5nJViKGnnC">
                  View Content
             </a>
@@ -41,7 +41,7 @@ function lecture() {
          <div className="upper">
                 <img src={da} alt="img" />
                 </div>
-              <span>Data analytics</span>
+              <span class='text-box-in'>Data analytics</span>
              <a href="https://www.youtube.com/watch?v=FyxA8JsKn90&list=PL1uhi2_UdvkDp2KlegPmEjmF70O3WUODA">
                  View Content
             </a>
@@ -53,7 +53,7 @@ function lecture() {
          <div className="upper">
                 <img src={daa} alt="img" />
                 </div>
-              <span>Design Analysis and Algorithm </span>
+              <span class='text-box-in'>Design Analysis and Algorithm </span>
              <a href="https://www.youtube.com/watch?v=twE1eiO7gEE&list=PL-JvKqQx2Atd--1Gs3WB8nmWOWRbEM7WW">
                  View Content
             </a>
@@ -64,7 +64,7 @@ function lecture() {
          <div className="upper">
                 <img src={mlt} alt="img" />
                 </div>
-              <span>Machine Learning</span>
+              <span class='text-box-in'>Machine Learning</span>
              <a href="https://www.youtube.com/watch?v=OZkYkWYNTRo&list=PL5vhyNmOQ5ORE-wzDcfhQZiRM7jESvzhD">
                  View Content
             </a>
@@ -76,7 +76,7 @@ function lecture() {
          <div className="upper">
                 <img src={dbms} alt="img" />
                 </div>
-              <span>DataBase Management system</span>
+              <span class='text-box-in'>DataBase Management system</span>
              <a href="https://www.youtube.com/watch?v=Agz0dyRu2uI&list=PL_obO5Qb5QTGDsMsl16VLKAxtaTqJRjER">
                  View Content
             </a>
@@ -87,7 +87,7 @@ function lecture() {
          <div className="upper">
                 <img src={cn} alt="img" />
                 </div>
-              <span>Computer Network</span>
+              <span class='text-box-in'>Computer Network</span>
              <a href="https://www.youtube.com/watch?v=04A4PRikkCY&list=PL-JvKqQx2AteLNR8UO4UQiDmQF-Wotu5G">
                  View Content
             </a>
@@ -98,7 +98,7 @@ function lecture() {
          <div className="upper">
                 <img src={oops} alt="img" />
                 </div>
-              <span> OOPs</span>
+              <span class='text-box-in'> OOPs</span>
              <a href="https://www.youtube.com/watch?v=82ba_at_TkM&list=PLDt-fuLi9lO9cej3TpU6_umkt_KSM8H7b">
                  View Content
             </a>
@@ -109,7 +109,7 @@ function lecture() {
          <div className="upper">
                 <img src={wt} alt="img" />
                 </div>
-              <span> Web Technology</span>
+              <span class='text-box-in'> Web Technology</span>
              <a href="https://www.youtube.com/watch?v=M8i-1oeHaDw&list=PL-JvKqQx2Atf5w_httliQrmqPpL7oLc-W">
                  View Content
             </a>
@@ -120,7 +120,7 @@ function lecture() {
          <div className="upper">
                 <img src={bd} alt="img" />
                 </div>
-              <span>Big Data</span>
+              <span class='text-box-in'>Big Data</span>
              <a href="https://www.youtube.com/watch?v=I_ku0D4uQzQ&list=PLPIwNooIb9vi4f8tVkzLnr1tll6Pubbqhi">
                  View Content
             </a>
@@ -132,7 +132,7 @@ function lecture() {
          <div className="upper">
                 <img src={se} alt="img" />
                 </div>
-              <span>Software Engineering</span>
+              <span class='text-box-in'>Software Engineering</span>
              <a href="https://www.youtube.com/watch?v=imzSpM_5R6k&list=PL-JvKqQx2AtdZ7m5Nui3RwqEnNcZZ9N1L">
                  View Content
             </a>
diff --git a/src/components/page5(1st)/fstlecture.css b/src/components/page5(1st)/fstlecture.css
index 99c9494..64a1313 100644
--- a/src/components/page5(1st)/fstlecture.css
+++ b/src/components/page5(1st)/fstlecture.css
@@ -2,6 +2,8 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    padding: 10px 0px;
+    margin-bottom: 28px;
 }
 
 .container {
@@ -45,7 +47,7 @@
   .container .box {
     width: 17.875em;
     height: 17.875em;
-    padding: 0rem;
+    padding: 1rem;
     background-color: rgba(41, 2, 73, 0.074);
     border: 1px solid rgba(244, 252, 34, 0.222);
     -webkit-backdrop-filter: blur(20px);
@@ -68,6 +70,7 @@
  .container .box .upper img{
     width: 285px;
     height: 150px;
+    border-radius: 5px;
   }
 
  /* .container .box button{
diff --git a/src/components/page5(1st)/fstlecture.js b/src/components/page5(1st)/fstlecture.js
index aa11b20..a5cc4f4 100644
--- a/src/components/page5(1st)/fstlecture.js
+++ b/src/components/page5(1st)/fstlecture.js
@@ -36,7 +36,7 @@ function lecture() {
          <div className="upper">
                 <img src={ep} alt="img" />
                 </div>
-              <span>Engineering Physics</span>
+              <span class='text-box-in' >Engineering Physics</span>
              <a href="https://www.youtube.com/watch?v=2Eqe7jPv-Bw&list=PLTYLC3XcJGZ5D3ohTYfOIR39L-H69f9Ca">
                  View Content
             </a>
@@ -47,7 +47,7 @@ function lecture() {
          <div className="upper">
                 <img src={mone} alt="img" />
                 </div>
-              <span>Engineering Mathematics-I</span>
+              <span class='text-box-in'>Engineering Mathematics-I</span>
              <a href="https://www.youtube.com/watch?v=VH6N7inCy9M&list=PL5Dqs90qDljVTfWmYSWjD99kcqdkI5zMM">
                  View Content
             </a>
@@ -59,7 +59,7 @@ function lecture() {
          <div className="upper">
                 <img src={elceng} alt="img" />
                 </div>
-              <span>Electrical Engineering </span>
+              <span class='text-box-in'>Electrical Engineering </span>
              <a href="https://www.youtube.com/watch?v=XdpqKF2g9PA&list=PL-JvKqQx2Atc61XCOHXm_ACNkOkAm3yO4">
                  View Content
             </a>
@@ -70,7 +70,7 @@ function lecture() {
          <div className="upper">
                 <img src={pps} alt="img" />
                 </div>
-              <span>PPS</span>
+              <span class='text-box-in'>PPS</span>
              <a href="https://www.youtube.com/watch?v=V7HBrSMEidc&list=PL-JvKqQx2AtdDyHzdsB1EzZuGCZN-3ucI">
                  View Content
             </a>
@@ -82,7 +82,7 @@ function lecture() {
          <div className="upper">
                 <img src={ai} alt="img" />
                 </div>
-              <span>Artificial Intelligence</span>
+              <span class='text-box-in'>Artificial Intelligence</span>
              <a href="https://www.youtube.com/watch?v=4ORelX5MDcY&list=PLUwI7zx-CMG1_OxCdn6ceo-YJOwIFzB_u">
                  View Content
             </a>
@@ -93,7 +93,7 @@ function lecture() {
          <div className="upper">
                 <img src={ssi} alt="img" />
                 </div>
-              <span>Soft Skill-I</span>
+              <span class='text-box-in'>Soft Skill-I</span>
              <a href="https://www.youtube.com/watch?v=04A4PRikkCY&list=PL-JvKqQx2AteLNR8UO4UQiDmQF-Wotu5G">
                  View Content
             </a>
@@ -104,7 +104,7 @@ function lecture() {
          <div className="upper">
                 <img src={ec} alt="img" />
                 </div>
-              <span> Engineering Chemistry</span>
+              <span class='text-box-in'> Engineering Chemistry</span>
              <a href="https://www.youtube.com/watch?v=GmhI0QzGTb4&list=PLtxdcwCcWWQ3O1VE8t6KFAFvxMg4GgzNx">
                  View Content
             </a>
@@ -115,7 +115,7 @@ function lecture() {
          <div className="upper">
                 <img src={mtwo} alt="img" />
                 </div>
-              <span> Engineering Mathematics-II</span>
+              <span class='text-box-in'> Engineering Mathematics-II</span>
              <a href="https://www.youtube.com/watch?v=0THzxpXzxfA&list=PL5Dqs90qDljVlWQBPaa6FIsoF2CodPiQJ">
                  View Content
             </a>
@@ -126,7 +126,7 @@ function lecture() {
          <div className="upper">
                 <img src={ee} alt="img" />
                 </div>
-              <span> Electronics Engineering</span>
+              <span class='text-box-in'> Electronics Engineering</span>
              <a href="https://www.youtube.com/watch?v=_r4YM5CjgQo&list=PLkojphh8hBnbk1YiRdV87sxhGf3l7doGp">
                  View Content
             </a>
@@ -138,7 +138,7 @@ function lecture() {
          <div className="upper">
                 <img src={me} alt="img" />
                 </div>
-              <span>Mechanical Engineering and Mechatronics</span>
+              <span class='text-box-in'>Mechanical Engineering and Mechatronics</span>
              <a href="https://www.youtube.com/watch?v=lMdwCZPJfj0&list=PL-JvKqQx2Atd9ffOCQTTrzePu1K12Gf6K">
                  View Content
             </a>
@@ -150,7 +150,7 @@ function lecture() {
          <div className="upper">
                 <img src={et} alt="img" />
                 </div>
-              <span>   Emerging Technology</span>
+              <span class='text-box-in'>   Emerging Technology</span>
              <a href="https://www.youtube.com/watch?v=27_3ilfvlck&list=PLaGBxvvw_eMWvXPgdYd444ih2wp1QxZ_Z">
                  View Content
             </a>
@@ -161,7 +161,7 @@ function lecture() {
          <div className="upper">
                 <img src={ssii} alt="img" />
                 </div>
-              <span> Soft skll-II</span>
+              <span class='text-box-in'> 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>
diff --git a/src/components/page6(2nd)/sndlecture.js b/src/components/page6(2nd)/sndlecture.js
index 04eb44a..8303af9 100644
--- a/src/components/page6(2nd)/sndlecture.js
+++ b/src/components/page6(2nd)/sndlecture.js
@@ -37,7 +37,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgmath4} alt="img" />
                 </div>
-              <span>Engineering mathematics-4</span>
+              <span class='text-box-in'>Engineering mathematics-4</span>
              <a href="https://www.youtube.com/watch?v=14bNduEh9ag&list=PL5Dqs90qDljXYjZ8kDHtpMqPGKNGb2dxu">
                  View Content
             </a>
@@ -48,7 +48,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgdsa} alt="img" />
                 </div>
-              <span>Data Structure</span>
+              <span class='text-box-in'>Data Structure</span>
              <a href="https://www.youtube.com/watch?v=ouWefOMkMJA&list=PL-JvKqQx2AtcnX8uPrdjvCplAmwTSFhMO">
                  View Content
             </a>
@@ -60,7 +60,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgcoa} alt="img" />
                 </div>
-              <span>Computer Organization & Architecture</span>
+              <span class='text-box-in'>Computer Organization & Architecture</span>
              <a href="https://www.youtube.com/watch?v=8msCz6Nb6nk&list=PL-JvKqQx2Atfuxo1LR0m9RQramPymoBsj">
                  View Content
             </a>
@@ -71,7 +71,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgdstl} alt="img" />
                 </div>
-              <span>Discrete Structure & theory of logic</span>
+              <span class='text-box-in'>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 +83,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imges} alt="img" />
                 </div>
-              <span>Energy Science</span>
+              <span class='text-box-in'>Energy Science</span>
              <a href="https://www.youtube.com/watch?v=PcmtbcyDIyg&list=PLRLB5WCqU54W6Gt6NczCeizFGRwLVibFX">
                  View Content
             </a>
@@ -94,7 +94,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgtc} alt="img" />
                 </div>
-              <span>Technical Communication</span>
+              <span class='text-box-in'>Technical Communication</span>
              <a href="https://www.youtube.com/watch?v=ZXqi3KqjyMA&list=PLaGBxvvw_eMUhn3H7mlBnqCUcd2Vqgq2s">
                  View Content
             </a>
@@ -105,7 +105,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgpy} alt="img" />
                 </div>
-              <span> Python Programming</span>
+              <span class='text-box-in'> Python Programming</span>
              <a href="https://www.youtube.com/watch?v=Wh3zMk4yAc4&list=PLHEcKKWWhXy_QBXhpQpuqMbtjGVJm_fkt">
                  View Content
             </a>
@@ -116,7 +116,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgcss} alt="img" />
                 </div>
-              <span>Cyber Security</span>
+              <span class='text-box-in'>Cyber Security</span>
              <a href="https://www.youtube.com/watch?v=BS5v5Rr-oVo&list=PL-JvKqQx2AteIbm-z4X709scVr9OaHpIY">
                  View Content
             </a>
@@ -127,7 +127,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imguhv} alt="img" />
                 </div>
-              <span>Universal Human Values</span>
+              <span class='text-box-in'>Universal Human Values</span>
              <a href="https://www.youtube.com/watch?v=J1gSYelcM40&list=PLHkk39NrOxRm5ByJViESOeTKWitZS1Hyg">
                  View Content
             </a>
@@ -139,7 +139,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgos} alt="img" />
                 </div>
-              <span>Operating System</span>
+              <span class='text-box-in'>Operating System</span>
              <a href="https://www.youtube.com/watch?v=i4WyGv5Mbak&list=PL_obO5Qb5QTE9s7QCNjqk97Q4UUgOseWP">
                  View Content
             </a>
@@ -151,7 +151,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={Imgtafl} alt="img" />
                 </div>
-              <span> Theory of Automata & formal Language</span>
+              <span class='text-box-in'> Theory of Automata & formal Language</span>
              <a href="https://www.youtube.com/watch?v=oSCfvEKGUPQ&list=PL_obO5Qb5QTEihQ35PgzjZSh7PveVt-iF">
                  View Content
             </a>
@@ -162,7 +162,7 @@ function sndlecture() {
          <div className="upper">
                 <img src={ssii} alt="img" />
                 </div>
-              <span> soft skill-2</span>
+              <span class='text-box-in'> 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>