diff --git a/Gallary-section/style.css b/Gallary-section/style.css
index aebfb41f..de2c9957 100644
--- a/Gallary-section/style.css
+++ b/Gallary-section/style.css
@@ -536,10 +536,13 @@ form input {
 
 .contact {
   padding-right: 5px;
-  background-color: #ff523b;
-  border-radius: 20px;
+
+ border:3px inset white;
   margin-top: 10px;
 }
+.contact:hover{
+  border-color: #ff523b;
+}
 
 .contact a h4 {
   font-size: 16px;
diff --git a/contact.html b/contact.html
index c392ed71..ff974d4b 100644
--- a/contact.html
+++ b/contact.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -12,17 +13,20 @@
     <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
     <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https//stackpath.bootsstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all"
+        crossorigin="anonymous">
     <script src="https://kit.fontawesome.com/c4254e24a8.js"></script>
     <script src="https://kit.fontawesome.com/739255457e.js" crossorigin="anonymous"></script>
     <script src="https://kit.fontawesome.com/YOUR_KIT_CODE.js" crossorigin="anonymous"></script>
 </head>
+
 <body>
     <div class="header">
         <div class="container">
             <div class="navbar">
                 <div class="logo">
-                    <a href="https://code-engineering.netlify.app/"><img src="images/Logonew.png" alt="Chaibasa Engineering College" width="50px"></a>
+                    <a href="https://code-engineering.netlify.app/"><img src="images/Logonew.png"
+                            alt="Chaibasa Engineering College" width="50px"></a>
                 </div>
                 <nav>
                     <ul>
@@ -37,7 +41,8 @@
                         <li>
                             <form id="search-form" action="#" method="GET">
                                 <input id="search-input" type="text" placeholder="Search...">
-                                <button id="search-button" type="submit"><a id= "mike-button" href="#"><i class="mic fa-solid fa-microphone"></i></a>
+                                <button id="search-button" type="submit"><a id="mike-button" href="#"><i
+                                            class="mic fa-solid fa-microphone"></i></a>
                                 </button>
                             </form>
                         </li>
@@ -49,16 +54,20 @@
                     <h1>CHAIBASA ENGINEERING<br>COLLEGE</h1>
                     <div class="para">
                         <p>
-                            Chaibasa Engineering College is a college of higher education established in the year 2013 by
+                            Chaibasa Engineering College is a college of higher education established in the year 2013
+                            by
                             Jharkhand Govt. It is run by the Techno India Group and is recognized by AICTE.
-                            The college offers Bachelor of Technology across five disciplines at the undergraduate level.
-                            Admissions are entrance-based and candidates can apply online for admission. The college has a
-                            centralized placement cell which guides the students to achieve placements in reputed companies.
+                            The college offers Bachelor of Technology across five disciplines at the undergraduate
+                            level.
+                            Admissions are entrance-based and candidates can apply online for admission. The college has
+                            a
+                            centralized placement cell which guides the students to achieve placements in reputed
+                            companies.
                         </p>
                     </div>
 
                     <div class="explore">
-                        <a href=""class="btn">Explore Now &#8594;</a>
+                        <a href="" class="btn" id="btn6">Explore Now &#8594;</a>
                     </div>
                 </div>
                 <div class="col-2">
@@ -67,123 +76,134 @@ <h1>CHAIBASA ENGINEERING<br>COLLEGE</h1>
             </div>
         </div>
     </div>
-<!--------------  PROJECTS  ----------------->
-<!-------------- Project cards section  ----->
-<div class="small-container">
-  <iframe class="map" title="maps" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3687.0619689181435!2d85.78863777502433!3d22.464305479568925!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a1e25ddde342373%3A0x4ac680428662b09d!2sChaibasa%20Engineering%20College!5e0!3m2!1sen!2sin!4v1685602220305!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
-   
-</div>
-<!-------------- contact forms section  ----->
-<div class="project-container small-container">
-    <h2 class="title">Contact</h2>
-    <div class="project-form-container">
-        <form class="project-form" action="mailto:evergreennageshmandal@gmail.com">
-            <div class="form-input-group">
-                <label for="First-name">First Name: </label>
-                <br>
-                <input class="form-input" type="text"  name="first-name" placeholder="First Name." required>
-            </div>
-            <div class="form-input-group">
-                <label for="Last Name">Last Name: </label>
-                <br>
-                <input class="form-input" type="text"  name="Last Name" placeholder="Last Name" required>
-            </div>
-            <div class="form-input-group">
-                <label for="Email">Email:</label>
-                <br>
-                <input type="email" class="form-input"  name="email" placeholder="Enter your Email" required>
-            </div>
-            <div class="form-input-group">
-                <label for="Phone">Phone :</label>
-                <br>
-                <input class="form-input" type="number"   maxLength="10" name="Phone" placeholder="Phone Number" required>
-            </div>
-             <div class="form-input-group">
-                <label for="Message">Message :</label>
-                <br>
-                <textarea class="form-input"  rows="4" cols="50"  placeholder="Message" required></textarea>
-            </div>
-            <div class="form-input-group">
-                <button class="btn" type="submit">Send</button>
-            </div>
-        </form>
+    <!--------------  PROJECTS  ----------------->
+    <!-------------- Project cards section  ----->
+    <div class="small-container">
+        <iframe class="map" title="maps"
+            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3687.0619689181435!2d85.78863777502433!3d22.464305479568925!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a1e25ddde342373%3A0x4ac680428662b09d!2sChaibasa%20Engineering%20College!5e0!3m2!1sen!2sin!4v1685602220305!5m2!1sen!2sin"
+            width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
+            referrerpolicy="no-referrer-when-downgrade"></iframe>
+
+    </div>
+    <!-------------- contact forms section  ----->
+    <div class="project-container small-container">
+        <h2 class="title">Contact</h2>
+        <div class="project-form-container">
+            <form class="project-form" action="mailto:evergreennageshmandal@gmail.com">
+                <div class="form-input-group">
+                    <label for="First-name">First Name: </label>
+                    <br>
+                    <input class="form-input" type="text" name="first-name" placeholder="First Name." required>
+                </div>
+                <div class="form-input-group">
+                    <label for="Last Name">Last Name: </label>
+                    <br>
+                    <input class="form-input" type="text" name="Last Name" placeholder="Last Name" required>
+                </div>
+                <div class="form-input-group">
+                    <label for="Email">Email:</label>
+                    <br>
+                    <input type="email" class="form-input" name="email" placeholder="Enter your Email" required>
+                </div>
+                <div class="form-input-group">
+                    <label for="Phone">Phone :</label>
+                    <br>
+                    <input class="form-input" type="number" maxLength="10" name="Phone" placeholder="Phone Number"
+                        required>
+                </div>
+                <div class="form-input-group">
+                    <label for="Message">Message :</label>
+                    <br>
+                    <textarea class="form-input" rows="4" cols="50" placeholder="Message" required></textarea>
+                </div>
+                <div class="form-input-group">
+                    <button class="btn" type="submit">Send</button>
+                </div>
+            </form>
+        </div>
     </div>
-</div>     
 
-<footer>
-    <div class="row-footer">
-        <div class="col col1" id="pic">
-            <img src="images/nagesh.png" alt="Nagesh Mandal" width="80px">
-            <div class="myname">
-                <h5>Nagesh Mandal</h5>
-            </div>
-            <p class="dev">Full Stack Web Developer</p>
-            <div class="contact">
-                <a href="https://www.instagram.com/nagesh_mandal7_5_/"><h4>Contact</h4></a>
+    <footer>
+        <div class="row-footer">
+            <div class="col col1" id="pic">
+                <img src="images/nagesh.png" alt="Nagesh Mandal" width="80px">
+                <div class="myname">
+                    <h5>Nagesh Mandal</h5>
+                </div>
+                <p class="dev">Full Stack Web Developer</p>
+                <div class="contact">
+                    <a href="https://www.instagram.com/nagesh_mandal7_5_/">
+                        <h4>Contact</h4>
+                    </a>
+                </div>
             </div>
-        </div>
-        <div class="col col2">
-            <h3>Chaibasa Engineering College</h3>
-            <p><i class="fa-solid fa-location-dot"></i>
-                <a href="https://www.google.com/maps/place/Chaibasa+Engineering+College/@22.4643055,85.7886378,17z/data=!3m1!4b1!4m6!3m5!1s0x3a1e25ddde342373:0x4ac680428662b09d!8m2!3d22.4643055!4d85.7912127!16s%2Fg%2F1pp2wwhc_?entry=ttu" target="_blank">
-               <span style="color: #fff;"> Keonjhar Highway
-               Chaibasa Jharkhand PIN 833215, India
-               </span>
-            </a>
-            </p>
-            <p class="email-id" style="
+            <div class="col col2">
+                <h3>Chaibasa Engineering College</h3>
+                <p><i class="fa-solid fa-location-dot"></i>
+                    <a href="https://www.google.com/maps/place/Chaibasa+Engineering+College/@22.4643055,85.7886378,17z/data=!3m1!4b1!4m6!3m5!1s0x3a1e25ddde342373:0x4ac680428662b09d!8m2!3d22.4643055!4d85.7912127!16s%2Fg%2F1pp2wwhc_?entry=ttu"
+                        target="_blank">
+                        <span style="color: #fff;"> Keonjhar Highway
+                            Chaibasa Jharkhand PIN 833215, India
+                        </span>
+                    </a>
+                </p>
+                <p class="email-id" style="
             width: 260px"><i class="far fa-envelope" style="color: #fff;"></i>
-                cordinatortigjh@gmail.com
-            </p>
-            <h4 class="phone">
-                <i class="fa-solid fa-phone" style="color: #fff;"></i>
-                 +91 - 9062941530
-            </h4>
-        </div>
-        <div class="col col3" id="link">
-            <h3>Links</h3>
-            <ul>
-                <li><a href="index.html">Home</a></li>
-                <li><a href="">Services</a></li>
-                <li><a href="about.html">About us</a></li>
-                <li><a href="">Features</a></li>
-                <li><a href="contact.html">Contact</a></li>
-            </ul>
-        </div>
-        <div class="col col4">
-            <h3>News<span>letter</span></h3>
-            <form class="form-news">
-                <i class="far fa-envelope"></i>
-                <input class="emailid" type="email" placeholder="Enter your email" required>
-                <button type="submit"><i class="fas fa-arrow-right"></i></button>
-            </form>
-            <div class="social-icons social-media">
-               <a href="https://twitter.com/NageshMandal75"> <i class="tweet fa-brands fa-twitter"></i></a>
-                <a href="https://www.instagram.com/nagesh_mandal7_5_/"><i class="insta fa-brands fa-instagram"></i></a>
-               <a href="https://github.com/NageshMandal"> <i class="git fa-brands fab fa-github"></i></a>
-                <a href="https://www.linkedin.com/in/nagesh-mandal-134b70237/"> <i class="in fa-brands fa-linkedin"></i></a>
-               <a href="https://www.youtube.com/@nageshmandal9461/featured"> <i class="youtube fa fa-youtube-play" aria-hidden="true"></i></a>
+                    cordinatortigjh@gmail.com
+                </p>
+                <h4 class="phone">
+                    <i class="fa-solid fa-phone" style="color: #fff;"></i>
+                    +91 - 9062941530
+                </h4>
+            </div>
+            <div class="col col3" id="link">
+                <h3>Links</h3>
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="">Services</a></li>
+                    <li><a href="about.html">About us</a></li>
+                    <li><a href="">Features</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul>
+            </div>
+            <div class="col col4">
+                <h3>News<span>letter</span></h3>
+                <form class="form-news">
+                    <i class="far fa-envelope"></i>
+                    <input class="emailid" type="email" placeholder="Enter your email" required>
+                    <button type="submit"><i class="fas fa-arrow-right"></i></button>
+                </form>
+                <div class="social-icons social-media">
+                    <a href="https://twitter.com/NageshMandal75"> <i class="tweet fa-brands fa-twitter"></i></a>
+                    <a href="https://www.instagram.com/nagesh_mandal7_5_/"><i
+                            class="insta fa-brands fa-instagram"></i></a>
+                    <a href="https://github.com/NageshMandal"> <i class="git fa-brands fab fa-github"></i></a>
+                    <a href="https://www.linkedin.com/in/nagesh-mandal-134b70237/"> <i
+                            class="in fa-brands fa-linkedin"></i></a>
+                    <a href="https://www.youtube.com/@nageshmandal9461/featured"> <i class="youtube fa fa-youtube-play"
+                            aria-hidden="true"></i></a>
+                </div>
+                <div class="return-to-top" id="returnToTop">
+                    <i class="fas fa-arrow-up fa-2x fa-bounce"></i>
+                </div>
             </div>
-            <div class="return-to-top" id="returnToTop">
-                <i class="fas fa-arrow-up fa-2x fa-bounce"></i>
-              </div>
         </div>
-    </div>
 
-    <!--Voice Assistent-->
-    <div class="containers">
-        <div class="texts">
+        <!--Voice Assistent-->
+        <div class="containers">
+            <div class="texts">
+            </div>
         </div>
-    </div>
 
-    <!--Voice assistent end-->
-    <div class="toggle-mode">
-        <img class="sun"  data-set="moon" src="images/Moontoggle.png"  alt="light-mode">
-        <img class="moon" data-set="sun" src="images/sun.png" alt="dark-mode">
-    </div>
+        <!--Voice assistent end-->
+        <div class="toggle-mode">
+            <img class="sun" data-set="moon" src="images/Moontoggle.png" alt="light-mode">
+            <img class="moon" data-set="sun" src="images/sun.png" alt="dark-mode">
+        </div>
 
-</footer>
-<script src="script.js"></script>
-<script src="app.js"></script>
+    </footer>
+    <script src="script.js"></script>
+    <script src="app.js"></script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/event.html b/event.html
index 10d42bd7..25eef972 100644
--- a/event.html
+++ b/event.html
@@ -1,341 +1,359 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Events</title>
-    <link rel="stylesheet" href="./style.css">
-    <link rel="stylesheet" href="event.css">
-    <link rel="shortcut icon" href="./images/favicon.png" type="image/x-icon">
-    <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
-    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="https//stackpath.bootsstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all" crossorigin="anonymous">
-    <script src="https://kit.fontawesome.com/c4254e24a8.js"></script>
-    <script src="https://kit.fontawesome.com/739255457e.js" crossorigin="anonymous"></script>
-    <script src="https://kit.fontawesome.com/YOUR_KIT_CODE.js" crossorigin="anonymous"></script>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Events</title>
+  <link rel="stylesheet" href="./style.css">
+  <link rel="stylesheet" href="event.css">
+  <link rel="shortcut icon" href="./images/favicon.png" type="image/x-icon">
+  <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
+  <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https//stackpath.bootsstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all"
+    crossorigin="anonymous">
+  <script src="https://kit.fontawesome.com/c4254e24a8.js"></script>
+  <script src="https://kit.fontawesome.com/739255457e.js" crossorigin="anonymous"></script>
+  <script src="https://kit.fontawesome.com/YOUR_KIT_CODE.js" crossorigin="anonymous"></script>
 </head>
+
 <body>
-    <!-- --------------------------------Header Starts--------------------------------- -->
-    <div class="header">
-        <div class="container">
-            <div class="navbar">
-                <div class="logo">
-                    <a href="https://code-engineering.netlify.app/"><img src="images/Logonew.png"
-                            alt="Chaibasa Engineering College" width="50px"></a>
-                </div>
-                <nav>
-                    <ul>
-                        <li><a class="nav-link" href="./Gallary-section/index.html">Gallery</a></li>
-                        <li><a class="nav-link" href="./projects.html">Projects</a></li>
-                        <li><a class="nav-link" href="./library.html">Library</a></li>
-                        <li><a class="nav-link" href="./placement.html">Placements</a></li>
-                        <li><a class="nav-link" href="./contact.html">Contacts</a></li>
-                        <li><a class="nav-link" href="./syllabus.html">Syllabus</a></li>
-                        <li><a class="nav-link" href="./event.html">Events</a></li>
+  <!-- --------------------------------Header Starts--------------------------------- -->
+  <div class="header">
+    <div class="container">
+      <div class="navbar">
+        <div class="logo">
+          <a href="https://code-engineering.netlify.app/"><img src="images/Logonew.png"
+              alt="Chaibasa Engineering College" width="50px"></a>
+        </div>
+        <nav>
+          <ul>
+            <li><a class="nav-link" href="./Gallary-section/index.html">Gallery</a></li>
+            <li><a class="nav-link" href="./projects.html">Projects</a></li>
+            <li><a class="nav-link" href="./library.html">Library</a></li>
+            <li><a class="nav-link" href="./placement.html">Placements</a></li>
+            <li><a class="nav-link" href="./contact.html">Contacts</a></li>
+            <li><a class="nav-link" href="./syllabus.html">Syllabus</a></li>
+            <li><a class="nav-link" href="./event.html">Events</a></li>
 
-                        <li>
-                            <form id="search-form" action="#" method="GET">
-                                <input id="search-input" type="text" placeholder="Search...">
-                                <button id="search-button" type="submit"><a id="mike-button" href="#"><i
-                                            class="mic fa-solid fa-microphone"></i></a>
-                                </button>
-                            </form>
-                        </li>
-                    </ul>
-                </nav>
-            </div>
-            <div class="row-header">
-                <div class="col-2">
-                    <h1 id="event-heading">EVENTS</h1>
-                    <div class="para">
-                        <p>
-                            Welcome to the vibrant event section of Chaibasa Engineering College! Throughout the academic year, we host a plethora of engaging and enriching events that offer students a platform to showcase their skills, talents, and creativity. From technical symposiums and workshops to cultural festivals and sports competitions, our events cater to diverse interests and aspirations. These events provide an opportunity for students to network, learn, and grow, both academically and personally. Additionally, we organize guest lectures by industry experts and renowned speakers, offering valuable insights and inspiring our students to excel in their chosen fields. Join us at Chaibasa Engineering College and be a part of our exciting events, where you can expand your horizons, foster new connections, and make memories that will last a lifetime.
-                        </p>
-                    </div>
+            <li>
+              <form id="search-form" action="#" method="GET">
+                <input id="search-input" type="text" placeholder="Search...">
+                <button id="search-button" type="submit"><a id="mike-button" href="#"><i
+                      class="mic fa-solid fa-microphone"></i></a>
+                </button>
+              </form>
+            </li>
+          </ul>
+        </nav>
+      </div>
+      <div class="row-header">
+        <div class="col-2">
+          <h1 id="event-heading">EVENTS</h1>
+          <div class="para">
+            <p>
+              Welcome to the vibrant event section of Chaibasa Engineering College! Throughout the academic year, we
+              host a plethora of engaging and enriching events that offer students a platform to showcase their skills,
+              talents, and creativity. From technical symposiums and workshops to cultural festivals and sports
+              competitions, our events cater to diverse interests and aspirations. These events provide an opportunity
+              for students to network, learn, and grow, both academically and personally. Additionally, we organize
+              guest lectures by industry experts and renowned speakers, offering valuable insights and inspiring our
+              students to excel in their chosen fields. Join us at Chaibasa Engineering College and be a part of our
+              exciting events, where you can expand your horizons, foster new connections, and make memories that will
+              last a lifetime.
+            </p>
+          </div>
 
-                    <div class="explore">
-                        <a href="" class="btn">Explore Now &#8594;</a>
-                    </div>
-                </div>
-                <div class="col-2">
-                    <img class="students" src="images/college1.png">
-                </div>
-            </div>
+          <div class="explore">
+            <a href="" class="btn" id=btn8>Explore Now &#8594;</a>
+          </div>
         </div>
+        <div class="col-2">
+          <img class="students" src="images/college1.png">
+        </div>
+      </div>
     </div>
-    <!-- --------------------------------Header Ends--------------------------------- -->
-    
-    <!-- ----------------------------Container Starts------------------------------>
+  </div>
+  <!-- --------------------------------Header Ends--------------------------------- -->
 
-    <div class="container">
-        <h1>Past Events & Seminars</h1>
-        <!--2022-->
-                <h2>2022</h2>
-        <div class="container-inner">
-                 <table>
-                  <tr>
-                    <th>SL NO</th>
-                    <th>EVENTS</th>
-                    <th>DATE</th>
-                    <th>RESOURCE PERSON</th>
-                  </tr>
-                 
-                  <tr>
-                    <td>1</td>
-                    <td>Kinetics and Dynamics with Software</td>
-                    <td>09.01.2021</td>
-                    <td>Dr. Vijay Kumar Dalla, NIT Jamshedpur</td>
-                  </tr>
-                  <tr>
-                    <td>2</td>
-                    <td>Virtual Practical on Mechatronics</td>
-                    <td>13.01.2021 to 15.01.2021</td>
-                    <td>Dr. Shibendu Shekhar Roy, NIT Durgapur</td>
-                  </tr>
-                  <tr>
-                    <td>3</td>
-                    <td>Virtual Practical on Design of Machine</td>
-                    <td>20.01.2021 to 22.01.2021</td>
-                    <td>Dr. Vineet Sahoo, NIT Jamshedpur</td>
-                  </tr>
-                  <tr>
-                    <td>4</td>
-                    <td>Virtual Practical on Water Resources and Environmental Engineering</td>
-                    <td>18.01.2021 to 21.01.202</td>
-                    <td>Dr. Ramakant Jha, NIT Patna</td>
-                  </tr>
-                  <tr>
-                    <td>5</td>
-                    <td>Resume Building Workshop</td>
-                    <td>17.07.2021</td>
-                    <td>Capt. Richik Sinha Roy, Ureify</td>
-                  </tr>
-                </table>
-        </div>
+  <!-- ----------------------------Container Starts------------------------------>
 
-        <!--2021-->
-        <h2>2021</h2>
-        <div class="container-inner">
-                 <table>
-                  <tr>
-                    <th>SL NO</th>
-                    <th>EVENTS</th>
-                    <th>DATE</th>
-                    <th>RESOURCE PERSON</th>
-                  </tr>
-                  
-                  <tr>
-                    <td>1</td>
-                    <td>India Science Festival at IISER Pune</td>
-                    <td>11.01.2020, 12.01.2020</td>
-                    <td>IISER Pune</td>
-                  </tr>
-                  <tr>
-                    <td>2</td>
-                    <td>Internship at NIT Rourkela</td>
-                    <td>01.01.20 to 01.02.20</td>
-                    <td>Dr. Supratim Gupta</td>
-                  </tr>
-                  <tr>
-                    <td>3</td>
-                    <td>NASSCOM Diagnostic Test for students to evaluate Employability skills</td>
-                    <td>15.01.2020 to 16.01.2020</td>
-                    <td>NASSCOM</td>
-                  </tr>
-                  <tr>
-                    <td>4</td>
-                    <td>One day seminar on “Skills to achieve Entrepreneurship Development”</td>
-                    <td>19.01.2020</td>
-                    <td>Mr. Meghdut Roychowdhury, Director, Global Operations, Techno India Group & Mr. Ravi Ranjan, Entrepreneur</td>
-                  </tr>
-                  <tr>
-                    <td>5</td>
-                    <td>One day seminar On “Sustainable Development & Impact Entrepreneurship”</td>
-                    <td>07.02.2020</td>
-                    <td>Mrs. Pauline Laravoire, Director of Sustainability, Techno India Group</td>
-                  </tr>
-                  <tr>
-                    <td>6</td>
-                    <td>International Conference on Recent Trends in Artificial Intelligence, IOT, Smart Cities & Applications: 2020</td>
-                    <td>28.02.2020 to 29.02.2020</td>
-                    <td>Chaibasa Engineering College</td>
-                  </tr>
-                  <tr>
-                    <td>7</td>
-                    <td>Special Class for CE department</td>
-                    <td>15.02.2020 to 15.03.2020</td>
-                    <td>NIT Warangal</td>
-                  </tr>
-                  <tr>
-                    <td>8</td>
-                    <td>Special Class for ME department</td>
-                    <td>15.02.2020 to 15.03.2020</td>
-                    <td>NIT Warangal</td>
-                  </tr>
-                  <tr>
-                    <td>9</td>
-                    <td>Special Class for EE department</td>
-                    <td>15.02.2020 to 15.03.2020</td>
-                    <td>NIT Warangal</td>
-                  </tr>
-                  <tr>
-                    <td>10</td>
-                    <td>Distribution System Operations & Planning</td>
-                    <td>07.05.2020 to 09.05.2020</td>
-                    <td>Dr. Devendra Singh, IIT BHU</td>
-                  </tr>
-                  <tr>
-                    <td>11</td>
-                    <td>Machine Learning Techniques for Biometrics</td>
-                    <td>05.05.2020 to 07.05.2020</td>
-                    <td>Dr. Dakshina Ranjan Kisku, NIT Durgapur</td>
-                  </tr>
-                  <tr>
-                    <td>12</td>
-                    <td>Embedded Systems</td>
-                    <td>07.05.2020 to 09.05.2020</td>
-                    <td>Dr. Supratim Gupta, NIT Rourkela</td>
-                  </tr>
-                  <tr>
-                    <td>13</td>
-                    <td>Design of Steel Structure</td>
-                    <td>05.05.2020 to 07.05.2020</td>
-                    <td>Dr. Sanjay Kumar, NIT Jamshedpur</td>
-                  </tr>
-                  <tr>
-                    <td>14</td>
-                    <td>Personality Differences in Decision Making</td>
-                    <td>06.05.2020 to 08.05.2020</td>
-                    <td>Dr. Swati Sudha, NIT Jamshedpur</td>
-                  </tr>
-                  <tr>
-                    <td>15</td>
-                    <td>Global Webinar on Combating Covid 19</td>
-                    <td>11.05.2020 to 13.05.2020</td>
-                    <td>Chaibasa Engineering College</td>
-                  </tr>
-                  <tr>
-                    <td>16</td>
-                    <td>Dazzle of Humanism & Empathy while COVID19</td>
-                    <td>14.05.2020 to 16.05.2020</td>
-                    <td>Dr. Sutanuka Banerjee, NIT Durgapur</td>
-                  </tr>
-                  <tr>
-                    <td>17</td>
-                    <td>Android Security</td>
-                    <td>14.05.2020 to 16.05.2020</td>
-                    <td>Dr. Janakiram, IIT Madras</td>
-                  </tr>
-                  <tr>
-                    <td>18</td>
-                    <td>Microcontroller based Embedded Systems Design</td>
-                    <td>11.05.2020 to 15.05.2020</td>
-                    <td>Dr. Sudipta Chakraborty, Director, Techno India Group</td>
-                  </tr>
-                  <tr>
-                    <td>19</td>
-                    <td>Issues & Challenges in Smart Grid Implementation</td>
-                    <td>14.05.2020 to 16.05.2020</td>
-                    <td>Dr. S.N. Singh, IIT Kanpur</td>
-                  </tr>
-                  <tr>
-                    <td>20</td>
-                    <td>3D Printing</td>
-                    <td>07.05.2020 to 09.05.2020</td>
-                    <td>Dr. Pulak M Pandey, IIT Delhi</td>
-                  </tr>
-                </table>
-        </div>
-                
+  <div class="container">
+    <h1>Past Events & Seminars</h1>
+    <!--2022-->
+    <h2>2022</h2>
+    <div class="container-inner">
+      <table>
+        <tr>
+          <th>SL NO</th>
+          <th>EVENTS</th>
+          <th>DATE</th>
+          <th>RESOURCE PERSON</th>
+        </tr>
+
+        <tr>
+          <td>1</td>
+          <td>Kinetics and Dynamics with Software</td>
+          <td>09.01.2021</td>
+          <td>Dr. Vijay Kumar Dalla, NIT Jamshedpur</td>
+        </tr>
+        <tr>
+          <td>2</td>
+          <td>Virtual Practical on Mechatronics</td>
+          <td>13.01.2021 to 15.01.2021</td>
+          <td>Dr. Shibendu Shekhar Roy, NIT Durgapur</td>
+        </tr>
+        <tr>
+          <td>3</td>
+          <td>Virtual Practical on Design of Machine</td>
+          <td>20.01.2021 to 22.01.2021</td>
+          <td>Dr. Vineet Sahoo, NIT Jamshedpur</td>
+        </tr>
+        <tr>
+          <td>4</td>
+          <td>Virtual Practical on Water Resources and Environmental Engineering</td>
+          <td>18.01.2021 to 21.01.202</td>
+          <td>Dr. Ramakant Jha, NIT Patna</td>
+        </tr>
+        <tr>
+          <td>5</td>
+          <td>Resume Building Workshop</td>
+          <td>17.07.2021</td>
+          <td>Capt. Richik Sinha Roy, Ureify</td>
+        </tr>
+      </table>
     </div>
 
-    <!-- ----------------------------Container Ends------------------------------>
+    <!--2021-->
+    <h2>2021</h2>
+    <div class="container-inner">
+      <table>
+        <tr>
+          <th>SL NO</th>
+          <th>EVENTS</th>
+          <th>DATE</th>
+          <th>RESOURCE PERSON</th>
+        </tr>
 
+        <tr>
+          <td>1</td>
+          <td>India Science Festival at IISER Pune</td>
+          <td>11.01.2020, 12.01.2020</td>
+          <td>IISER Pune</td>
+        </tr>
+        <tr>
+          <td>2</td>
+          <td>Internship at NIT Rourkela</td>
+          <td>01.01.20 to 01.02.20</td>
+          <td>Dr. Supratim Gupta</td>
+        </tr>
+        <tr>
+          <td>3</td>
+          <td>NASSCOM Diagnostic Test for students to evaluate Employability skills</td>
+          <td>15.01.2020 to 16.01.2020</td>
+          <td>NASSCOM</td>
+        </tr>
+        <tr>
+          <td>4</td>
+          <td>One day seminar on “Skills to achieve Entrepreneurship Development”</td>
+          <td>19.01.2020</td>
+          <td>Mr. Meghdut Roychowdhury, Director, Global Operations, Techno India Group & Mr. Ravi Ranjan, Entrepreneur
+          </td>
+        </tr>
+        <tr>
+          <td>5</td>
+          <td>One day seminar On “Sustainable Development & Impact Entrepreneurship”</td>
+          <td>07.02.2020</td>
+          <td>Mrs. Pauline Laravoire, Director of Sustainability, Techno India Group</td>
+        </tr>
+        <tr>
+          <td>6</td>
+          <td>International Conference on Recent Trends in Artificial Intelligence, IOT, Smart Cities & Applications:
+            2020</td>
+          <td>28.02.2020 to 29.02.2020</td>
+          <td>Chaibasa Engineering College</td>
+        </tr>
+        <tr>
+          <td>7</td>
+          <td>Special Class for CE department</td>
+          <td>15.02.2020 to 15.03.2020</td>
+          <td>NIT Warangal</td>
+        </tr>
+        <tr>
+          <td>8</td>
+          <td>Special Class for ME department</td>
+          <td>15.02.2020 to 15.03.2020</td>
+          <td>NIT Warangal</td>
+        </tr>
+        <tr>
+          <td>9</td>
+          <td>Special Class for EE department</td>
+          <td>15.02.2020 to 15.03.2020</td>
+          <td>NIT Warangal</td>
+        </tr>
+        <tr>
+          <td>10</td>
+          <td>Distribution System Operations & Planning</td>
+          <td>07.05.2020 to 09.05.2020</td>
+          <td>Dr. Devendra Singh, IIT BHU</td>
+        </tr>
+        <tr>
+          <td>11</td>
+          <td>Machine Learning Techniques for Biometrics</td>
+          <td>05.05.2020 to 07.05.2020</td>
+          <td>Dr. Dakshina Ranjan Kisku, NIT Durgapur</td>
+        </tr>
+        <tr>
+          <td>12</td>
+          <td>Embedded Systems</td>
+          <td>07.05.2020 to 09.05.2020</td>
+          <td>Dr. Supratim Gupta, NIT Rourkela</td>
+        </tr>
+        <tr>
+          <td>13</td>
+          <td>Design of Steel Structure</td>
+          <td>05.05.2020 to 07.05.2020</td>
+          <td>Dr. Sanjay Kumar, NIT Jamshedpur</td>
+        </tr>
+        <tr>
+          <td>14</td>
+          <td>Personality Differences in Decision Making</td>
+          <td>06.05.2020 to 08.05.2020</td>
+          <td>Dr. Swati Sudha, NIT Jamshedpur</td>
+        </tr>
+        <tr>
+          <td>15</td>
+          <td>Global Webinar on Combating Covid 19</td>
+          <td>11.05.2020 to 13.05.2020</td>
+          <td>Chaibasa Engineering College</td>
+        </tr>
+        <tr>
+          <td>16</td>
+          <td>Dazzle of Humanism & Empathy while COVID19</td>
+          <td>14.05.2020 to 16.05.2020</td>
+          <td>Dr. Sutanuka Banerjee, NIT Durgapur</td>
+        </tr>
+        <tr>
+          <td>17</td>
+          <td>Android Security</td>
+          <td>14.05.2020 to 16.05.2020</td>
+          <td>Dr. Janakiram, IIT Madras</td>
+        </tr>
+        <tr>
+          <td>18</td>
+          <td>Microcontroller based Embedded Systems Design</td>
+          <td>11.05.2020 to 15.05.2020</td>
+          <td>Dr. Sudipta Chakraborty, Director, Techno India Group</td>
+        </tr>
+        <tr>
+          <td>19</td>
+          <td>Issues & Challenges in Smart Grid Implementation</td>
+          <td>14.05.2020 to 16.05.2020</td>
+          <td>Dr. S.N. Singh, IIT Kanpur</td>
+        </tr>
+        <tr>
+          <td>20</td>
+          <td>3D Printing</td>
+          <td>07.05.2020 to 09.05.2020</td>
+          <td>Dr. Pulak M Pandey, IIT Delhi</td>
+        </tr>
+      </table>
+    </div>
 
-    <!-- ------------------------------footer starts------------------------- -->
-    <footer>
-      <div class="row-footer">
-          <div class="col col1" id="pic">
-              <img src="images/nagesh.png" alt="Nagesh Mandal" width="80px">
-              <div class="myname">
-                  <h5>Nagesh Mandal</h5>
-              </div>
-              <p class="dev">Full Stack Web Developer</p>
-              <div class="contact">
-                  <a href="https://www.instagram.com/nagesh_mandal7_5_/"><h4>Contact</h4></a>
-              </div>
-          </div>
-          <div class="col col2">
-              <h3>Chaibasa Engineering College</h3>
-              <p><i class="fa-solid fa-location-dot"></i>
-                  <a href="https://www.google.com/maps/place/Chaibasa+Engineering+College/@22.4643055,85.7886378,17z/data=!3m1!4b1!4m6!3m5!1s0x3a1e25ddde342373:0x4ac680428662b09d!8m2!3d22.4643055!4d85.7912127!16s%2Fg%2F1pp2wwhc_?entry=ttu" target="_blank">
-                 <span style="color: #fff;"> Keonjhar Highway
-                 Chaibasa Jharkhand PIN 833215, India
-                 </span>
-              </a>
-              </p>
-              <p class="email-id" style="
+  </div>
+
+  <!-- ----------------------------Container Ends------------------------------>
+
+
+  <!-- ------------------------------footer starts------------------------- -->
+  <footer>
+    <div class="row-footer">
+      <div class="col col1" id="pic">
+        <img src="images/nagesh.png" alt="Nagesh Mandal" width="80px">
+        <div class="myname">
+          <h5>Nagesh Mandal</h5>
+        </div>
+        <p class="dev">Full Stack Web Developer</p>
+        <div class="contact">
+          <a href="https://www.instagram.com/nagesh_mandal7_5_/">
+            <h4>Contact</h4>
+          </a>
+        </div>
+      </div>
+      <div class="col col2">
+        <h3>Chaibasa Engineering College</h3>
+        <p><i class="fa-solid fa-location-dot"></i>
+          <a href="https://www.google.com/maps/place/Chaibasa+Engineering+College/@22.4643055,85.7886378,17z/data=!3m1!4b1!4m6!3m5!1s0x3a1e25ddde342373:0x4ac680428662b09d!8m2!3d22.4643055!4d85.7912127!16s%2Fg%2F1pp2wwhc_?entry=ttu"
+            target="_blank">
+            <span style="color: #fff;"> Keonjhar Highway
+              Chaibasa Jharkhand PIN 833215, India
+            </span>
+          </a>
+        </p>
+        <p class="email-id" style="
               width: 260px"><i class="far fa-envelope" style="color: #fff;"></i>
-                  cordinatortigjh@gmail.com
-              </p>
-              <h4 class="phone">
-                  <i class="fa-solid fa-phone" style="color: #fff;"></i>
-                   +91 - 9062941530
-              </h4>
-          </div>
-          <div class="col col3" id="link">
-              <h3>Links</h3>
-              <ul>
-                  <li><a href="index.html">Home</a></li>
-                  <li><a href="">Services</a></li>
-                  <li><a href="about.html">About us</a></li>
-                  <li><a href="">Features</a></li>
-                  <li><a href="contact.html">Contact</a></li>
-              </ul>
-          </div>
-          <div class="col col4">
-              <h3>News<span>letter</span></h3>
-              <form class="form-news">
-                  <i class="far fa-envelope"></i>
-                  <input class="emailid" type="email" placeholder="Enter your email" required>
-                  <button type="submit"><i class="fas fa-arrow-right"></i></button>
-              </form>
-              <div class="social-icons social-media">
-                 <a href="https://twitter.com/NageshMandal75"> <i class="tweet fa-brands fa-twitter"></i></a>
-                  <a href="https://www.instagram.com/nagesh_mandal7_5_/"><i class="insta fa-brands fa-instagram"></i></a>
-                 <a href="https://github.com/NageshMandal"> <i class="git fa-brands fab fa-github"></i></a>
-                  <a href="https://www.linkedin.com/in/nagesh-mandal-134b70237/"> <i class="in fa-brands fa-linkedin"></i></a>
-                 <a href="https://www.youtube.com/@nageshmandal9461/featured"> <i class="youtube fa fa-youtube-play" aria-hidden="true"></i></a>
-              </div>
-              <div class="return-to-top" id="returnToTop">
-                  <i class="fas fa-arrow-up fa-2x fa-bounce"></i>
-                </div>
-          </div>
+          cordinatortigjh@gmail.com
+        </p>
+        <h4 class="phone">
+          <i class="fa-solid fa-phone" style="color: #fff;"></i>
+          +91 - 9062941530
+        </h4>
       </div>
-  
-      <!--Voice Assistent-->
-      <div class="containers">
-          <div class="texts">
-          </div>
+      <div class="col col3" id="link">
+        <h3>Links</h3>
+        <ul>
+          <li><a href="index.html">Home</a></li>
+          <li><a href="">Services</a></li>
+          <li><a href="about.html">About us</a></li>
+          <li><a href="">Features</a></li>
+          <li><a href="contact.html">Contact</a></li>
+        </ul>
       </div>
-  
-      <!--Voice assistent end-->
-      <div class="toggle-mode">
-          <img class="sun"  data-set="moon" src="images/Moontoggle.png"  alt="light-mode">
-          <img class="moon" data-set="sun" src="images/sun.png" alt="dark-mode">
+      <div class="col col4">
+        <h3>News<span>letter</span></h3>
+        <form class="form-news">
+          <i class="far fa-envelope"></i>
+          <input class="emailid" type="email" placeholder="Enter your email" required>
+          <button type="submit"><i class="fas fa-arrow-right"></i></button>
+        </form>
+        <div class="social-icons social-media">
+          <a href="https://twitter.com/NageshMandal75"> <i class="tweet fa-brands fa-twitter"></i></a>
+          <a href="https://www.instagram.com/nagesh_mandal7_5_/"><i class="insta fa-brands fa-instagram"></i></a>
+          <a href="https://github.com/NageshMandal"> <i class="git fa-brands fab fa-github"></i></a>
+          <a href="https://www.linkedin.com/in/nagesh-mandal-134b70237/"> <i class="in fa-brands fa-linkedin"></i></a>
+          <a href="https://www.youtube.com/@nageshmandal9461/featured"> <i class="youtube fa fa-youtube-play"
+              aria-hidden="true"></i></a>
+        </div>
+        <div class="return-to-top" id="returnToTop">
+          <i class="fas fa-arrow-up fa-2x fa-bounce"></i>
+        </div>
       </div>
-  
+    </div>
+
+    <!--Voice Assistent-->
+    <div class="containers">
+      <div class="texts">
+      </div>
+    </div>
+
+    <!--Voice assistent end-->
+    <div class="toggle-mode">
+      <img class="sun" data-set="moon" src="images/Moontoggle.png" alt="light-mode">
+      <img class="moon" data-set="sun" src="images/sun.png" alt="dark-mode">
+    </div>
+
   </footer>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
-    <script src="script.js"></script>
-    <script src="app.js"></script>
-    <!-- ------------------------------footer ends------------------------- -->
-    
+  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
+  <script src="script.js"></script>
+  <script src="app.js"></script>
+  <!-- ------------------------------footer ends------------------------- -->
+
 </body>
+
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 3fa14bf9..8eafd9b0 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Best Engineering Notes | Chaibasa engineering college</title>
-    <meta name="description" content="A one stop platform for all your engineering notes and study material. Our well well-organized notes provide you deep understandingo of each domain.Our easily accessible notes are designed to support students, professionals, and enthusiasts alike">
-    <meta name="keywords" content="electrical engineering, mechanical engineering, electronics and communication engineering, computer engineering, computer science, civil engineering,  best notes, all semester, exam notes, complete notes for engineering, engineering notes, hand-written notes, hand-written engineering notes">   
+    <meta name="description"
+        content="A one stop platform for all your engineering notes and study material. Our well well-organized notes provide you deep understandingo of each domain.Our easily accessible notes are designed to support students, professionals, and enthusiasts alike">
+    <meta name="keywords"
+        content="electrical engineering, mechanical engineering, electronics and communication engineering, computer engineering, computer science, civil engineering,  best notes, all semester, exam notes, complete notes for engineering, engineering notes, hand-written notes, hand-written engineering notes">
     <link rel="stylesheet" href="style.css">
     <link rel="shortcut icon" href="./images/favicon.png" type="image/x-icon">
     <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
@@ -14,18 +17,21 @@
     <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
     <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https//stackpath.bootsstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all"
+        crossorigin="anonymous">
     <script src="https://kit.fontawesome.com/c4254e24a8.js"></script>
     <script src="https://kit.fontawesome.com/739255457e.js" crossorigin="anonymous"></script>
     <script src="https://kit.fontawesome.com/YOUR_KIT_CODE.js" crossorigin="anonymous"></script>
 
 </head>
+
 <body>
     <div class="header">
         <div class="container">
             <div class="navbar">
                 <div class="logo">
-                    <a href="https://code-engineering.netlify.app/"><img src="images/Logonew.png" alt="Chaibasa Engineering College" width="50px"></a>
+                    <a href="https://code-engineering.netlify.app/"><img src="images/Logonew.png"
+                            alt="Chaibasa Engineering College" width="50px"></a>
                 </div>
                 <nav>
                     <ul>
@@ -40,7 +46,8 @@
                         <li>
                             <form id="search-form" action="#" method="GET">
                                 <input id="search-input" type="text" placeholder="Search...">
-                                <button id="search-button" type="submit"><a id= "mike-button" href="#"><i class="mic fa-solid fa-microphone"></i></a>
+                                <button id="search-button" type="submit"><a id="mike-button" href="#"><i
+                                            class="mic fa-solid fa-microphone"></i></a>
                                 </button>
                             </form>
                         </li>
@@ -52,16 +59,20 @@
                     <h1>CHAIBASA ENGINEERING<br>COLLEGE</h1>
                     <div class="para">
                         <p>
-                            Chaibasa Engineering College is a college of higher education established in the year 2013 by
+                            Chaibasa Engineering College is a college of higher education established in the year 2013
+                            by
                             Jharkhand Govt. It is run by the Techno India Group and is recognized by AICTE.
-                            The college offers Bachelor of Technology across five disciplines at the undergraduate level.
-                            Admissions are entrance-based and candidates can apply online for admission. The college has a
-                            centralized placement cell which guides the students to achieve placements in reputed companies.
+                            The college offers Bachelor of Technology across five disciplines at the undergraduate
+                            level.
+                            Admissions are entrance-based and candidates can apply online for admission. The college has
+                            a
+                            centralized placement cell which guides the students to achieve placements in reputed
+                            companies.
                         </p>
                     </div>
 
                     <div class="explore">
-                        <a href=""class="btn">Explore Now &#8594;</a>
+                        <a href="" class="btn" id="btn1">Explore Now &#8594;</a>
                     </div>
                 </div>
                 <div class="col-2">
@@ -70,106 +81,106 @@ <h1>CHAIBASA ENGINEERING<br>COLLEGE</h1>
             </div>
         </div>
     </div>
-    
 
 
-   </div>
-</div>
-    
-<!--------------  BRANCHES  ----------------->
-<div class="small-container" id="depts">
-    <h2 class="title">BRANCHES IN CEC</h2>
-    <div class="row">
-        <div class="col-3">
-            <img class="branchimg" alt="computer science engineering image" src="images/cse.webp">
-            <a href="branch/cs.html"class="btn">CSE</a>
-            <div class="">
-                <div class="dis">Computer Science Engineering (CSE) is an
-                    engineering discipline that covers several topics
-                    related to computation, programming languages,
-                    program design, computer hardware and software
-                    and integrates several fields of computer science.
+
+    </div>
+    </div>
+
+    <!--------------  BRANCHES  ----------------->
+    <div class="small-container" id="depts">
+        <h2 class="title">BRANCHES IN CEC</h2>
+        <div class="row">
+            <div class="col-3">
+                <img class="branchimg" alt="computer science engineering image" src="images/cse.webp">
+                <a href="branch/cs.html" class="btn" id="CSE">CSE</a>
+                <div class="">
+                    <div class="dis">Computer Science Engineering (CSE) is an
+                        engineering discipline that covers several topics
+                        related to computation, programming languages,
+                        program design, computer hardware and software
+                        and integrates several fields of computer science.
+                    </div>
+                </div>
+                <p></p>
+            </div>
+            <div class="col-3">
+                <img class="branchimg" alt="Electronics and Communication Engineering image" src="images/ece.webp">
+                <a href="branch/ece.html" class="btn" id="ECE">ECE</a>
+                <div class="">
+                    <div class="dis">Electronics and Communication Engineering (ECE) is an emerging stream that
+                        offers firm promises to lend your career an edge. Studying this domain of engineering would
+                        mean mastering the skills related to electrical engineering as well
+                        as having an insight into the world of computer software and hardware.
+                    </div>
+                </div>
+                <p></p>
+            </div>
+            <div class="col-3">
+                <img class="branchimg" alt="electrical and electronics engineering image" src="images/e55.webp">
+                <a href="branch/ee.html" class="btn" id="EEE">EEE</a>
+                <div class="">
+                    <div class="dis">Electrical and Electronics Engineering. EEE is an engineering discipline which
+                        deals with Electrical and Machine technology, Electrons, Circuit analysis,
+                        Electromagnetism, Instrumentations, Materials for electrical engineering,
+                        Control systems, transmission and distribution, Power engineering.</div>
                 </div>
+                <p></p>
             </div>
-            <p></p>
-       </div>
-       <div class="col-3">
-        <img class="branchimg" alt="Electronics and Communication Engineering image" src="images/ece.webp">
-        <a href="branch/ece.html"class="btn">ECE</a>
-        <div class="">
-            <div class="dis">Electronics and Communication Engineering (ECE) is an emerging stream that
-                offers firm promises to lend your career an edge. Studying this domain of engineering would
-                 mean mastering the skills related to electrical engineering as well
-                 as having an insight into the world of computer software and hardware.
+            <div class="col-3">
+                <img class="branchimg" alt="mechanical engineering image" src="images/me.webp">
+                <a href="branch/ME.html" class="btn" id="ME">ME</a>
+                <div class="">
+                    <div class="dis">Mechanical engineering is an engineering branch
+                        that combines engineering physics and mathematics
+                        principles with materials science, to design, analyze,
+                        manufacture, and maintain mechanical systems.</div>
+                </div>
+                <p></p>
+            </div>
+            <div class="col-3">
+                <img class="branchimg" alt="civi engineering image" src="images/ce.webp">
+                <a href="branch/CE.html" class="btn" id="CE">CE</a>
+                <div class="">
+                    <div class="dis">Civil engineering is a professional engineering discipline that deals with the
+                        design,
+                        construction, and maintenance of the physical and naturally built environment,
+                        including public works such as roads, bridges, canals, dams, airports, and railways.</div>
+                </div>
+                <p></p>
             </div>
         </div>
-        <p></p>
-   </div>
-   <div class="col-3">
-    <img class="branchimg" alt="electrical and electronics engineering image" src="images/e55.webp">
-    <a href="branch/ee.html"class="btn">EEE</a>
-    <div class="">
-        <div class="dis">Electrical and Electronics Engineering. EEE is an engineering discipline which deals with Electrical and Machine technology, Electrons, Circuit analysis,
-            Electromagnetism, Instrumentations, Materials for electrical engineering,
-            Control systems, transmission and distribution, Power engineering.</div>
     </div>
-    <p></p>
-</div>
-<div class="col-3">
-    <img class="branchimg" alt="mechanical engineering image" src="images/me.webp">
-    <a href="branch/ME.html"class="btn">ME</a>
-    <div class="">
-        <div class="dis">Mechanical engineering is an engineering branch
-            that combines engineering physics and mathematics
-            principles with materials science, to design, analyze,
-            manufacture, and maintain mechanical systems.</div>
     </div>
-    <p></p>
-</div>
-<div class="col-3">
-    <img class="branchimg" alt="civi engineering image"  src="images/ce.webp">
-    <a href="branch/CE.html"class="btn">CE</a>
-    <div class="">
-        <div class="dis">Civil engineering is a professional engineering discipline that deals with the design,
-            construction, and maintenance of the physical and naturally built environment,
-            including public works such as roads, bridges, canals, dams, airports, and railways.</div>
     </div>
-    <p></p>
-</div>
-     </div>
-</div>
-   </div>
-</div>
-<div class="containerf"> 
-		<h1>Frequently Asked Questions</h1> 
-		<div class="question-container"> 
-			<div class="question">Q: What is this website all about?</div> 
-			<div class="answer">A: Chaibasa Engineering College library is a vibrant hub of knowledge and learning, catering to the intellectual needs of students and faculty alike.   </div> 
-			<hr>
+    <div class="containerf">
+        <h1>Frequently Asked Questions</h1>
+        <div class="question-container">
+            <div class="question">Q: What is this website all about?</div>
+            <div class="answer">A: Chaibasa Engineering College library is a vibrant hub of knowledge and learning,
+                catering to the intellectual needs of students and faculty alike. </div>
+            <hr>
 
-            <div class="question">Q: Do I need any special software to use it?</div> 
-			<div class="answer">A: No, the only requirement is any web browser.</div> 
+            <div class="question">Q: Do I need any special software to use it?</div>
+            <div class="answer">A: No, the only requirement is any web browser.</div>
             <hr>
 
-            <div class="question">Q: Why should I prefer this website over any other website?</div> 
-			<div class="answer">A:Chaibasa Engineering College library stands as a pillar of intellectual enlightenment, fostering academic excellence among its community making it preferable over other websites.</div> 
+            <div class="question">Q: Why should I prefer this website over any other website?</div>
+            <div class="answer">A:Chaibasa Engineering College library stands as a pillar of intellectual enlightenment,
+                fostering academic excellence among its community making it preferable over other websites.</div>
             <hr>
-            <div class="question">Q: What if my requirement notes is not there?</div> 
-			<div class="answer">A: Write us a message or mail us at  cordinatortigjh@gmail.com </div> 
-		</div> 
-	</div>
-<div class="contributors-container">
-    <h1>Our Valuable Contributors</h1>
-    <div class="contributors" id="contributors"></div>
-    <a
-        href="https://github.com/NageshMandal/Engineering-Notes-Website"
-        target="_blank"
-        class="w-10"
-    >
-    </a>
-</div>
+            <div class="question">Q: What if my requirement notes is not there?</div>
+            <div class="answer">A: Write us a message or mail us at cordinatortigjh@gmail.com </div>
+        </div>
+    </div>
+    <div class="contributors-container">
+        <h1>Our Valuable Contributors</h1>
+        <div class="contributors" id="contributors"></div>
+        <a href="https://github.com/NageshMandal/Engineering-Notes-Website" target="_blank" class="w-10">
+        </a>
+    </div>
 
-        <!-- <footer>
+    <!-- <footer>
             <div class="row">
                 <div class="col col1" id="pic" >
                     <img src="images/nagesh.png" width="80px">
@@ -222,111 +233,118 @@ <h3>News<span>letter</span></h3>
                       </div>
                 </div>
             </div>-->
-            <!--Voice Assistent-->
-            <!-- <div class="containers">
+    <!--Voice Assistent-->
+    <!-- <div class="containers">
                 <div class="texts">
                 </div>
             </div> -->
-            <!--Voice assistent end-->
-            <!-- <div class="toggle-mode">
+    <!--Voice assistent end-->
+    <!-- <div class="toggle-mode">
                 <img class="moon" data-set="sun" src="images/moon.png" alt="dark-mode">
                 <img class="sun"  data-set="moon" src="images/sun.png"  alt="light-mode">
             </div> -->
 
-        <!-- </footer> -->
+    <!-- </footer> -->
 
-        <footer>
-            <div class="row-footer">
-                <div class="col col1" id="pic">
-                    <img src="images/nagesh.png" alt="Nagesh Mandal" width="80px">
-                    <div class="myname">
-                        <h5>Nagesh Mandal</h5>
-                    </div>
-                    <p class="dev">Full Stack Web Developer</p>
-                    <div class="contact">
-                        <a href="https://www.instagram.com/nagesh_mandal7_5_/"><h4>Contact</h4></a>
-                    </div>
+    <footer>
+        <div class="row-footer">
+            <div class="col col1" id="pic">
+                <img src="images/nagesh.png" alt="Nagesh Mandal" width="80px">
+                <div class="myname">
+                    <h5>Nagesh Mandal</h5>
                 </div>
-                <div class="col col2">
-                    <h3>Chaibasa Engineering College</h3>
-                    <p><i class="fa-solid fa-location-dot"></i>
-                        <a href="https://www.google.com/maps/place/Chaibasa+Engineering+College/@22.4643055,85.7886378,17z/data=!3m1!4b1!4m6!3m5!1s0x3a1e25ddde342373:0x4ac680428662b09d!8m2!3d22.4643055!4d85.7912127!16s%2Fg%2F1pp2wwhc_?entry=ttu" target="_blank">
-                       <span style="color: #fff;"> Keonjhar Highway
-                       Chaibasa Jharkhand PIN 833215, India
-                       </span>
+                <p class="dev">Full Stack Web Developer</p>
+                <div class="contact">
+                    <a href="https://www.instagram.com/nagesh_mandal7_5_/">
+                        <h4>Contact</h4>
                     </a>
-                    </p>
-                    <p class="email-id" style="
-                    width: 260px"><i class="far fa-envelope" style="color: #fff;"></i>
-                        cordinatortigjh@gmail.com
-                    </p>
-                    <h4 class="phone">
-                        <i class="fa-solid fa-phone" style="color: #fff;"></i>
-                         +91 - 9062941530
-                    </h4>
                 </div>
-                <div class="col col3" id="link">
-                    <h3>Links</h3>
-                    <ul>
-                        <li><a href="index.html">Home</a></li>
-                        <li><a href="">Services</a></li>
-                        <li><a href="about.html">About us</a></li>
-                        <li><a href="">Features</a></li>
-                        <li><a href="contact.html">Contact</a></li>
-                    </ul>
+            </div>
+            <div class="col col2">
+                <h3>Chaibasa Engineering College</h3>
+                <p><i class="fa-solid fa-location-dot"></i>
+                    <a href="https://www.google.com/maps/place/Chaibasa+Engineering+College/@22.4643055,85.7886378,17z/data=!3m1!4b1!4m6!3m5!1s0x3a1e25ddde342373:0x4ac680428662b09d!8m2!3d22.4643055!4d85.7912127!16s%2Fg%2F1pp2wwhc_?entry=ttu"
+                        target="_blank">
+                        <span style="color: #fff;"> Keonjhar Highway
+                            Chaibasa Jharkhand PIN 833215, India
+                        </span>
+                    </a>
+                </p>
+                <p class="email-id" style="
+                    width: 260px"><i class="far fa-envelope" style="color: #fff;"></i>
+                    cordinatortigjh@gmail.com
+                </p>
+                <h4 class="phone">
+                    <i class="fa-solid fa-phone" style="color: #fff;"></i>
+                    +91 - 9062941530
+                </h4>
+            </div>
+            <div class="col col3" id="link">
+                <h3>Links</h3>
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="">Services</a></li>
+                    <li><a href="about.html">About us</a></li>
+                    <li><a href="">Features</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul>
+            </div>
+            <div class="col col4">
+                <h3>News<span>letter</span></h3>
+                <form class="form-news">
+                    <i class="far fa-envelope"></i>
+                    <input class="emailid" type="email" placeholder="Enter your email" required>
+                    <button type="submit"><i class="fas fa-arrow-right"></i></button>
+                </form>
+                <div class="social-icons social-media">
+                    <a href="https://twitter.com/NageshMandal75"> <i class="tweet fa-brands fa-twitter"></i></a>
+                    <a href="https://www.instagram.com/nagesh_mandal7_5_/"><i
+                            class="insta fa-brands fa-instagram"></i></a>
+                    <a href="https://github.com/NageshMandal"> <i class="git fa-brands fab fa-github"></i></a>
+                    <a href="https://www.linkedin.com/in/nagesh-mandal-134b70237/"> <i
+                            class="in fa-brands fa-linkedin"></i></a>
+                    <a href="https://www.youtube.com/@nageshmandal9461/featured"> <i class="youtube fa fa-youtube-play"
+                            aria-hidden="true"></i></a>
                 </div>
-                <div class="col col4">
-                    <h3>News<span>letter</span></h3>
-                    <form class="form-news">
-                        <i class="far fa-envelope"></i>
-                        <input class="emailid" type="email" placeholder="Enter your email" required>
-                        <button type="submit"><i class="fas fa-arrow-right"></i></button>
-                    </form>
-                    <div class="social-icons social-media">
-                       <a href="https://twitter.com/NageshMandal75"> <i class="tweet fa-brands fa-twitter"></i></a>
-                        <a href="https://www.instagram.com/nagesh_mandal7_5_/"><i class="insta fa-brands fa-instagram"></i></a>
-                       <a href="https://github.com/NageshMandal"> <i class="git fa-brands fab fa-github"></i></a>
-                        <a href="https://www.linkedin.com/in/nagesh-mandal-134b70237/"> <i class="in fa-brands fa-linkedin"></i></a>
-                       <a href="https://www.youtube.com/@nageshmandal9461/featured"> <i class="youtube fa fa-youtube-play" aria-hidden="true"></i></a>
-                    </div>
-                    <div class="return-to-top" id="returnToTop">
-                        <i class="fas fa-arrow-up fa-2x fa-bounce"></i>
-                      </div>
+                <div class="return-to-top" id="returnToTop">
+                    <i class="fas fa-arrow-up fa-2x fa-bounce"></i>
                 </div>
             </div>
+        </div>
 
-            <!--Voice Assistent-->
-            <div class="containers">
-                <div class="texts">
-                </div>
+        <!--Voice Assistent-->
+        <div class="containers">
+            <div class="texts">
             </div>
+        </div>
 
-            <!--Voice assistent end-->
-            <div class="toggle-mode">
-                <img class="sun"  data-set="moon" src="images/Moontoggle.png"  alt="light-mode">
-                <img class="moon" data-set="sun" src="images/sun.png" alt="dark-mode">
-            </div>
+        <!--Voice assistent end-->
+        <div class="toggle-mode">
+            <img class="sun" data-set="moon" src="images/Moontoggle.png" alt="light-mode">
+            <img class="moon" data-set="sun" src="images/sun.png" alt="dark-mode">
+        </div>
 
-        </footer>
+    </footer>
 
 
     <script src="script.js"></script>
     <script src="app.js"></script>
-<script> 
-    const questions = document.querySelectorAll(".question"); 
+    <script>
+        const questions = document.querySelectorAll(".question");
 
-    questions.forEach((question) => { 
-        question.addEventListener("click", () => { 
-            question.classList.toggle("active"); 
-            const answer = question.nextElementSibling; 
-            if (answer.style.display === "block") { 
-                answer.style.display = "none"; 
-            } else { 
-                answer.style.display = "block"; 
-            } 
+        questions.forEach((question) => {
+            question.addEventListener("click", () => {
+                question.classList.toggle("active");
+                const answer = question.nextElementSibling;
+                if (answer.style.display === "block") {
+                    answer.style.display = "none";
+                } else {
+                    answer.style.display = "block";
+                }
+            });
         }); 
-    }); 
-</script> 
+    </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/library.html b/library.html
index bbcf8db3..3ca7cd3d 100644
--- a/library.html
+++ b/library.html
@@ -1,99 +1,114 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Library</title>
-    <link rel="stylesheet" href="style.css">
-    <link rel="stylesheet" href="library.css">
-    <link rel="shortcut icon" href="./images/favicon.png" type="image/x-icon">
-    <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
-    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="https//stackpath.bootsstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all" crossorigin="anonymous">
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Library</title>
+  <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="library.css">
+  <link rel="shortcut icon" href="./images/favicon.png" type="image/x-icon">
+  <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
+  <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https//stackpath.bootsstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all"
+    crossorigin="anonymous">
 
-    <script src="https://kit.fontawesome.com/c4254e24a8.js"></script>
-    <script src="https://kit.fontawesome.com/739255457e.js" crossorigin="anonymous"></script>
-    <script src="https://kit.fontawesome.com/YOUR_KIT_CODE.js" crossorigin="anonymous"></script>
+  <script src="https://kit.fontawesome.com/c4254e24a8.js"></script>
+  <script src="https://kit.fontawesome.com/739255457e.js" crossorigin="anonymous"></script>
+  <script src="https://kit.fontawesome.com/YOUR_KIT_CODE.js" crossorigin="anonymous"></script>
 
 </head>
+
 <body>
-    <div class="header">
-        <div class="container">
-            <div class="navbar">
-                <div class="logo">
-                  <a href="https://code-engineering.netlify.app/"><img src="images/Logonew.png" alt="Chaibasa Engineering College" width="50px"></a>
-                </div>
-                <nav>
-                  <ul>
-                      <li><a class="nav-link" href="./Gallary-section/index.html">Gallery</a></li>
-                      <li><a class="nav-link" href="./projects.html">Projects</a></li>
-                      <li><a class="nav-link" href="./library.html">Library</a></li>
-                      <li><a class="nav-link" href="./placement.html">Placements</a></li>
-                      <li><a class="nav-link" href="./contact.html">Contacts</a></li>
-                      <li><a class="nav-link" href="./syllabus.html">Syllabus</a></li>
-                      <li><a class="nav-link" href="./event.html">Events</a></li>
+  <div class="header">
+    <div class="container">
+      <div class="navbar">
+        <div class="logo">
+          <a href="https://code-engineering.netlify.app/"><img src="images/Logonew.png"
+              alt="Chaibasa Engineering College" width="50px"></a>
+        </div>
+        <nav>
+          <ul>
+            <li><a class="nav-link" href="./Gallary-section/index.html">Gallery</a></li>
+            <li><a class="nav-link" href="./projects.html">Projects</a></li>
+            <li><a class="nav-link" href="./library.html">Library</a></li>
+            <li><a class="nav-link" href="./placement.html">Placements</a></li>
+            <li><a class="nav-link" href="./contact.html">Contacts</a></li>
+            <li><a class="nav-link" href="./syllabus.html">Syllabus</a></li>
+            <li><a class="nav-link" href="./event.html">Events</a></li>
 
-                      <li>
-                          <form id="search-form" action="#" method="GET">
-                              <input id="search-input" type="text" placeholder="Search...">
-                              <button id="search-button" type="submit"><a id= "mike-button" href="#"><i class="mic fa-solid fa-microphone"></i></a>
-                              </button>
-                          </form>
-                      </li>
-                  </ul>
-              </nav>
-            </div>
-            <div class="row row-lib">
-                <div class="col-2">
-                    <!-- <h1>LIBRARY</h1> -->
-                    <h1>LIBRARY  🕮</h1>
-                    <div class="para">
-                        <!-- <p>
+            <li>
+              <form id="search-form" action="#" method="GET">
+                <input id="search-input" type="text" placeholder="Search...">
+                <button id="search-button" type="submit"><a id="mike-button" href="#"><i
+                      class="mic fa-solid fa-microphone"></i></a>
+                </button>
+              </form>
+            </li>
+          </ul>
+        </nav>
+      </div>
+      <div class="row row-lib">
+        <div class="col-2">
+          <!-- <h1>LIBRARY</h1> -->
+          <h1>LIBRARY 🕮</h1>
+          <div class="para">
+            <!-- <p>
                             Chaibasa Engineering College library is a hub of knowledge and learning, providing a vast collection of books, resources, and digital materials to support the academic pursuits of our students and faculty members. With a diverse range of subjects and resources, our library serves as an essential resource center for research, study, and personal enrichment.
                         </p> -->
-                        <p>
-                            Chaibasa Engineering College library is a vibrant hub of knowledge and learning, catering to the intellectual needs of students and faculty alike. Nestled in the heart of the college campus, the library boasts a <span class="span">vast collection of books </span> and digital resources spanning various disciplines. Its serene ambiance and modern infrastructure create a conducive environment for study and research. 
-                        </p><br>
-                        <p>
-                            Equipped with state-of-the-art facilities and computer systems, it offers seamless access to online databases and e-books. The diligent library staff ensures efficient services and supports academic growth through workshops and training programs. Chaibasa Engineering College library stands as a <span class="span">pillar of intellectual enlightenment</span>, fostering academic excellence among its community.
-                        </p>
-                    </div>
+            <p>
+              Chaibasa Engineering College library is a vibrant hub of knowledge and learning, catering to the
+              intellectual needs of students and faculty alike. Nestled in the heart of the college campus, the library
+              boasts a <span class="span">vast collection of books </span> and digital resources spanning various
+              disciplines. Its serene ambiance and modern infrastructure create a conducive environment for study and
+              research.
+            </p><br>
+            <p>
+              Equipped with state-of-the-art facilities and computer systems, it offers seamless access to online
+              databases and e-books. The diligent library staff ensures efficient services and supports academic growth
+              through workshops and training programs. Chaibasa Engineering College library stands as a <span
+                class="span">pillar of intellectual enlightenment</span>, fostering academic excellence among its
+              community.
+            </p>
+          </div>
 
-                    <div class="explore">
-                        <a href=""class="btn">Explore Now &#8594;</a>
-                    </div>
-                </div>
-                <div class="col-2">
-                    <img class="students" src="images/college1.png">
-                </div>
-            </div>
+          <div class="explore">
+            <a href="" class="btn" id="btn3">Explore Now &#8594;</a>
+          </div>
+        </div>
+        <div class="col-2">
+          <img class="students" src="images/college1.png">
         </div>
+      </div>
     </div>
-    
+  </div>
 
 
-   </div>
-</div>
-<!--------------  BRANCHES  ----------------->
 
-<section id="content">
+  </div>
+  </div>
+  <!--------------  BRANCHES  ----------------->
+
+  <section id="content">
     <div class="filter">
-        <label for="branch">Select Branch:</label>
-        <select id="branch">
-          <option value="">All</option>
-          <option value="cs">Computer Science Engineering</option>
-          <option value="ce">Civil Engineering</option>
-          <option value="ec">Electronics and Communication Engineering</option>
-          <option value="me">Mechanical Engineering</option>
-          <option value="it">Information Technology</option>
-        </select>
-      </div>
+      <label for="branch">Select Branch:</label>
+      <select id="branch">
+        <option value="">All</option>
+        <option value="cs">Computer Science Engineering</option>
+        <option value="ce">Civil Engineering</option>
+        <option value="ec">Electronics and Communication Engineering</option>
+        <option value="me">Mechanical Engineering</option>
+        <option value="it">Information Technology</option>
+      </select>
+    </div>
     <!-- <h2>Available Books</h2> -->
-    <div class="books_available"><h2>Books in Inventory</h2></div>
+    <div class="books_available">
+      <h2>Books in Inventory</h2>
+    </div>
     <div id="bookList">
       <div data-branch="cs">
         <a href="https://www.cs.bham.ac.uk/~jxb/DSA/dsa.pdf"><img src="images/book1.jpg" alt="Book 1"></a>
@@ -102,25 +117,30 @@ <h3>Data Structures <br> using C</h3>
         <p>Category: Category 1</p>
       </div>
       <div data-branch="cs">
-        <a href="https://gfgc.kar.nic.in/sirmv-science/GenericDocHandler/138-a2973dc6-c024-4d81-be6d-5c3344f232ce.pdf"><img src="images/book2.jpg" alt="Book 2"></a>
+        <a href="https://gfgc.kar.nic.in/sirmv-science/GenericDocHandler/138-a2973dc6-c024-4d81-be6d-5c3344f232ce.pdf"><img
+            src="images/book2.jpg" alt="Book 2"></a>
         <h3>Java Programming</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="cs">
-        <a href="https://vipulzblog.files.wordpress.com/2019/08/e_balagurusamy-object_oriented_programming_with_c.pdf"><img src="images/book13.png" alt="Book 13"></a>
+        <a href="https://vipulzblog.files.wordpress.com/2019/08/e_balagurusamy-object_oriented_programming_with_c.pdf"><img
+            src="images/book13.png" alt="Book 13"></a>
         <h3>OOPS with C++</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="cs">
-        <a href="https://vipulzblog.files.wordpress.com/2019/08/introduction.to_.algorithms.clrs_.3rd.edition.sep_.2009.pdf"><img src="images/book14.png" alt="Book 14"></a>
+        <a
+          href="https://vipulzblog.files.wordpress.com/2019/08/introduction.to_.algorithms.clrs_.3rd.edition.sep_.2009.pdf"><img
+            src="images/book14.png" alt="Book 14"></a>
         <h3>Intro to Algorithms</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="cs">
-        <a href="https://vipulzblog.files.wordpress.com/2019/08/database-system-concepts-6th-edition.pdf"><img src="images/book15.png" alt="Book 15"></a>
+        <a href="https://vipulzblog.files.wordpress.com/2019/08/database-system-concepts-6th-edition.pdf"><img
+            src="images/book15.png" alt="Book 15"></a>
         <h3>Database System Concepts</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
@@ -132,12 +152,13 @@ <h3>Data Mining. Concepts and Techniques</h3>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="cs">
-        <a href="https://www.ktunotes.in/wp-content/uploads/2018/05/Theory-of-Computation-John-C.-Martin-min.pdf"><img src="images/book17.png" alt="Book 17"></a>
+        <a href="https://www.ktunotes.in/wp-content/uploads/2018/05/Theory-of-Computation-John-C.-Martin-min.pdf"><img
+            src="images/book17.png" alt="Book 17"></a>
         <h3>Theory-of-Computation</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
-        <div data-branch="cs">
+      <div data-branch="cs">
         <a href="https://shorturl.at/yBDGP"><img src="images/book18.png" alt="Book 18"></a>
         <h3>Machine Learning</h3>
         <p>Author: Author 2</p>
@@ -145,49 +166,61 @@ <h3>Machine Learning</h3>
       </div>
       <!-- New added books -->
       <div data-branch="cs">
-        <a href="http://www.uoitc.edu.iq/images/documents/informatics-institute/Competitive_exam/Systemanalysisanddesign.pdf"><img src="images/book19.png" alt="Book 19"></a>
+        <a
+          href="http://www.uoitc.edu.iq/images/documents/informatics-institute/Competitive_exam/Systemanalysisanddesign.pdf"><img
+            src="images/book19.png" alt="Book 19"></a>
         <h3>Systems Analysis & Design</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="cs">
-        <a href="https://cseweb.ucsd.edu/classes/wi19/cse124-a/courseoverview/compnetworks.pdf"><img src="images/book20.png" alt="Book 20"></a>
+        <a href="https://cseweb.ucsd.edu/classes/wi19/cse124-a/courseoverview/compnetworks.pdf"><img
+            src="images/book20.png" alt="Book 20"></a>
         <h3>Computer Networks</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="ce">
-        <a href="https://content.kopykitab.com/ebooks/2014/10/3685/sample/sample_3685.pdf"><img src="images/book3.jpg" alt="Book 3"></a>
+        <a href="https://content.kopykitab.com/ebooks/2014/10/3685/sample/sample_3685.pdf"><img src="images/book3.jpg"
+            alt="Book 3"></a>
         <h3>Railway Bridges and <br>Tunnels</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="ce">
-        <a href="https://vipulzblog.files.wordpress.com/2018/08/strength-of-material-by-r-k-bansal-31.pdf"><img src="images/book4.jpg" alt="Book 4"></a>
+        <a href="https://vipulzblog.files.wordpress.com/2018/08/strength-of-material-by-r-k-bansal-31.pdf"><img
+            src="images/book4.jpg" alt="Book 4"></a>
         <h3>Strengths of <br>Materials</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="ce">
-        <a href="https://www.iare.ac.in/sites/default/files/lecture_notes/EG_LECTURE_NOTES.pdf"><img src="images/book5.jpg" alt="Book 5"></a>
+        <a href="https://www.iare.ac.in/sites/default/files/lecture_notes/EG_LECTURE_NOTES.pdf"><img
+            src="images/book5.jpg" alt="Book 5"></a>
         <h3>Engineering Geology</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="ec">
-        <a href="https://elearningatria.files.wordpress.com/2013/10/ece-iii-electronic-instrumentation-10it35-notes.pdf"><img src="images/book6.jpg" alt="Book 6"></a>
+        <a
+          href="https://elearningatria.files.wordpress.com/2013/10/ece-iii-electronic-instrumentation-10it35-notes.pdf"><img
+            src="images/book6.jpg" alt="Book 6"></a>
         <h3>Electronic<br> instrumentation<br> and Measurements</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="ec">
-        <a href="https://elearningatria.files.wordpress.com/2013/10/ece-iii-electronic-instrumentation-10it35-notes.pdf"><img src="images/book7.jpg" alt="Book 7"></a>
+        <a
+          href="https://elearningatria.files.wordpress.com/2013/10/ece-iii-electronic-instrumentation-10it35-notes.pdf"><img
+            src="images/book7.jpg" alt="Book 7"></a>
         <h3>Network Analysis</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="ec">
-        <a href="https://edutechlearners.com/download/books/An%20Introduction%20to%20Microprocessor%208085%20PDF%20by%20Dr.%20K%20K%20Kausik.pdf"><img src="images/book22.png" alt="Book 22"></a>
+        <a
+          href="https://edutechlearners.com/download/books/An%20Introduction%20to%20Microprocessor%208085%20PDF%20by%20Dr.%20K%20K%20Kausik.pdf"><img
+            src="images/book22.png" alt="Book 22"></a>
         <h3>An Introduction to Microprocessor 8085</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
@@ -199,71 +232,88 @@ <h3>Advanced Microprocessors and Peripherals</h3>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="me">
-        <a href="https://elearningatria.files.wordpress.com/2013/10/ece-iii-electronic-instrumentation-10it35-notes.pdf"><img src="images/book8.jpg" alt="Book 8"></a>
+        <a
+          href="https://elearningatria.files.wordpress.com/2013/10/ece-iii-electronic-instrumentation-10it35-notes.pdf"><img
+            src="images/book8.jpg" alt="Book 8"></a>
         <h3>Manufacturing <br>Processes</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="me">
-        <a href="https://elearningatria.files.wordpress.com/2013/10/ece-iii-electronic-instrumentation-10it35-notes.pdf"><img src="images/book9.jpg" alt="Book 9"></a>
+        <a
+          href="https://elearningatria.files.wordpress.com/2013/10/ece-iii-electronic-instrumentation-10it35-notes.pdf"><img
+            src="images/book9.jpg" alt="Book 9"></a>
         <h3>An Introduction To <br>Thermodynamics</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="me">
-        <a href="https://elearningatria.files.wordpress.com/2013/10/ece-iii-electronic-instrumentation-10it35-notes.pdf"><img src="images/book10.jpg" alt="Book 10"></a>
+        <a
+          href="https://elearningatria.files.wordpress.com/2013/10/ece-iii-electronic-instrumentation-10it35-notes.pdf"><img
+            src="images/book10.jpg" alt="Book 10"></a>
         <h3>Machine Drawing</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="me">
-        <a href="https://drive.google.com/file/d/1EFWHhaIjwXknOfWyfoTvgTrnG666WWkV/view"><img src="images/book21.png" alt="Book 21"></a>
+        <a href="https://drive.google.com/file/d/1EFWHhaIjwXknOfWyfoTvgTrnG666WWkV/view"><img src="images/book21.png"
+            alt="Book 21"></a>
         <h3>Applied Thermodynamics</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="it">
-        <a href="https://elearningatria.files.wordpress.com/2013/10/ece-iii-electronic-instrumentation-10it35-notes.pdf"><img src="images/book11.jpg" alt="Book 11"></a>
+        <a
+          href="https://elearningatria.files.wordpress.com/2013/10/ece-iii-electronic-instrumentation-10it35-notes.pdf"><img
+            src="images/book11.jpg" alt="Book 11"></a>
         <h3>Object Oriented <br>Programming <br>Methodology</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="it">
-        <a href="https://elearningatria.files.wordpress.com/2013/10/ece-iii-electronic-instrumentation-10it35-notes.pdf"><img src="images/book12.jpg" alt="Book 12"></a>
+        <a
+          href="https://elearningatria.files.wordpress.com/2013/10/ece-iii-electronic-instrumentation-10it35-notes.pdf"><img
+            src="images/book12.jpg" alt="Book 12"></a>
         <h3>Electric Circuits and<br> Electronics Devices</h3>
         <p>Author: Author 2</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="it">
-        <a href="https://ia800607.us.archive.org/3/items/DigitalLogicAndComputerDesignByM.MorrisMano2ndEdition/Digital%20Logic%20And%20Computer%20Design%20By%20M.%20Morris%20Mano%20%282nd%20Edition%29.pdf"><img src="images/book24.png" alt="Book 12"></a>
+        <a
+          href="https://ia800607.us.archive.org/3/items/DigitalLogicAndComputerDesignByM.MorrisMano2ndEdition/Digital%20Logic%20And%20Computer%20Design%20By%20M.%20Morris%20Mano%20%282nd%20Edition%29.pdf"><img
+            src="images/book24.png" alt="Book 12"></a>
         <h3>Digital logic and <br> Compiler Design</h3>
         <p>Author: Moris Mano</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="it">
-         <a href="https://faculty.ksu.edu.sa/sites/default/files/rosen_discrete_mathematics_and_its_applications_7th_edition.pdf"><img src="images/book25.png"alt="Book 12"></a>
+        <a
+          href="https://faculty.ksu.edu.sa/sites/default/files/rosen_discrete_mathematics_and_its_applications_7th_edition.pdf"><img
+            src="images/book25.png" alt="Book 12"></a>
         <h3>Discrete <br> Mathematics</h3>
         <p>Author: Moris Mano</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="it">
-        <a href="https://www.shahucollegelatur.org.in/Department/Studymaterial/sci/it/BCS/FY/book.pdf"><img src="images/book26.png" alt="Book 12"></a>
+        <a href="https://www.shahucollegelatur.org.in/Department/Studymaterial/sci/it/BCS/FY/book.pdf"><img
+            src="images/book26.png" alt="Book 12"></a>
         <h3>Graph <br> Theory</h3>
         <p>Author: Moris Mano</p>
         <p>Category: Category 2</p>
       </div>
       <div data-branch="it">
-        <a href="https://drive.google.com/file/d/1n_m4FNtoDmRcNEby4_DR_aLM7jeDqPL0/view"><img src="images/book27.png" alt="Book 12"></a>
+        <a href="https://drive.google.com/file/d/1n_m4FNtoDmRcNEby4_DR_aLM7jeDqPL0/view"><img src="images/book27.png"
+            alt="Book 12"></a>
         <h3>Higher Engineering<br> Mathematics</h3>
         <p>Author: Moris Mano</p>
         <p>Category: Category 2</p>
       </div>
-      
+
       <!-- Add more book items as needed -->
     </div>
   </section>
 
-<!-- <div class="containerlib">
+  <!-- <div class="containerlib">
     <div class="book">book1</div>
     <div class="book">book1</div>
     <div class="book">book1</div>
@@ -273,7 +323,7 @@ <h3>Higher Engineering<br> Mathematics</h3>
     <div class="book">book1</div>
 </div> -->
 
-        <!-- <footer>
+  <!-- <footer>
             <div class="row">
                 <div class="col col1" id="pic" >
                     <img src="images/nagesh.png" width="80px">
@@ -326,96 +376,101 @@ <h3>News<span>letter</span></h3>
                       </div>
                 </div>
             </div>-->
-            <!--Voice Assistent-->
-            <!-- <div class="containers">
+  <!--Voice Assistent-->
+  <!-- <div class="containers">
                 <div class="texts">
                 </div>
             </div> -->
-            <!--Voice assistent end-->
-            <!-- <div class="toggle-mode">
+  <!--Voice assistent end-->
+  <!-- <div class="toggle-mode">
                 <img class="moon" data-set="sun" src="images/moon.png" alt="dark-mode">
                 <img class="sun"  data-set="moon" src="images/sun.png"  alt="light-mode">
             </div> -->
 
-        <!-- </footer> -->
-        <footer>
-          <div class="row-footer">
-              <div class="col col1" id="pic">
-                  <img src="images/nagesh.png" alt="Nagesh Mandal" width="80px">
-                  <div class="myname">
-                      <h5>Nagesh Mandal</h5>
-                  </div>
-                  <p class="dev">Full Stack Web Developer</p>
-                  <div class="contact">
-                      <a href="https://www.instagram.com/nagesh_mandal7_5_/"><h4>Contact</h4></a>
-                  </div>
-              </div>
-              <div class="col col2">
-                  <h3>Chaibasa Engineering College</h3>
-                  <p><i class="fa-solid fa-location-dot"></i>
-                      <a href="https://www.google.com/maps/place/Chaibasa+Engineering+College/@22.4643055,85.7886378,17z/data=!3m1!4b1!4m6!3m5!1s0x3a1e25ddde342373:0x4ac680428662b09d!8m2!3d22.4643055!4d85.7912127!16s%2Fg%2F1pp2wwhc_?entry=ttu" target="_blank">
-                     <span style="color: #fff;"> Keonjhar Highway
-                     Chaibasa Jharkhand PIN 833215, India
-                     </span>
-                  </a>
-                  </p>
-                  <p class="email-id" style="
+  <!-- </footer> -->
+  <footer>
+    <div class="row-footer">
+      <div class="col col1" id="pic">
+        <img src="images/nagesh.png" alt="Nagesh Mandal" width="80px">
+        <div class="myname">
+          <h5>Nagesh Mandal</h5>
+        </div>
+        <p class="dev">Full Stack Web Developer</p>
+        <div class="contact">
+          <a href="https://www.instagram.com/nagesh_mandal7_5_/">
+            <h4>Contact</h4>
+          </a>
+        </div>
+      </div>
+      <div class="col col2">
+        <h3>Chaibasa Engineering College</h3>
+        <p><i class="fa-solid fa-location-dot"></i>
+          <a href="https://www.google.com/maps/place/Chaibasa+Engineering+College/@22.4643055,85.7886378,17z/data=!3m1!4b1!4m6!3m5!1s0x3a1e25ddde342373:0x4ac680428662b09d!8m2!3d22.4643055!4d85.7912127!16s%2Fg%2F1pp2wwhc_?entry=ttu"
+            target="_blank">
+            <span style="color: #fff;"> Keonjhar Highway
+              Chaibasa Jharkhand PIN 833215, India
+            </span>
+          </a>
+        </p>
+        <p class="email-id" style="
                   width: 260px"><i class="far fa-envelope" style="color: #fff;"></i>
-                      cordinatortigjh@gmail.com
-                  </p>
-                  <h4 class="phone">
-                      <i class="fa-solid fa-phone" style="color: #fff;"></i>
-                       +91 - 9062941530
-                  </h4>
-              </div>
-              <div class="col col3" id="link">
-                  <h3>Links</h3>
-                  <ul>
-                      <li><a href="index.html">Home</a></li>
-                      <li><a href="">Services</a></li>
-                      <li><a href="about.html">About us</a></li>
-                      <li><a href="">Features</a></li>
-                      <li><a href="contact.html">Contact</a></li>
-                  </ul>
-              </div>
-              <div class="col col4">
-                  <h3>News<span>letter</span></h3>
-                  <form class="form-news">
-                      <i class="far fa-envelope"></i>
-                      <input class="emailid" type="email" placeholder="Enter your email" required>
-                      <button type="submit"><i class="fas fa-arrow-right"></i></button>
-                  </form>
-                  <div class="social-icons social-media">
-                     <a href="https://twitter.com/NageshMandal75"> <i class="tweet fa-brands fa-twitter"></i></a>
-                      <a href="https://www.instagram.com/nagesh_mandal7_5_/"><i class="insta fa-brands fa-instagram"></i></a>
-                     <a href="https://github.com/NageshMandal"> <i class="git fa-brands fab fa-github"></i></a>
-                      <a href="https://www.linkedin.com/in/nagesh-mandal-134b70237/"> <i class="in fa-brands fa-linkedin"></i></a>
-                     <a href="https://www.youtube.com/@nageshmandal9461/featured"> <i class="youtube fa fa-youtube-play" aria-hidden="true"></i></a>
-                  </div>
-                  <div class="return-to-top" id="returnToTop">
-                      <i class="fas fa-arrow-up fa-2x fa-bounce"></i>
-                    </div>
-              </div>
-          </div>
-      
-          <!--Voice Assistent-->
-          <div class="containers">
-              <div class="texts">
-              </div>
-          </div>
-      
-          <!--Voice assistent end-->
-          <div class="toggle-mode">
-              <img class="sun"  data-set="moon" src="images/Moontoggle.png"  alt="light-mode">
-              <img class="moon" data-set="sun" src="images/sun.png" alt="dark-mode">
-          </div>
-      
-      </footer>
+          cordinatortigjh@gmail.com
+        </p>
+        <h4 class="phone">
+          <i class="fa-solid fa-phone" style="color: #fff;"></i>
+          +91 - 9062941530
+        </h4>
+      </div>
+      <div class="col col3" id="link">
+        <h3>Links</h3>
+        <ul>
+          <li><a href="index.html">Home</a></li>
+          <li><a href="">Services</a></li>
+          <li><a href="about.html">About us</a></li>
+          <li><a href="">Features</a></li>
+          <li><a href="contact.html">Contact</a></li>
+        </ul>
+      </div>
+      <div class="col col4">
+        <h3>News<span>letter</span></h3>
+        <form class="form-news">
+          <i class="far fa-envelope"></i>
+          <input class="emailid" type="email" placeholder="Enter your email" required>
+          <button type="submit"><i class="fas fa-arrow-right"></i></button>
+        </form>
+        <div class="social-icons social-media">
+          <a href="https://twitter.com/NageshMandal75"> <i class="tweet fa-brands fa-twitter"></i></a>
+          <a href="https://www.instagram.com/nagesh_mandal7_5_/"><i class="insta fa-brands fa-instagram"></i></a>
+          <a href="https://github.com/NageshMandal"> <i class="git fa-brands fab fa-github"></i></a>
+          <a href="https://www.linkedin.com/in/nagesh-mandal-134b70237/"> <i class="in fa-brands fa-linkedin"></i></a>
+          <a href="https://www.youtube.com/@nageshmandal9461/featured"> <i class="youtube fa fa-youtube-play"
+              aria-hidden="true"></i></a>
+        </div>
+        <div class="return-to-top" id="returnToTop">
+          <i class="fas fa-arrow-up fa-2x fa-bounce"></i>
+        </div>
+      </div>
+    </div>
 
-    <script src="script.js"></script>
-    <script src="app.js"></script>
-    <script src="library.js"></script>
+    <!--Voice Assistent-->
+    <div class="containers">
+      <div class="texts">
+      </div>
+    </div>
+
+    <!--Voice assistent end-->
+    <div class="toggle-mode">
+      <img class="sun" data-set="moon" src="images/Moontoggle.png" alt="light-mode">
+      <img class="moon" data-set="sun" src="images/sun.png" alt="dark-mode">
+    </div>
+
+  </footer>
+
+  <script src="script.js"></script>
+  <script src="app.js"></script>
+  <script src="library.js"></script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/placement.html b/placement.html
index e01c856f..70ec1e4e 100644
--- a/placement.html
+++ b/placement.html
@@ -21,7 +21,8 @@
         crossorigin="anonymous">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css">
+    <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.js"></script>
     <!-- <link rel="stylesheet" type="text/css" href="./placement.css"> -->
 
@@ -80,12 +81,21 @@ <h1>PLACEMENTS 📌</h1>
                             companies.
                         </p> -->
                         <p>
-                            Chaibasa Engineering College has established a commendable reputation when it comes to placements. With a strong focus on <span class="span">industry-oriented education </span>, the college strives to equip its students with the necessary skills and knowledge to excel in their respective fields. The dedicated placement cell works tirelessly to build connections with leading companies. It provides comprehensive training, including mock interviews, resume building workshops, and soft skills development programs, to enhance students' employability.<br> As a result, Chaibasa Engineering College witnesses a high placement rate, The college's emphasis on <span class="span">holistic development and industry exposure</span> ensures that students embark on successful career paths after graduation.
+                            Chaibasa Engineering College has established a commendable reputation when it comes to
+                            placements. With a strong focus on <span class="span">industry-oriented education </span>,
+                            the college strives to equip its students with the necessary skills and knowledge to excel
+                            in their respective fields. The dedicated placement cell works tirelessly to build
+                            connections with leading companies. It provides comprehensive training, including mock
+                            interviews, resume building workshops, and soft skills development programs, to enhance
+                            students' employability.<br> As a result, Chaibasa Engineering College witnesses a high
+                            placement rate, The college's emphasis on <span class="span">holistic development and
+                                industry exposure</span> ensures that students embark on successful career paths after
+                            graduation.
                         </p>
                     </div>
 
                     <div class="explore">
-                        <a href="" class="btn">Explore Now &#8594;</a>
+                        <a href="" class="btn" id="btn5">Explore Now &#8594;</a>
                     </div>
                 </div>
                 <div class="col-2">
@@ -104,22 +114,29 @@ <h1>PLACEMENTS 📌</h1>
 
     <div class="text" style="margin: 3rem;">
         <h2 class="train-placement"> Training and Placement Cell</h2>
-        <div id="placement-para"><a> The Chaibasa Engineering College Training & Placement Cell is equipped with all the resources necessary to
-            help worthy students find competitive employment. By staying in touch with reputable companies and
-            industrial facilities, the Training & Placement Cell plays a significant role in discovering work prospects
-            for Undergraduates and Postgraduates graduating from the college. To foster connections between employers
-            and graduates, the Placement Cell is open all year round. The number of students hired after campus
-            interviews keeps increasing. Numerous reputable industries conduct interviews at the institute after being
-            invited.<br>
+        <div id="placement-para"><a> The Chaibasa Engineering College Training & Placement Cell is equipped with all the
+                resources necessary to
+                help worthy students find competitive employment. By staying in touch with reputable companies and
+                industrial facilities, the Training & Placement Cell plays a significant role in discovering work
+                prospects
+                for Undergraduates and Postgraduates graduating from the college. To foster connections between
+                employers
+                and graduates, the Placement Cell is open all year round. The number of students hired after campus
+                interviews keeps increasing. Numerous reputable industries conduct interviews at the institute after
+                being
+                invited.<br>
 
-            This Department prepares the students for the process of recruitment and simultaneously create awareness
-            among companies about the recruitment opportunities at Chaibasa Engineering College.</a>
-        </br><br>
-        <a>The competition for jobs is currently getting tougher every day, making placement a difficult challenge. The
-            institution now has a significant obligation to educate pupils and give them life skills. In addition to
-            technical proficiency, holistic personality development is also required.<br> A full-fledged training cell is
-            operating in our college to improve the capabilities of engineering graduates to be on par with industry
-            standards in order to meet these objectives.</a></div>
+                This Department prepares the students for the process of recruitment and simultaneously create awareness
+                among companies about the recruitment opportunities at Chaibasa Engineering College.</a>
+            </br><br>
+            <a>The competition for jobs is currently getting tougher every day, making placement a difficult challenge.
+                The
+                institution now has a significant obligation to educate pupils and give them life skills. In addition to
+                technical proficiency, holistic personality development is also required.<br> A full-fledged training
+                cell is
+                operating in our college to improve the capabilities of engineering graduates to be on par with industry
+                standards in order to meet these objectives.</a>
+        </div>
     </div>
 
     <!-- Image -->
@@ -277,17 +294,20 @@ <h5>Nagesh Mandal</h5>
                 </div>
                 <p class="dev">Full Stack Web Developer</p>
                 <div class="contact">
-                    <a href="https://www.instagram.com/nagesh_mandal7_5_/"><h4>Contact</h4></a>
+                    <a href="https://www.instagram.com/nagesh_mandal7_5_/">
+                        <h4>Contact</h4>
+                    </a>
                 </div>
             </div>
             <div class="col col2">
                 <h3>Chaibasa Engineering College</h3>
                 <p><i class="fa-solid fa-location-dot"></i>
-                    <a href="https://www.google.com/maps/place/Chaibasa+Engineering+College/@22.4643055,85.7886378,17z/data=!3m1!4b1!4m6!3m5!1s0x3a1e25ddde342373:0x4ac680428662b09d!8m2!3d22.4643055!4d85.7912127!16s%2Fg%2F1pp2wwhc_?entry=ttu" target="_blank">
-                   <span style="color: #fff;"> Keonjhar Highway
-                   Chaibasa Jharkhand PIN 833215, India
-                   </span>
-                </a>
+                    <a href="https://www.google.com/maps/place/Chaibasa+Engineering+College/@22.4643055,85.7886378,17z/data=!3m1!4b1!4m6!3m5!1s0x3a1e25ddde342373:0x4ac680428662b09d!8m2!3d22.4643055!4d85.7912127!16s%2Fg%2F1pp2wwhc_?entry=ttu"
+                        target="_blank">
+                        <span style="color: #fff;"> Keonjhar Highway
+                            Chaibasa Jharkhand PIN 833215, India
+                        </span>
+                    </a>
                 </p>
                 <p class="email-id" style="
                 width: 260px"><i class="far fa-envelope" style="color: #fff;"></i>
@@ -295,7 +315,7 @@ <h3>Chaibasa Engineering College</h3>
                 </p>
                 <h4 class="phone">
                     <i class="fa-solid fa-phone" style="color: #fff;"></i>
-                     +91 - 9062941530
+                    +91 - 9062941530
                 </h4>
             </div>
             <div class="col col3" id="link">
@@ -316,30 +336,33 @@ <h3>News<span>letter</span></h3>
                     <button type="submit"><i class="fas fa-arrow-right"></i></button>
                 </form>
                 <div class="social-icons social-media">
-                   <a href="https://twitter.com/NageshMandal75"> <i class="tweet fa-brands fa-twitter"></i></a>
-                    <a href="https://www.instagram.com/nagesh_mandal7_5_/"><i class="insta fa-brands fa-instagram"></i></a>
-                   <a href="https://github.com/NageshMandal"> <i class="git fa-brands fab fa-github"></i></a>
-                    <a href="https://www.linkedin.com/in/nagesh-mandal-134b70237/"> <i class="in fa-brands fa-linkedin"></i></a>
-                   <a href="https://www.youtube.com/@nageshmandal9461/featured"> <i class="youtube fa fa-youtube-play" aria-hidden="true"></i></a>
+                    <a href="https://twitter.com/NageshMandal75"> <i class="tweet fa-brands fa-twitter"></i></a>
+                    <a href="https://www.instagram.com/nagesh_mandal7_5_/"><i
+                            class="insta fa-brands fa-instagram"></i></a>
+                    <a href="https://github.com/NageshMandal"> <i class="git fa-brands fab fa-github"></i></a>
+                    <a href="https://www.linkedin.com/in/nagesh-mandal-134b70237/"> <i
+                            class="in fa-brands fa-linkedin"></i></a>
+                    <a href="https://www.youtube.com/@nageshmandal9461/featured"> <i class="youtube fa fa-youtube-play"
+                            aria-hidden="true"></i></a>
                 </div>
                 <div class="return-to-top" id="returnToTop">
                     <i class="fas fa-arrow-up fa-2x fa-bounce"></i>
-                  </div>
+                </div>
             </div>
         </div>
-    
+
         <!--Voice Assistent-->
         <div class="containers">
             <div class="texts">
             </div>
         </div>
-    
+
         <!--Voice assistent end-->
         <div class="toggle-mode">
-            <img class="sun"  data-set="moon" src="images/Moontoggle.png"  alt="light-mode">
+            <img class="sun" data-set="moon" src="images/Moontoggle.png" alt="light-mode">
             <img class="moon" data-set="sun" src="images/sun.png" alt="dark-mode">
         </div>
-    
+
     </footer>
     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
diff --git a/style.css b/style.css
index a1067309..86d84f22 100644
--- a/style.css
+++ b/style.css
@@ -130,9 +130,70 @@ nav ul li {
 
 }
 
-a {
+#btn3 {
   text-decoration: none;
-  /* color: rgb(64, 64, 64); */
+  display: inline-block;
+  /* background: #ff523b; */
+  color: #fff;
+  padding: 8px 30px;
+  margin-left: 20%px;
+  margin-top: 20px;
+  transition: 0.5s;
+  margin-bottom: 1rem;
+  position:relative;
+  transition:all 0.3s;
+  font-weight: 600;
+}
+#btn3 ::before{
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  opacity: 0;
+  transition: all 0.3s;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: rgba(255,255,255,0.5);
+  border-bottom-color: rgba(255,255,255,0.5);
+  transform: scale(0.1, 1);
+}
+.col-2 #btn3 {
+  margin-top: 30px;
+  margin-top: 32px;
+  margin-bottom: 33px;
+  font-size: 1.3rem;
+}
+
+#btn3:hover {
+ 
+  transform: scaleX(2);
+  transform: scaley(1.1);
+  box-shadow: 2px 2px 20px rgb(49, 49, 49);
+  letter-spacing: 2px;
+}
+#btn3 :hover::before {
+  opacity: 1; 
+  transform: scale(1, 1); 
+}
+#btn3 ::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  transition: all 0.3s;
+  background-color: rgba(255,255,255,0.1);
+}
+#btn3:hover::after {
+  opacity: 0; 
+  transform: scale(0.1, 1);
 }
 
 p {
@@ -188,32 +249,84 @@ p {
   margin: 25px 0;
 }
 
-.btn {
+#btn1,#btn5,#btn6,#btn7,#btn8{
+  text-decoration: none;
   display: inline-block;
-  background: #ff523b;
+  /* background: #ff523b; */
   color: #fff;
   padding: 8px 30px;
   margin-left: 20%px;
   margin-top: 20px;
-  border-radius: 30px;
   transition: 0.5s;
   margin-bottom: 1rem;
+  position:relative;
+  transition:all 0.3s;
+  font-weight: 600;
 }
-
-.col-2 .btn {
+#btn1 ::before,#btn5 ::before,#btn6 ::before,#btn7::before,#btn8::before{
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  opacity: 0;
+  transition: all 0.3s;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: rgba(255,255,255,0.5);
+  border-bottom-color: rgba(255,255,255,0.5);
+  transform: scale(0.1, 1);
+}
+.col-2 #btn1,#btn5,#btn6,#btn7,#btn8{
   margin-top: 30px;
   margin-top: 32px;
   margin-bottom: 33px;
   font-size: 1.3rem;
 }
 
-.btn:hover {
-  background: #29a423;
+#btn1:hover,#btn5:hover,#btn6:hover,#btn7:hover,#btn8:hover {
+ 
   transform: scaleX(2);
   transform: scaley(1.1);
   box-shadow: 2px 2px 20px rgb(49, 49, 49);
+  letter-spacing: 2px;
+}
+#btn1 :hover::before,#btn5 :hover ::before,#btn6 :hover ::before,#btn7 :hover ::before,#btn8:hover::before{
+  opacity: 1; 
+  transform: scale(1, 1); 
 }
+#btn1 ::after,#btn5::after,#btn6::after,#btn7::after,#btn8::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  transition: all 0.3s;
+  background-color: rgba(255,255,255,0.1);
+}
+#btn1:hover::after,#btn5:hover::after,#btn6:hover::after,#btn7:hover::after,#btn8:hover::after {
+  opacity: 0; 
+  transform: scale(0.1, 1);
+}
+#CSE,#EEE,#ECE,#ME,#CE{
 
+ padding-top: 3px;
+ padding-left: 9px;
+ padding-right: 9px;
+ padding-bottom: 3px;
+ margin-top:20px;
+ color:rgb(255, 191, 191);
+ font-size: 25px;;
+}
+#CSE:hover,#EEE:hover,#ECE:hover,#ME:hover,#CE:hover{
+  border:2px inset rgb(255, 191, 191);
+}
 .header {
   background: radial-gradient(#fff, rgb(255, 191, 191));
 }
@@ -548,12 +661,15 @@ form input {
 
 .contact {
   padding-right: 5px;
-  background-color: #ff523b;
-  border-radius: 20px;
+ border:3px inset white;
   margin-top: 10px;
 }
+.contact:hover{
+  border-color: #ff523b;
+}
 
 .contact a h4 {
+  text-decoration: none;
   font-size: 16px;
   text-align: center;
   color: white;
@@ -562,6 +678,7 @@ form input {
 .contact a h4:hover {
   font-size: 18px;
   transition: .3s ease;
+
 }
 
 .branchimg {
@@ -839,6 +956,10 @@ label[for="project-link"] i {
   border-style: none;
   box-shadow: 0px 0px 10px 0px hsla(0, 0%, 0%, 0.2);
   cursor: pointer;
+  padding:10px;
+  padding-top: 10px;;
+  background-color: transparent;
+  color:white
 }
 
 .project-section-title {
@@ -885,9 +1006,10 @@ body.dark-mode .project-card {
 .project-card-link a {
   display: inline-block;
   align-items: left;
-  color: #087cba
+  color: #ff523b;
 }
 
+
 .project-card-link i {
   font-size: 1.25rem;
   padding-left: 0px;
diff --git a/syllabus.html b/syllabus.html
index 5ef179d8..6ae6239b 100644
--- a/syllabus.html
+++ b/syllabus.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -13,19 +14,23 @@
     <link href="https://fonts.googleapis.com/css?family=Montserrat|Ubuntu" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https//stackpath.bootsstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all"
+        crossorigin="anonymous">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
+        integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
     <script src="https://kit.fontawesome.com/c4254e24a8.js"></script>
     <script src="https://kit.fontawesome.com/739255457e.js" crossorigin="anonymous"></script>
     <script src="https://kit.fontawesome.com/YOUR_KIT_CODE.js" crossorigin="anonymous"></script>
-  
+
 </head>
+
 <body>
     <div class="header">
         <div class="container">
             <div class="navbar">
                 <div class="logo">
-                    <a href="https://code-engineering.netlify.app/"><img src="images/Logonew.png" alt="Chaibasa Engineering College" width="50px"></a>
+                    <a href="https://code-engineering.netlify.app/"><img src="images/Logonew.png"
+                            alt="Chaibasa Engineering College" width="50px"></a>
                 </div>
                 <nav>
                     <ul>
@@ -40,7 +45,8 @@
                         <li>
                             <form id="search-form" action="#" method="GET">
                                 <input id="search-input" type="text" placeholder="Search...">
-                                <button id="search-button" type="submit"><a id= "mike-button" href="#"><i class="mic fa-solid fa-microphone"></i></a>
+                                <button id="search-button" type="submit"><a id="mike-button" href="#"><i
+                                            class="mic fa-solid fa-microphone"></i></a>
                                 </button>
                             </form>
                         </li>
@@ -51,31 +57,37 @@
     </div>
     <div class="top-container" style="background: radial-gradient(#fff, rgb(255, 191, 191));">
         <div class="row-header" style="overflow: hidden; position: relative;">
-            <img class="syllabus" src="./images/syllabus/syllabus.png" style="opacity: 0.1; position: absolute; left: 50px; top: -90px; width: 90%; height: auto; object-fit: cover;">
+            <img class="syllabus" src="./images/syllabus/syllabus.png"
+                style="opacity: 0.1; position: absolute; left: 50px; top: -90px; width: 90%; height: auto; object-fit: cover;">
             <!-- <div style="overflow: hidden; position: relative;"> -->
-                <div class="para" style="position: relative;">
-                    <h1>Syllabus Of <br> Different Colleges</h1>
-                    <p>
-                        The syllabus provided for various colleges and branches is subject to change based on different academic sessions. Please ensure to check the year mentioned in the syllabus to obtain the most accurate and up-to-date information. Explore the extensive collection of syllabi from multiple colleges and universities available here to stay informed and make informed decisions.
-                    </p>
+            <div class="para" style="position: relative;">
+                <h1>Syllabus Of <br> Different Colleges</h1>
+                <p>
+                    The syllabus provided for various colleges and branches is subject to change based on different
+                    academic sessions. Please ensure to check the year mentioned in the syllabus to obtain the most
+                    accurate and up-to-date information. Explore the extensive collection of syllabi from multiple
+                    colleges and universities available here to stay informed and make informed decisions.
+                </p>
                 <!-- </div> -->
-                    
+
                 <div class="explore">
-                    <a href="#search-syllabus"class="btn">Search Syllabus &#8594;</a>
+                    <a href="#search-syllabus" class="btn" id=btn7>Search Syllabus &#8594;</a>
                 </div>
             </div>
             <!-- <div class="col-lg-6 col-md-12 col-sm-12"> -->
-                <!-- <img class="syllabus" src="./images/syllabus/syllabus_icon_2.png" alt=""> -->
-                <!-- <img class="syllabus" src="./images/syllabus/syllabus_icon_3.png" alt=""> -->
+            <!-- <img class="syllabus" src="./images/syllabus/syllabus_icon_2.png" alt=""> -->
+            <!-- <img class="syllabus" src="./images/syllabus/syllabus_icon_3.png" alt=""> -->
             <!-- </div> -->
         </div>
     </div>
     <div class="small-container ">
-        <h2 class="project-section-title title t-syllabus"><img src="./images/syllabus/syll_icon.png" class="syll_icon" alt=""> Syllabus</h2>
+        <h2 class="project-section-title title t-syllabus"><img src="./images/syllabus/syll_icon.png" class="syll_icon"
+                alt=""> Syllabus</h2>
         <p class="s-para"> A Platform For Syllabus Of Various Colleges</p>
         <!-- <input type="text" id="s-input" class="s-input search-syllabus" placeholder="Search Subject/College..."> -->
         <div class="contr">
-            <input type="text" id="s-input" class="search__box search-syllabus s-input" placeholder="Search Subject/College...">
+            <input type="text" id="s-input" class="search__box search-syllabus s-input"
+                placeholder="Search Subject/College...">
             <i class="fas fa-search search__icon" id="icon" onclick="toggleShow()"></i>
         </div>
 
@@ -86,10 +98,12 @@ <h3 class="project-card-author s-subject"><strong>Subject: </strong>Applied Math
                 <h3 class="project-card-author s-subject"><strong>Semester: </strong>1st</h3>
                 <div class="link-syllabuses">
                     <div class="project-card-link">
-                        <a href="https://youtube.com/playlist?list=PL5fCG6TOVhr4jafvBSrmouZt0aqNjPlhd" target="_blank">Playlist Link</a>
+                        <a href="https://youtube.com/playlist?list=PL5fCG6TOVhr4jafvBSrmouZt0aqNjPlhd"
+                            target="_blank">Playlist Link</a>
                     </div>
                     <div class="project-card-link">
-                        <a href="http://www.ipu.ac.in/UnivSyllabus/btechsyllbus060317/3Final%20Syllabus-CSE-(1st%20to%208th%20Semester).pdf" target="_blank"><i class="fa-solid fa-book-open"></i> Syllabus Link</a>
+                        <a href="http://www.ipu.ac.in/UnivSyllabus/btechsyllbus060317/3Final%20Syllabus-CSE-(1st%20to%208th%20Semester).pdf"
+                            target="_blank"><i class="fa-solid fa-book-open"></i> Syllabus Link</a>
                     </div>
                 </div>
             </div>
@@ -99,10 +113,12 @@ <h3 class="project-card-author"><strong>Subject: </strong>Full Syllabus</h3>
                 <h3 class="project-card-author s-subject"><strong>Semester: </strong>1st and 2nd</h3>
                 <div class="link-syllabuses">
                     <div class="project-card-link">
-                        <a href="https://www.youtube.com/playlist?list=PLg2LVpcRrOF6-vZw95tkkBxbDQ1_Dwn_Y" target="_blank">Playlist Link</a>
+                        <a href="https://www.youtube.com/playlist?list=PLg2LVpcRrOF6-vZw95tkkBxbDQ1_Dwn_Y"
+                            target="_blank">Playlist Link</a>
                     </div>
                     <div class="project-card-link">
-                        <a href="https://iiitbhopal.ac.in/Document/Academic/SYLLABUS_CSE.pdf" target="_blank"><i class="fa-solid fa-book-open"></i> Syllabus Link</a>
+                        <a href="https://iiitbhopal.ac.in/Document/Academic/SYLLABUS_CSE.pdf" target="_blank"><i
+                                class="fa-solid fa-book-open"></i> Syllabus Link</a>
                     </div>
                 </div>
             </div>
@@ -116,12 +132,14 @@ <h2 class="title">Share Your Syllabus</h2>
                 <div class="form-input-group">
                     <label for="project-name">Subject Name : </label>
                     <p class="s-para">(Type <strong> All Subjects</strong> if it is full syllabus)*</p>
-                    <input class="form-input" type="text" id="subject-name" name="subject-name" placeholder="Subject Name" required>
+                    <input class="form-input" type="text" id="subject-name" name="subject-name"
+                        placeholder="Subject Name" required>
                 </div>
                 <div class="form-input-group">
                     <label for="college-name">College Name : </label>
                     <br>
-                    <input class="form-input" type="text" id="college-name" name="college-name" placeholder="College Name" required>
+                    <input class="form-input" type="text" id="college-name" name="college-name"
+                        placeholder="College Name" required>
                 </div>
                 <div class="form-input-group">
                     <label for="semester">Semester : </label>
@@ -131,12 +149,14 @@ <h2 class="title">Share Your Syllabus</h2>
                 <div class="form-input-group">
                     <label for="lecture-link">Lecture/Playlist Link : </label>
                     <br>
-                    <input class="form-input" type="text" id="lecture-link" name="lecture-link" placeholder="Lectures/Playlist Link" required>
+                    <input class="form-input" type="text" id="lecture-link" name="lecture-link"
+                        placeholder="Lectures/Playlist Link" required>
                 </div>
                 <div class="form-input-group">
-                    <label for="syllabus-link">Syllabus Link (Original)  <i class="fa-solid fa-book-open"></i>  : </label>
+                    <label for="syllabus-link">Syllabus Link (Original) <i class="fa-solid fa-book-open"></i> : </label>
                     <br>
-                    <input class="form-input" type="text" id="syllabus-link" name="syllabus-link" placeholder="Syllabus Link" required>
+                    <input class="form-input" type="text" id="syllabus-link" name="syllabus-link"
+                        placeholder="Syllabus Link" required>
                 </div>
                 <div class="form-input-group">
                     <button class="btn" type="submit">Submit Syllabus</button>
@@ -144,7 +164,7 @@ <h2 class="title">Share Your Syllabus</h2>
             </form>
         </div>
     </div>
-    
+
     <!-- Footer Section    -->
     <footer>
         <div class="row-footer">
@@ -155,17 +175,20 @@ <h5>Nagesh Mandal</h5>
                 </div>
                 <p class="dev">Full Stack Web Developer</p>
                 <div class="contact">
-                    <a href="https://www.instagram.com/nagesh_mandal7_5_/"><h4>Contact</h4></a>
+                    <a href="https://www.instagram.com/nagesh_mandal7_5_/">
+                        <h4>Contact</h4>
+                    </a>
                 </div>
             </div>
             <div class="col col2">
                 <h3>Chaibasa Engineering College</h3>
                 <p><i class="fa-solid fa-location-dot"></i>
-                    <a href="https://www.google.com/maps/place/Chaibasa+Engineering+College/@22.4643055,85.7886378,17z/data=!3m1!4b1!4m6!3m5!1s0x3a1e25ddde342373:0x4ac680428662b09d!8m2!3d22.4643055!4d85.7912127!16s%2Fg%2F1pp2wwhc_?entry=ttu" target="_blank">
-                   <span style="color: #fff;"> Keonjhar Highway
-                   Chaibasa Jharkhand PIN 833215, India
-                   </span>
-                </a>
+                    <a href="https://www.google.com/maps/place/Chaibasa+Engineering+College/@22.4643055,85.7886378,17z/data=!3m1!4b1!4m6!3m5!1s0x3a1e25ddde342373:0x4ac680428662b09d!8m2!3d22.4643055!4d85.7912127!16s%2Fg%2F1pp2wwhc_?entry=ttu"
+                        target="_blank">
+                        <span style="color: #fff;"> Keonjhar Highway
+                            Chaibasa Jharkhand PIN 833215, India
+                        </span>
+                    </a>
                 </p>
                 <p class="email-id" style="
                 width: 260px"><i class="far fa-envelope" style="color: #fff;"></i>
@@ -173,7 +196,7 @@ <h3>Chaibasa Engineering College</h3>
                 </p>
                 <h4 class="phone">
                     <i class="fa-solid fa-phone" style="color: #fff;"></i>
-                     +91 - 9062941530
+                    +91 - 9062941530
                 </h4>
             </div>
             <div class="col col3" id="link">
@@ -194,33 +217,37 @@ <h3>News<span>letter</span></h3>
                     <button type="submit"><i class="fas fa-arrow-right"></i></button>
                 </form>
                 <div class="social-icons social-media">
-                   <a href="https://twitter.com/NageshMandal75"> <i class="tweet fa-brands fa-twitter"></i></a>
-                    <a href="https://www.instagram.com/nagesh_mandal7_5_/"><i class="insta fa-brands fa-instagram"></i></a>
-                   <a href="https://github.com/NageshMandal"> <i class="git fa-brands fab fa-github"></i></a>
-                    <a href="https://www.linkedin.com/in/nagesh-mandal-134b70237/"> <i class="in fa-brands fa-linkedin"></i></a>
-                   <a href="https://www.youtube.com/@nageshmandal9461/featured"> <i class="youtube fa fa-youtube-play" aria-hidden="true"></i></a>
+                    <a href="https://twitter.com/NageshMandal75"> <i class="tweet fa-brands fa-twitter"></i></a>
+                    <a href="https://www.instagram.com/nagesh_mandal7_5_/"><i
+                            class="insta fa-brands fa-instagram"></i></a>
+                    <a href="https://github.com/NageshMandal"> <i class="git fa-brands fab fa-github"></i></a>
+                    <a href="https://www.linkedin.com/in/nagesh-mandal-134b70237/"> <i
+                            class="in fa-brands fa-linkedin"></i></a>
+                    <a href="https://www.youtube.com/@nageshmandal9461/featured"> <i class="youtube fa fa-youtube-play"
+                            aria-hidden="true"></i></a>
                 </div>
                 <div class="return-to-top" id="returnToTop">
                     <i class="fas fa-arrow-up fa-2x fa-bounce"></i>
-                  </div>
+                </div>
             </div>
         </div>
-    
+
         <!--Voice Assistent-->
         <div class="containers">
             <div class="texts">
             </div>
         </div>
-    
+
         <!--Voice assistent end-->
         <div class="toggle-mode">
-            <img class="sun"  data-set="moon" src="images/Moontoggle.png"  alt="light-mode">
+            <img class="sun" data-set="moon" src="images/Moontoggle.png" alt="light-mode">
             <img class="moon" data-set="sun" src="images/sun.png" alt="dark-mode">
         </div>
-    
+
     </footer>
     <script src="script.js"></script>
     <script src="app.js"></script>
 
 </body>
+
 </html>
\ No newline at end of file

SL NO	EVENTS	DATE	RESOURCE PERSON
1	Kinetics and Dynamics with Software	09.01.2021	Dr. Vijay Kumar Dalla, NIT Jamshedpur
2	Virtual Practical on Mechatronics	13.01.2021 to 15.01.2021	Dr. Shibendu Shekhar Roy, NIT Durgapur
3	Virtual Practical on Design of Machine	20.01.2021 to 22.01.2021	Dr. Vineet Sahoo, NIT Jamshedpur
4	Virtual Practical on Water Resources and Environmental Engineering	18.01.2021 to 21.01.202	Dr. Ramakant Jha, NIT Patna
5	Resume Building Workshop	17.07.2021	Capt. Richik Sinha Roy, Ureify
SL NO	EVENTS	DATE	RESOURCE PERSON
1	India Science Festival at IISER Pune	11.01.2020, 12.01.2020	IISER Pune
2	Internship at NIT Rourkela	01.01.20 to 01.02.20	Dr. Supratim Gupta
3	NASSCOM Diagnostic Test for students to evaluate Employability skills	15.01.2020 to 16.01.2020	NASSCOM
4	One day seminar on “Skills to achieve Entrepreneurship Development”	19.01.2020	Mr. Meghdut Roychowdhury, Director, Global Operations, Techno India Group & Mr. Ravi Ranjan, Entrepreneur
5	One day seminar On “Sustainable Development & Impact Entrepreneurship”	07.02.2020	Mrs. Pauline Laravoire, Director of Sustainability, Techno India Group
6	International Conference on Recent Trends in Artificial Intelligence, IOT, Smart Cities & Applications: 2020	28.02.2020 to 29.02.2020	Chaibasa Engineering College
7	Special Class for CE department	15.02.2020 to 15.03.2020	NIT Warangal
8	Special Class for ME department	15.02.2020 to 15.03.2020	NIT Warangal
9	Special Class for EE department	15.02.2020 to 15.03.2020	NIT Warangal
10	Distribution System Operations & Planning	07.05.2020 to 09.05.2020	Dr. Devendra Singh, IIT BHU
11	Machine Learning Techniques for Biometrics	05.05.2020 to 07.05.2020	Dr. Dakshina Ranjan Kisku, NIT Durgapur
12	Embedded Systems	07.05.2020 to 09.05.2020	Dr. Supratim Gupta, NIT Rourkela
13	Design of Steel Structure	05.05.2020 to 07.05.2020	Dr. Sanjay Kumar, NIT Jamshedpur
14	Personality Differences in Decision Making	06.05.2020 to 08.05.2020	Dr. Swati Sudha, NIT Jamshedpur
15	Global Webinar on Combating Covid 19	11.05.2020 to 13.05.2020	Chaibasa Engineering College
16	Dazzle of Humanism & Empathy while COVID19	14.05.2020 to 16.05.2020	Dr. Sutanuka Banerjee, NIT Durgapur
17	Android Security	14.05.2020 to 16.05.2020	Dr. Janakiram, IIT Madras
18	Microcontroller based Embedded Systems Design	11.05.2020 to 15.05.2020	Dr. Sudipta Chakraborty, Director, Techno India Group
19	Issues & Challenges in Smart Grid Implementation	14.05.2020 to 16.05.2020	Dr. S.N. Singh, IIT Kanpur
20	3D Printing	07.05.2020 to 09.05.2020	Dr. Pulak M Pandey, IIT Delhi