added more aos

maa17019 · Apr 4, 2021 · bfd3884 · bfd3884
1 parent 8869c3f
commit bfd3884
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/index.html b/index.html
@@ -108,25 +108,32 @@
       <div class="three-items">
 
         <div class="item1">
+          <div data-aos="flip-left" data-aos-easing="ease-out-cubic"data-aos-duration="2000">
           <img class="square" src="img/square.png" alt="blank square"/>
          <h2 class="name">Jonathon Doe</h2>
          <h5 class="co-founder">Co Founder</h5>
          <p class="little">“Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id gravida at eget metus. Etiasem malesuada magn”</p>
+          </div>
         </div>
         <div class="item2">
+          <div data-aos="flip-left" data-aos-easing="ease-out-cubic"data-aos-duration="2000">
           <img class="square" src="img/square.png" alt="blank square"/>
           <h2 class="name">Jonathon Doe</h2>
           <h5 class="co-founder">Co Founder</h5>
           <p class="little">“Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id gravida at eget metus. Etiasem malesuada magn”</p>
         </div>
+        </div>
         <div class="item3">
+          <div data-aos="flip-left" data-aos-easing="ease-out-cubic"data-aos-duration="2000">
           <img class="square" src="img/square.png" alt="blank square"/>
           <h2 class="name">Jonathon Doe</h2>
           <h5 class="co-founder">Co Founder</h5>
           <p class="little">“Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id gravida at eget metus. Etiasem malesuada magn”</p>
         </div>
+        </div>
 
       </div>
+      <div data-aos="zoom-in">
       <div class="five-logos">
 
         <div class="hits">
@@ -148,6 +155,7 @@
         <img src="img/sienna.png" alt="logo"/>
         </div>
       </div>
+    </div>
 
     </div>
 
@@ -251,10 +259,11 @@
     </footer>
 
 <!--JavaScript for Animated on Scroll feature!-->
-   <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script>   
     AOS.init(); 
  </script>
+
 <script>
     // below listed default settings
 AOS.init({
@@ -279,10 +288,8 @@ AOS.init({
   anchorPlacement: 'top-bottom', // defines which position of the element regarding to window should trigger the animation
 
 });
+  </script>
 
-
-
-    </script>
 </body>
 
 </html>