From de651972f3e2aa078a0f8debd0c728ee00550852 Mon Sep 17 00:00:00 2001
From: tribikram <tribikram@extratechs.com.au>
Date: Wed, 7 Dec 2022 14:16:40 +0545
Subject: [PATCH] [edit] banner text animation

---
 public/frontend/css/style.css     | 35 +++++++++++++++++++++++++------
 resources/views/welcome.blade.php |  2 +-
 2 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css
index c99a519..9406bd9 100644
--- a/public/frontend/css/style.css
+++ b/public/frontend/css/style.css
@@ -227,22 +227,24 @@ Responsive Codes
     top: 40%;
     left: 10%;
     visibility: hidden;
-    animation: 4s anim-lineUp ease-out;
+    animation: 6s anim-lineUp ease-out;
 }
 .banner-section .banner-description-two{
     position: absolute;
-    top: 40%;
-    left: 10%;
+    top: 30%;
+    left: 26%;
+    padding-right: 30%;
     visibility: hidden;
-    animation: 3s anim-lineUp ease-out;
-    animation-delay: 6s;
+    text-align: center;
+    animation: 6s anim-lineDown ease-out;
+    animation-delay: 4s;
 }
 .banner-section .banner-description-three{
     position: absolute;
     top: 40%;
     left: 10%;
     visibility: hidden;
-    animation: 4s anim-lineUp ease-out;
+    animation: 5s anim-lineUp ease-out;
     animation-delay: 8s;
 }
 .banner-description h2, .banner-description-two h2, .banner-description-three h2{
@@ -272,6 +274,27 @@ Responsive Codes
       transform: translateX(0%);
     }
 }
+@keyframes anim-lineDown {
+    0% {
+      opacity: 0;
+      transform: translateY(-50%);
+      visibility: visible;
+    }
+    20% {
+      opacity: 0;
+      visibility: visible;
+    }
+    50% {
+      opacity: 1;
+      visibility: visible;
+      transform: translateY(0%);
+    }
+    100% {
+      opacity: 0;
+      visibility: visible;
+      transform: translateY(0%);
+    }
+}
 .banner-description h3, .banner-description-two h3, .banner-description-three h3{
     font-weight: 700;
     font-size: 42px;
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index 3b1937f..76b8a0d 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -22,7 +22,7 @@
         <p>Let us find you a work placement and secure your permanent residency in just 4 simple steps.</p>
       </div>
       <div class="banner-description-three">
-        <h2>Our pathway will </h2>
+        <h2>Lorem ipsum </h2>
         <h3>help you build a secure future in Australia </h3>
         <p>Let us find you a work placement and secure your permanent residency in just 4 simple steps.</p>
       </div>