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 41c66c1..7e61337 100644 --- a/resources/views/welcome.blade.php +++ b/resources/views/welcome.blade.php @@ -19,7 +19,7 @@
Let us find you a work placement and secure your permanent residency in just 4 simple steps.