diff --git a/index.html b/index.html
index a6155df..6843f65 100644
--- a/index.html
+++ b/index.html
@@ -28,6 +28,8 @@
   <link rel="stylesheet" href="css/index.css">
   <!--favicon-->
   <link rel="icon" href="images/images/tb.PNG">
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+
 </head>
 <body >
   <!-- Navigation starts here -->
@@ -62,14 +64,14 @@
   <div >
   <div class="heading justify-content-center">
         <p style="color:whitesmoke; font-size: 4vw; font-family:Sansita Swashed; text-align: center;font-weight: 600;">TECHNICAL AND ENGINEERING BOARD</p>
-        <p style="color:whitesmoke; font-size: 3vw; font-family:verdana; text-align: center;font-weight: 400;">Army Institute of Technology, Pune</p>
+        <p  style="color:whitesmoke; font-size: 3vw; font-family:verdana; text-align: center;font-weight: 400;">Army Institute of Technology, Pune</p>
   </div>  
   </div>
   </div>
      <!-- ------------Carousel Starts here ----------------------  -->
 
      <div class="container">
-      <div id="myCarousel" class="carousel slide" data-ride="carousel">
+      <div data-aos="fade-up" id="myCarousel" class="carousel slide" data-ride="carousel">
         <!-- Indicators -->
         <ol class="carousel-indicators">
           <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
@@ -118,10 +120,12 @@ <h4 style="color: white; font-size: 1em;">Imagination is more important than kno
 
      <!-- -----X-----Carousel Ends here ------------X----------  -->
 
-
+<br>
+<br>
+<br>
     <div class="container" style="margin-top: 2em;margin-bottom: 1em;">
                    
-        <table class="table table-bordered  table-striped">
+        <table data-aos="zoom-in-down" class="table table-bordered  table-striped">
           <thead>
             <tr style="background:#A9A9A9;">
               <th>HACKATHON</th>
@@ -255,7 +259,7 @@ <h4 style="color: white; font-size: 1em;">Imagination is more important than kno
 
 <div class="cards-container container-fluid">
   
-  <div class="card card-one">
+  <div data-aos="fade-right" class="card card-one">
     <header>
       <div class="avatar">
         <img src="images/person1.jpeg" alt="Jhon Doe" />
@@ -282,7 +286,7 @@ <h3>Arun Chauhan</h3>
     </footer>
   </div>
 
-  <div class=" card card-two">
+  <div data-aos="fade-left"class=" card card-two">
   <header>
     <div class="avatar">
       <img src="images/person2.jpeg" alt="Allison Walker" />
@@ -317,7 +321,7 @@ <h3>Riya Sheoran  </h3>
   <!-- --------X--------Profile cards ends here--------------X--- -->
 
   <!------------------ Start Footer bottom Area --------------------->
-  <footer class="footer-distributed">
+  <footer data-aos="zoom-in-down" class="footer-distributed">
     <div class="footer-image">
     <IMG SRC="images/tb.PNG" ALT="Techboard icon" WIDTH=200 HEIGHT=200 >
     </div>
@@ -380,7 +384,10 @@ <h3>Riya Sheoran  </h3>
 
 <!---------X------ End Footer bottom Area -----------X-------->
 
-
+<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+<script>
+  AOS.init();
+</script>
   
 </body>
 </html>
