diff --git a/index.html b/index.html
index 2b7bd88..e32ba5a 100644
--- a/index.html
+++ b/index.html
@@ -10,11 +10,14 @@
 	<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
 	<link href="https://fonts.googleapis.com/css?family=Alatsi&display=swap" rel="stylesheet">
 
+
 	<!-- CDN Imports for CSS -->
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/v4-shims.css">
 	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+
 
 	<!-- Local Imports for CSS -->
 	<link rel="stylesheet" href="css/index.css">
@@ -24,6 +27,12 @@
 	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
 	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+	 <script src="https://kit.fontawesome.com/1e0d0bb77d.js" crossorigin="anonymous"></script>
+   <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
 
 	<!-- Browser Icons -->
 	<link rel="apple-touch-icon" sizes="57x57" href="images/icons/apple-icon-57x57.png">
@@ -61,7 +70,13 @@
 	<meta name="google-site-verification" content="qeVuvrPC41qJGCrXqExpksmHWTIbTu-ntlKrYP6r9Gc" />
 </head>
 
-<body>
+<body class="body1">
+
+
+
+
+
+
 	<div class="header container-fluid" id="header">
 		<div class="row" style="margin-right: 35px; ">
 			<div class="col-1 logo">
@@ -79,10 +94,14 @@
 					<li class="nav-item">
 						<div class="dropdown">
 							<a class="nav-link" href="#activities"><b>GET INVOLVED</b></a>
+
 							<div class="dropdown-content">
 								<a href="html/events.html"><b>OUR EVENTS</b></a>
+                <hr>
 								<a href="html/mentorship.html"><b>MENTORSHIP PROGRAMME</b></a>
+                <hr>
 								<a href="html/discover.html"><b>DISCOVER OPPORTUNITIES</b></a>
+
 							</div>
 						</div>
 
@@ -102,6 +121,8 @@
 				</ul>
 			</div>
 		</div>
+
+
 		<a href="https://github.com/acm-w-nitk" class="github-corner" aria-label="View source on GitHub"><svg width="65"
 				height="65" viewBox="0 0 250 250"
 				style="fill:#fff; color:#f15a42; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
@@ -151,7 +172,7 @@
 		<div class="row">
 			<div class="col-md-12">
 				<link rel="stylesheet" href="css/background.css">
-				<div class="hero container-fluid" style="background-color: transparent; height: auto;">
+				<div class="hero container-fluid" style="background-color: #4b006e ; height: auto;">
 					<!-- <div class="hero__title">Hello World</div> -->
 					<div class="cube"></div>
 					<div class="cube"></div>
@@ -182,7 +203,8 @@
 			<div class="container about" style="align-content: center;">
 				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
 					<br>
-					<heading>About Us</heading>
+
+          <h1 class="head1"><span>ABOUT</span> <span>US</span></h1>
 					<br>
 					<br>
 					<br>
@@ -201,200 +223,415 @@
 	</div>
 	<!-- Get Involved subdivision  -->
 	<div id=activities class="container-fluid"
-		style="background-image: url('./images/discoppback.svg'); background-size: 100%; background-size:cover">
+
 		<br>
 		<br>
 		<br>
 		<br>
 		<br>
 		<div class="paragraph" style="padding-left: 60px;">
-			<heading>Get Involved</heading>
-		</div>
-		<br>
-		<br>
-		<br>
-		<br>
-		<div class="row" style="padding-left: 30px; padding-right: 30px;">
-			<div class="col-lg-4 col-sm-12 col-xs-12 col-md-12">
-				<div class="base base2">
-					<div class="circle circle2" style="text-align: center;">
-						<img src="./images/earth.png" style="width: 60%; margin:auto; padding-top: 10px;">
-					</div>
-					<br>
-					<div class="paragraph" style="margin-left: 15px; margin-right: 15px;text-align: center;">
-						<heading style="border: none;">Discover opportunities</heading>
-						<br>
-						<parabody style="font-family: 'Raleway', sans-serif; font-size: 17px;">Join ACM-W to make a
-							difference and get your ideas sculpted into reality. From multiple scholarships, to
-							competitions and prestigious conferences. We've curated them all!
-							<a style="color:white" href="html/discover.html">Click here for more</a>
-						</parabody>
-					</div>
-				</div>
-			</div>
-			<div class="col-lg-4 col-sm-12 col-xs-12 col-md-12">
-				<div class="base base3">
-					<div class="circle circle3" style="text-align: center;">
-						<img src="./images/girl.png" style="width: 60%; margin:auto; padding-top: 10px;">
-					</div>
-					<br>
-					<div class="paragraph" style="margin-left: 15px; margin-right: 15px;text-align: center;">
-						<heading style="border: none;">Events</heading>
-						<br>
-						<parabody style="font-family: 'Monteserrat', sans-serif; font-size: 17px;">ACM-W aims at holding
-							events in order to empower women in various fields of technology whether it's in a classroom
-							or a
-							boardroom. Our events are carefully curated for the education and advancement of women in
-							the technical sphere.
-							<a style="color:white" href="html/events.html">Click here for more</a>
-						</parabody>
-					</div>
-				</div>
-			</div>
-			<div class="col-lg-4 col-sm-12 col-xs-12 col-md-12">
-				<div class="base base1">
-					<div class="circle circle1" style="text-align: center;">
-						<img src="./images/mentor.png" style="width: 75%; margin:auto; padding-top: 10px;">
-					</div>
-					<br>
-					<div class="paragraph" style="margin-left: 15px; margin-right: 15px;text-align: center;">
-						<heading style="border: none;">Mentorship Programme</heading>
-						<br>
-						<parabody style="font-family: 'Raleway', sans-serif; font-size: 17px;">A program to encourage
-							senior-junior interaction, help them with academics, career planning, research opportunities
-							and to explore new fields.
-							<a style="color:white" href="html/mentorship.html">Click here for more</a>
-						</parabody>
-					</div>
-				</div>
-			</div>
+			 <h1 class="head1"><span>GET</span> <span>INVOLVED</span></h1>
 		</div>
 		<br>
 		<br>
 		<br>
 		<br>
-		<br>
+	<div class="container cont1">
+<div class="row">
+ <div class="features-box col-lg-4">
+  <div class="card card1">
+        <div class="box box1">
+            <div class="content content1">
+                <h2>01</h2>
+            <h3>   Discover  opportunities</h3>
+                <p>Join ACM-W to make a
+                    difference and get your ideas sculpted into reality. From multiple scholarships, to
+                    competitions and prestigious conferences. We've curated them all!</p>
+                    <a href="html/discover.html">Read more</a>
+            </div>
+        </div>
+    </div>
+	</div>
+	<div class="features-box col-lg-4">
+	 <div class="card card1">
+  <div class="box box1">
+            <div class="content content1">
+                <h2>02</h2>
+                <h3>Events</h3>
+                <p>ACM-W aims at holding
+                    events in order to empower women in various fields of technology whether it's in a classroom
+                    or a
+                    boardroom. Our events are carefully curated for the education and advancement of women in
+                    the technical sphere.</p>
+                    <a href="#" >Read more</a>
+            </div>
+        </div>
+    </div>
 	</div>
+	<div class="features-box col-lg-4">
+  <div class="card card1">
+        <div class="box box1">
+            <div class="content content1">
+                <h2>03</h2>
+                <h3>Mentorship Programme</h3>
+                <p>A program to encourage
+                    senior-junior interaction, help them with academics, career planning, research opportunities
+                    and to explore new fields.</p>
+                    <a href="#">Read more</a>
+            </div>
+        </div>
+    </div>
+	</div>
+ </div>
+</div>
+</div>
+
+
+
 	<br>
+
 	<!-- Our Team  -->
-	<div class="paragraph container-fluid" style="background-color: #ffffff; padding-top: 20px;" id="team">
-		<div class="container">
-			<heading style="align-content: center;">Meet our Club Officers</heading>
-			<br>
-			<br>
-			<br>
-		</div>
-	</div>
+   <h1 class="head1" id="head1"><span>OUR</span> <span>TEAM</span></h1>
 	<div id="app" class="app"></div>
-	<script src="js/members.js"></script>
+	 <div class="container1">
+
+
+
+                <input type="radio" name="slider" class="d-none" id="s1" checked>
+                <input type="radio" name="slider" class="d-none" id="s2">
+                <input type="radio" name="slider" class="d-none" id="s3">
+                <input type="radio" name="slider" class="d-none" id="s4">
+                <input type="radio" name="slider" class="d-none" id="s5">
+
+                <div class="cards">
+                  <label for="s1" id="slide1">
+                    <div class="card">
+                      <div class="image">
+                        <img src="teams_picture\RajditaDatta.jpg" alt="rajditadatta">
+                        <div class="dots">
+                          <div></div>
+                          <div></div>
+                          <div></div>
+                        </div>
+                      </div>
+
+                      <div class="infos">
+                        <span class="name">Rajdita Datta</span>
+                        <span class="lorem">
+                          Chairperson</span>
+                      </div>
+                      <button class="btn-contact">
+                      <a href="http://instagram.com/rajditadatta/">  <i class="fab fa-instagram fa-1x but1" style="color: #ac2bac;"> </i></a>
+ <a href="https://www.linkedin.com/in/rajditadatta/"><i class="fab fa-linkedin-in fa-1x but2" style="color: #0082ca;"></i></a>
+                      </button>
+
+                    </div>
+                  </label>
+
+                  <label for="s2" id="slide2">
+                    <div class="card">
+                      <div class="image">
+                        <img src="teams_picture\PoornaHegde.jpg" alt="poornaahegde">
+                        <div class="dots">
+                          <div class="dot1"></div>
+                          <div class="dot2"></div>
+                          <div class="dot3"></div>
+                        </div>
+                      </div>
+                      <div class="infos">
+                        <span class="name">Poorna Hegde</span>
+                        <span class="lorem">Vice Chairperson</span>
+                      </div>
+                      <button class="btn-contact">
+                        <a href="http://instagram.com/poornaahegde/"> <i class="fab fa-instagram fa-1x but1" style="color: #ac2bac;"> </i></a>
+                        <a href="https://www.linkedin.com/in/poornahegde20"><i class="fab fa-linkedin-in fa-1x but2" style="color: #0082ca;"></i></a>
+
+</button>
+
+                    </div>
+                  </label>
+
+                  <label for="s3" id="slide3">
+                    <div class="card">
+                      <div class="image">
+                        <img src="teams_picture\PoojaGummuluru.jpg" alt="poojagummuluru">
+                        <div class="dots">
+                          <div class="dot1"></div>
+                          <div class="dot2"></div>
+                          <div class="dot3"></div>
+                        </div>
+                      </div>
+                      <div class="infos">
+                        <span class="name">Pooja Gummuluru</span>
+                        <span class="lorem">Content head</span>
+                      </div>
+                      <button class="btn-contact">
+                        <a href="https://www.instagram.com/pooja_g1401/"> <i class="fab fa-instagram fa-1x but1" style="color: #ac2bac;"> </i></a>
+                        <a href="https://www.linkedin.com/in/poojagummuluru/"><i class="fab fa-linkedin-in fa-1x but2" style="color: #0082ca;"></i></a>
+                      </button>
+
+                    </div>
+                  </label>
+
+                  <label for="s4" id="slide4">
+                    <div class="card">
+                      <div class="image">
+                        <img src="teams_picture\MukilanMurugan.jpg" alt="mukilan-murugan">
+                        <div class="dots">
+                          <div class="dot1"></div>
+                          <div class="dot2"></div>
+                          <div class="dot3"></div>
+                        </div>
+                      </div>
+                      <div class="infos">
+                        <span class="name">Mukilan Murugan</span>
+                        <span class="lorem">Media Head</span>
+                      </div>
+                      <button class="btn-contact">
+<a href="https://www.instagram.com/_mukilan_em/"><i class="fab fa-instagram fa-1x but1" style="color: #ac2bac;"> </i></a>
+<a href="https://www.linkedin.com/in/mukilan-murugan-7562bb158/"><i class="fab fa-linkedin-in fa-1x but2" style="color: #0082ca;"></i></a>
+                      </button>
+
+                    </div>
+                  </label>
+
+                  <label for="s5" id="slide5">
+                    <div class="card">
+                      <div class="image">
+                        <img src="teams_picture\RohitTaparia.jpg" alt="RohitTaparia">
+                        <div class="dots">
+                          <div class="dot1"></div>
+                          <div class="dot2"></div>
+                          <div class="dot3"></div>
+                        </div>
+                      </div>
+                      <div class="infos">
+                        <span class="name">Rohit Taparia</span>
+                        <span class="lorem">Website Head</span>
+                      </div>
+                      <button class="btn-contact">
+
+                        <i class="fab fa-instagram fa-1x but1" style="color: #ac2bac;"></i>
+                        <i class="fab fa-linkedin-in fa-1x but2" style="color: #0082ca;"></i>
+
+
+                      </button>
+
+                    </div>
+                  </label>
+                </div>
+
+              </div>
+
+
+
 	<br>
 	<br>
+
 	<!-- The Frequently Asked Questions -->
-	<div class="container">
-		<div class="row">
-			<div class="col-sm-12 col-md-8">
-				<div class="paragraph container" style="background-color: #ffffff;">
-					<div class="container-fluid" id="faq">
-						<heading style="align-content:center;">Frequently Asked Questions</heading>
-						<br>
-						<div class="container1">
-							<div id="app1"></div>
-						</div>
-					</div>
-				</div>
-				<script src="js/faq.js"></script>
-			</div>
-			<div class="col-sm-12 col-md-4" style="text-align: center;">
-				<div class="paragraph container" style="background-color: #ffffff;">
-					<div class="container-fluid">
-						<heading style="align-content:center;">Facebook</heading>
-						<br>
-						<br>
-						<br>
-						<br>
-					</div>
-				</div>
-				<iframe
-					src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Facmwnitk%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
-					width="340" height="500" align="middle" style="border:none;overflow:hidden;" scrolling="no"
-					frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
-			</div>
+   <h1 class="head1" id="head1"><span>FAQs</span></h1>
+<br>
+<br>
+<br>
+
+
+
+<br>
+<div class="accordion accordion-flush" id="accordionFlushExample">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="flush-headingOne">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
+  Who are we?
+      </button>
+    </h2>
+    <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
+      <div class="accordion-body">ACM-W NITK is a student group that solely focuses on conducting events are programmes for women in NITK and beyond</div>
+    </div>
+  </div>
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="flush-headingTwo">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
+    How do I get involved?
+      </button>
+    </h2>
+    <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
+      <div class="accordion-body">ACM-W events are open to all women of NITK, irrespective of clubs, branches, years etc. However, membership in ACM-W is currently restricted only to members of ACM-NITK."</div>
+    </div>
+  </div>
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="flush-headingThree">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
+       What are the benefits of being in ACM-W?
+      </button>
+    </h2>
+    <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
+      <div class="accordion-body">ACM-W promotes a wide range of activities that are often meant to increase exposure to more information by holding sessions with industry professionals, inter-college events, senior-junior interactions and much more. Being a member of ACM-W also allows you to organise such events, polish your leadership skills and build your network. Other benefits include - sponsored travel to GHCI, GHC scholarships, ACM digital library access and much more</div>
+    </div>
+  </div>
+</div>
+
+
+
+
+
+<section class="section1">
+      <div class="container reveal">
+        	<h1 class="head1" id="head2"><span>OUR SOCIAL MEDIAS</span></h1>
+			<br>
+			<br>
+			<br>
 
+        <div class="cards">
+		<div class="card-social1">
+          <div class="text-card">
+<h3 class="head2" id="head2"><span>FACEBOOK</span></h3>
+            <iframe
+            src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Facmwnitk%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
+            width="300" height="390" align="center" style="border:none;overflow:hidden;" scrolling="no"
+            frameborder="0" allowTransparency="true" allow="encrypted-media" class="facebook1"></iframe>
+          </div>
+</div>
+<div class="card-social2">
+          <div class="text-card">
+<h3 class="head2" id="head2"><span>INSTAGRAM</span></h3>
+            <iframe
+            src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Facmwnitk%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
+            width="300" height="390" align="center" style="border:none;overflow:hidden;" scrolling="no"
+            frameborder="0" allowTransparency="true" allow="encrypted-media" class="facebook1"></iframe>
+          </div>
+		  </div>
+        </div>
 		</div>
-	</div>
-
+      </div>
+   </section>
+
+    <script>
+        // init controller
+        var controller = new ScrollMagic.Controller();
+    </script>
+    <style type="text/css">
+        #reveal1 {
+            opacity: 0;
+            -webkit-transform: scale(0.9);
+                 -moz-transform: scale(0.9);
+                    -ms-transform: scale(0.9);
+                     -o-transform: scale(0.9);
+                            transform: scale(0.9);
+            -webkit-transition: all 1s ease-in-out;
+                 -moz-transition: all 1s ease-in-out;
+                    -ms-transition: all 1s ease-in-out;
+                     -o-transition: all 1s ease-in-out;
+                            transition: all 1s ease-in-out;
+        }
+        #reveal1.visible {
+            opacity: 1;
+            -webkit-transform: none;
+                 -moz-transform: none;
+                    -ms-transform: none;
+                     -o-transform: none;
+                            transform: none;
+        }
+    </style>
+    <div class="spacer s2"></div>
+    <div id="trigger1" class="spacer s0"></div>
+    <div id="reveal1" class="box2 blue">
+        <p>I will be revealed when scrolled into view and hidden when scrolled past.</p>
+        <a href="#" class="viewsource">view source</a>
+    </div>
+    <div class="spacer s2"></div>
+    <script>
+            // build scene
+            new ScrollMagic.Scene({
+                                triggerElement: "#trigger1",
+                                triggerHook: 0.9, // show, when scrolled 10% into view
+                                duration: "80%", // hide 10% before exiting view (80% + 10% from bottom)
+                                offset: 50 // move trigger to center of element
+                            })
+                            .setClassToggle("#reveal1", "visible") // add class to reveal
+                            .addIndicators() // add indicators (requires plugin)
+                            .addTo(controller);
+    </script>
+
+    <script type="text/javascript">
+    window.addEventListener('scroll', reveal);
+
+    function reveal(){
+      var reveals = document.querySelectorAll('.reveal');
+
+      for(var i = 0; i < reveals.length; i++){
+
+        var windowheight = window.innerHeight;
+        var revealtop = reveals[i].getBoundingClientRect().top;
+        var revealpoint = 150;
+
+        if(revealtop < windowheight - revealpoint){
+          reveals[i].classList.add('active');
+        }
+        else{
+          reveals[i].classList.remove('active');
+        }
+      }
+    }
+    </script>
+
+
+
+
+
+<br>
+<br>
+  <br>
 
 
 
 	<!-- The Contact Us section -->
 
-	<div class="container-fluid" id="contact" style="background-image: url('./images/contactback.svg') ;   background-size: 100%; background-size:cover;
-	padding:20px;">
-		<div class="container row">
-			<div class="col-lg-9 col-md-12 col-xs-12 col-sm-12">
-				<div class="paragraph" style="font-family: 'Lato', sans-serif; font-weight: 100;">
-					<br>
-					<br>
-					<br>
-					<br>
-					<br>
-					<heading>Say Hello!</heading>
-					<br>
-					<br>
-					<parabody style="font-size: 20px;"><b>At ACM-W we're all ears. Feel free to drop in your feedback or
-							suggestions, we'd love to hear from you. Leave us a mail or connect with us on our social
-							media accounts.</b></parabody>
-				</div>
-				<br>
-				<br>
-				<div align="middle">
-					<div align="middle" class="button-container" style="width: 300px; text-decoration: none"><a
-							href="mailto: acmw.nitk@gmail.com" class="email-button button-container"
-							style="text-decoration: none">acmw.nitk@gmail.com</a>
-					</div>
-				</div>
-
-				<br>
-				<br>
-				<div class="button-container" align="middle">
-					<a href="https://www.facebook.com/acmwnitk/" class="fa fa-facebook"></a>
-					<a href="https://www.linkedin.com/company/acm-w-nitk/" class="fa fa-linkedin"></a>
-					<a href="https://www.instagram.com/acmw_nitk/" class="fa fa-instagram"></a>
-				</div>
-				<br>
-			</div>
-
-
+<footer>
+        <div class="row">
+        <div class="col">
+            <img src="images/acmw_logo.png" alt="" srcset="" class="logo">
+            <p>At ACM-W we're all ears. Feel free to drop in your feedback or
+                suggestions, we'd love to hear from you. Leave us a mail or connect with us on our social
+                media accounts</p>
+        </div>
+        <div class="col">
+            <h3> <i class="fa-solid fa-location-dot faloc"></i><div class="underline"><span></span></div></h3>
+            <p>National Institute Of Technology Karnataka Surathkal</p>
+            <p>NH 66, Srinivasnagar, Surathkal, Manglore, Karnataka 575025</p>
+
+            <h4><i class="fa-solid fa-phone faloc"></i> +91 9902921511</h4>
+        </div>
+       <div class="col">
+        <h3><i class="fa-solid fa-circle-info faloc facir1 "></i><div class="underline underline1"><span></span></div></h3>
+        <ul>
+            <li><a href="https://acmwnitk.hosting.acm.org/#">HOME</a></li>
+            <li><a href="https://acmwnitk.hosting.acm.org/#about">ABOUT </a></li>
+
+            <li><a href="https://acmwnitk.hosting.acm.org/#contact">CONTACT US</a></li>
+        </ul>
+       </div>
+       <div class="col">
+        <h3> <i class="fa-solid fa-link faloc"></i><div class="underline"><span></span></div></h3>
+		 <div class="social-icons">
+			<a href="https://www.linkedin.com/company/acm-w-nitk/" class="footer-icons"><i class="fab fa-brands fa-linkedin footer-icons linkedin-icon  box effect" style="margin:10px 10px 10px 10px;"></i></a>
+			<a href="https://www.facebook.com/acmwnitk/posts/pfbid02Cy9hwoLbARaQwyh5d3r1RdyQcaHTqCADxnhdjEZy52F8AWBijckKaRA5jBgomcz6l" class="footer-icons"> <i class="fab fa-brands fa-facebook-f footer-icons facebook-icon box effect " style="margin:10px 10px 10px 10px;"></i></a>
+			<a href="https://www.instagram.com/acmw_nitk/" class="footer-icons"><i class="insta-hover fab fa-brands fa-instagram footer-icons instagram-icon box effect " style="margin:10px 10px 10px 10px;"></i></a>
 
-
-			<div class="col-lg-3 col-sm-12 col-md-12 col-xs-12 paragraph">
-				<div class="yellow">
-					<div style="margin-left: 55px">
-						<img src="./images/map.png" style="width: 10%;">
-						<br>
-						<br>
-						<parabody
-							style="padding-left: 7px; padding-top:100px; margin-top:100px;font-family: 'Raleway', sans-serif; font-size: 17px;">
-							National Institute of Technology Karnataka Surathkal.<br>NH 66, Srinivasnagar, Surathkal,
-							Mangalore, Karnataka 575025
-							<br>
-							<br>
-							<p>📞 : +91 9902921511</p>
-							<br>
-						</parabody>
-					</div>
-				</div>
-
-			</div>
 		</div>
-		<br>
-		<div class="paragraph parabody" style="float: left; padding-right: 70px;">Developed by ACM-W Team with ♥</div>
-		<br>
-		<br>
-	</div>
-	</div>
+            </div>
+       </div>
+       <hr>
+
+       <p class="last">Developed by ACM-W team with <i class="fa-solid fa-heart faloc"></i></p>
+    </footer>
 
 	<!-- Local Imports for JS -->
+	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js">
+	</script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js">
+	</script>
+	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js">
+	</script>
 	<script type="text/javascript" src="js/header.js"></script>
 	<script type="text/javascript" src="js/index.js"></script>
 
