diff --git a/project 2/index.html b/project 2/index.html
index 1439fc1..c2195d8 100644
--- a/project 2/index.html	
+++ b/project 2/index.html	
@@ -8,6 +8,7 @@
     <link rel="stylesheet" type="text/css" href="style.css">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
         integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+        <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
 </head>
 
 <body>
@@ -47,7 +48,7 @@
         </div>
 
     </nav>
-    <div class="container">
+    <div class="container" data-aos="fade-down" data-aos-duration="1000">
         <div class="header">
             <h1 class="display-3"><i class="fas fa-camera-retro mr-sm-2"></i>The Image Gallery</h1>
             <p>A Bunch of beautifull images</p>
@@ -56,44 +57,44 @@ <h1 class="display-3"><i class="fas fa-camera-retro mr-sm-2"></i>The Image Galle
 
     <div class="container">
         <div class="row ">
-            <div class="col-lg-4 col-sm-6">
+            <div class="col-lg-4 col-sm-6" data-aos="fade-down-right" data-aos-duration="1000">
                 <img src="https://wallpapercave.com/wp/wp1813217.jpg" width="350px">
             </div>
-            <div class="col-lg-4 col-sm-6">
+            <div class="col-lg-4 col-sm-6" data-aos="zoom-in" data-aos-duration="1000">
                 <img src="https://wallpapercave.com/wp/wp2562825.jpg" width="350px">
             </div>
-            <div class="col-lg-4 col-sm-6">
+            <div class="col-lg-4 col-sm-6"  data-aos="fade-down-left" data-aos-duration="1000">
                 <img src="https://wallpapercave.com/wp/wp2555019.jpg" width="350px">
             </div>
 
               
 
-            <div class="col-lg-4 col-sm-6">
+            <div class="col-lg-4 col-sm-6"  data-aos="fade-down-right" data-aos-duration="1000">
                 <img src="https://wallpapercave.com/wp/wp2570964.jpg" width="350px">
             </div>
-            <div class="col-lg-4 col-sm-6">
+            <div class="col-lg-4 col-sm-6" data-aos="zoom-in" data-aos-duration="1000">
                 <img src="https://wallpapercave.com/wp/wp2046360.jpg" width="350px">
             </div>
-            <div class="col-lg-4 col-sm-6">
+            <div class="col-lg-4 col-sm-6" data-aos="fade-down-left" data-aos-duration="1000">
                 <img src="https://wallpapercave.com/wp/wp2596942.jpg" width="350px">
             </div>
 
-            <div class="col-lg-4 col-sm-6">
+            <div class="col-lg-4 col-sm-6"  data-aos="fade-down-right" data-aos-duration="1000">
                 <img src="https://wallpapercave.com/wp/wp2596942.jpg" width="350px">
             </div>
-            <div class="col-lg-4 col-sm-6">
+            <div class="col-lg-4 col-sm-6" data-aos="zoom-in" data-aos-duration="1000">
                 <img src="https://wallpapercave.com/wp/wp2596943.jpg" width="350px">
             </div>
-            <div class="col-lg-4 col-sm-6">
+            <div class="col-lg-4 col-sm-6" data-aos="fade-down-left" data-aos-duration="1000">
                 <img src="https://wallpapercave.com/wp/wp2596944.jpg" width="350px">
             </div>
-            <div class="col-lg-4 col-sm-6">
+            <div class="col-lg-4 col-sm-6"  data-aos="fade-down-right" data-aos-duration="1000">
                 <img src="https://wallpapercave.com/wp/wp2570990.jpg" width="350px">
             </div>
-            <div class="col-lg-4 col-sm-6">
+            <div class="col-lg-4 col-sm-6"data-aos="zoom-in" data-aos-duration="1000">
                 <img src="https://wallpapercave.com/wp/wp2596944.jpg" width="350px">
             </div>
-            <div class="col-lg-4 col-sm-6">
+            <div class="col-lg-4 col-sm-6" data-aos="fade-down-left" data-aos-duration="1000">
                 <img src="https://wallpapercave.com/wp/wp2596949.jpg" width="350px">
             </div>
         </div>
@@ -125,6 +126,10 @@ <h1 class="display-3"><i class="fas fa-camera-retro mr-sm-2"></i>The Image Galle
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
         integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
         crossorigin="anonymous"></script>
+        <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+  <script>
+  AOS.init();
+</script>
 </body>
 
 </html>
\ No newline at end of file
