Merge pull request #527 from Eknoor02/main

Added the animation to the about section #467

index.html

@@ -103,14 +103,14 @@ <h3>The one step solution to get relief from your stress.<br />Live a
 
   <!-- About Section -->
   <section id="about" class="about">
-    <h1>About Us</h1>
+    <h1 data-aos="flip-right">About Us</h1>
     <div class="max-width ">
-      <div class="photo"><img src="./images/about.jpg" alt="" height="300px" width="330px"></div>
+      <div data-aos="zoom-in" class="photo"><img src="./images/about.jpg" alt="" height="300px" width="330px"></div>
       <div class="about-content">
-        <div class="text-1"> We are a team of open source contributors <br>who have created this website Sukoon </div>
-        <div class="text-3"> with the aim
+        <div data-aos="fade-left" class="text-1"> We are a team of open source contributors <br>who have created this website Sukoon </div>
+        <div data-aos="fade-left" class="text-3"> with the aim
           to provide a <span>one step <br>solution</span> to get relief from stress. </div>
-        <div class="text-5">We hope that everyone can live a <span>stress <br> free life </span>with the help of<span>
+        <div data-aos="fade-left" class="text-5">We hope that everyone can live a <span>stress <br> free life </span>with the help of<span>
             sukoon.</span></div>
       </div>
     </div>