PG home

<%- include('includes/header.ejs') %>
<style>
    .parentDiv{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100vh;
    }
    .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;
    }
    @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>
    <div class="auth-page" style="background: url(/images/hero-image-bg.png) no-repeat; background-size: 100% 80%">
      <div class="container-fluid p-0">
          <div class=" parentDiv">
            <div class="childDiv">
                <div class="d-flex flex-column" style="gap: 1rem;">
                    <img src="/images/black-logo-transparent.png" alt="logo" width="100px">
                    <p class="m-0 custom-text-b-35" style="max-width: 500px;">Experience the Future of Trading with <span style="color: #F75B24;">Gainn Fintech</span></p>
                    <div class="col">
                        <a href="https://mygainn.com/">

                            <button class="exploreBtn">Explore</button>
                        </a>
                    </div>
                </div>
                    <img src="/images/pg-home-image-animation.png" alt="image" class="pgHomeAnimationImage">
            </div>
              <!-- end col -->
             
              <!-- end col -->
          </div>
          <!-- end row -->
      </div>
      <!-- end container fluid -->
    </div>
</body>
<div class="footer mt-4 mt-md-5 text-center">
  <p class="mb-0">© <script>document.write(new Date().getFullYear())</script> Gainn Fintech</p>
</div>

  <%- include('includes/footer.ejs') %>
  <script type="text/javascript" src="javascripts/userotp.js"></script>
  <script src="js/pages/two-step-verification.init.js"></script>
Editor is loading...