Wedding Invitation
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

main-event.blade.php 1.5KB

123456789101112131415161718192021222324252627282930313233
  1. <div class="flex flex-col gap-5 w-4/5 mt-44 mb-40 text-navbarcolor relative">
  2. <div class="flex justify-center fade-element">
  3. <p class="font-semibold text-sm">WALIMATULURUS</p>
  4. </div>
  5. <div class="flex flex-col gap-8 pt-8 pb-8 justify-center fade-element">
  6. <div class="flex justify-center">
  7. <p class="font-tan-pearl font-semibold text-5xl"><span class="text-6xl">A</span>liff</p>
  8. </div>
  9. <div class="flex justify-center">
  10. <p class="font-tan-pearl font-semibold text-3xl">&</p>
  11. </div>
  12. <div class="flex justify-center">
  13. <p class="font-tan-pearl font-semibold text-5xl"><span class="text-6xl">A</span>yuna</p>
  14. </div>
  15. </div>
  16. <div class="flex flex-col justify-center fade-element">
  17. <div class="flex justify-center">
  18. <p class="font-bold text-base">SABTU</p>
  19. </div>
  20. <div class="flex justify-center">
  21. <p class="font-bold text-base">17 OGOS 2024</p>
  22. </div>
  23. </div>
  24. <div class="flex flex-col justify-center fade-element">
  25. <div class="flex justify-center">
  26. <p class="font-semibold text-sm">DEWAN JUBLI PERAK</p>
  27. </div>
  28. <div class="flex justify-center">
  29. <p class="font-semibold text-sm">SULTAN HAJI AHMAD SHAH</p>
  30. </div>
  31. </div>
  32. <img id="scroller" src="{{asset('assets/scrolling.png')}}" alt="" class="absolute animate__animated animate__fadeInUp animate__infinite" width="35" height="35" style="bottom: 50%; right:20px">
  33. </div>