report loader
unknown
plain_text
6 months ago
2.3 kB
1
Indexable
Never
<%- include('../include/header.ejs') %> <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> <style> html, body { height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; } .childDiv{ display: flex; align-items: center; justify-content: space-between; } .footer{ position: absolute; left: 0; } .pgHomeAnimationImage{ width: 40%; animation: moveUpDown 2.5s ease-in-out infinite; } .exploreBtn{ border: none; background-color: #F75B24; padding: 1rem 2rem; color: white; border-radius: 10px; font-weight: 700 !important; } .exploreBtn:hover{ background-color: #d54f1f; } .custom-text-b-35{ font-size: 35px; font-weight: bold !important; } .custom-text-sm-18 { font-size: 18px !important; font-weight: 600 !important; } @media screen and (max-width: 1030px) { .childDiv{ flex-direction: column-reverse; } .childDiv > div{ padding: 2rem; } .pgHomeAnimationImage{ width: 60%; } } @keyframes moveUpDown { 0% { transform: translateY(0); } 50% { transform: translateY(-25px); } 100% { transform: translateY(0); } } </style> <body style="background-color: white;"> <div class="auth-page" style=" background-size: 100% 80%"> <div class="container-fluid p-0"> <div class="childDiv"> <div class="d-flex flex-column" style="align-items: center;gap: 0.5rem;"> <lottie-player src="https://assets6.lottiefiles.com/packages/lf20_kP6sKi50mK.json" background="transparent" speed="1" style="width: 100px; height: 100px; margin: 0;" loop autoplay></lottie-player> <p class="m-0 custom-text-sm-18 mt-2" style="max-width: 500px;">Loading reports..</p> <p class="m-0 custom-text-r-10" style="max-width: 500px;">It will take few seconds</p> </div> </div> </div> </div> </body> </html>