updated lectures page and lectures

AbhiDiva96 · May 28, 2024 · 9321b2d · 9321b2d
1 parent fda0e27
commit 9321b2d
Show file tree

Hide file tree

Showing 9 changed files with 107 additions and 69 deletions.
diff --git 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
@@ -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
@@ -2,20 +2,24 @@
     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;
     display: flex;
     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
@@ -16,21 +16,22 @@ function lecture() {
   return (
     <div>
       <Header/>
+      <div class="background" >
      <div className="lecturetrd">
        <h1> 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={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
@@ -4,14 +4,18 @@
     align-items: center;
 
 }
+.book p{
+  color: #3d3003;
+  font-size: 22px;
+}
 .link1{
 
     text-decoration: none;
     color: black;
 
 }
 .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
@@ -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;
   }