 <footer class="footer-wrapper footer-1">
     <div class="footer-widgets-wrapper">
         <div class="container">
             <div class="row">
                 <div class="col-xl-3 col-lg-4 col-md-6 col-12">
                     <div class="single-footer-widget wow fadeInLeft">
                         <div class="about-us-widget">
                             <a href="index" class="footer-logo d-block">
                                 <img src="images/<?php echo $logo_img ?>" alt="TradePro">
                             </a>
                             <p>Trade with a customizable multi-asset trading platform. Offering CFDs on forex, commodities, cryptocurrencies, NFT's and synthetics</p>

                         </div>
                     </div>
                 </div>
                 <div class="col-xl-2 col-lg-3 offset-xl-1 col-sm-6 col-12">
                     <div class="single-footer-widget wow fadeInLeft" data-wow-delay=".2s">
                         <div class="widget-title">
                             <h5>Company</h5>
                         </div>
                         <ul>
                             <li><a href="index">Home</a></li>
                             <li><a href="about">About</a></li>
                             <li><a href="services">Services</a></li>
                             <li><a href="faq">FAQ</a></li>
                             <li><a href="contact">Contact</a></li>
                         </ul>
                     </div>
                 </div>
                 <div class="col-xl-2 col-lg-3 offset-xl-1 col-sm-6 col-12">
                     <div class="single-footer-widget wow fadeInLeft" data-wow-delay=".4s">
                         <div class="widget-title">
                             <h5>Product</h5>
                         </div>
                         <ul>
                             <li><a href="#">Crypto</a></li>
                             <li><a href="#">NFTs</a></li>
                             <li><a href="#">Forex</a></li>
                             <li><a href="#">Indices</a></li>
                             <li><a href="#">Stocks</a></li>
                         </ul>
                     </div>
                 </div>
                 <div class="col-xl-2 col-lg-3 offset-xl-1 col-sm-6 col-12">
                     <div class="single-footer-widget wow fadeInLeft" data-wow-delay=".6s">
                         <div class="widget-title">
                             <h5>Contact</h5>
                         </div>
                         <p style="font-size:13px;"><?php echo $website_email ?></p>
                         <div class="social-links mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".3" data-wow-duration="1s">
                             <a href="#"><i class="fab fa-facebook-f"></i></a>
                             <a href="#"><i class="fab fa-twitter"></i></a>
                             <a href="#"><i class="fab fa-instagram"></i></a>
                             <a href="#"><i class="fab fa-linkedin"></i></a>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
     <div class="footer-bottom-wrapper">
         <div class="container">
             <div class="footer-bottom-content d-md-flex justify-content-between">
                 <div class="site-copyright wow fadeInUp" data-wow-delay=".2" data-wow-duration="1s">
                     <p>&copy; Copyright 2022, All Rights Reserved by <?php echo $website_name ?></p>
                 </div>
                 <div class="social-links mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".3" data-wow-duration="1s">
                     <!-- <a href="#"><i class="fab fa-facebook-f"></i></a>
                     <a href="#"><i class="fab fa-twitter"></i></a>
                     <a href="#"><i class="fab fa-instagram"></i></a>
                     <a href="#"><i class="fab fa-linkedin"></i></a> -->
                 </div>
             </div>
         </div>
     </div>
 </footer>
 <style>
     #demo {
         display: none;
     }

     .demo-scroll {
         animation: 1s linear demo;
     }

     @keyframes demo {
         0% {
             transform: translateY(0);
         }

         30% {
             transform: translateY(-10px);
         }

         100% {
             display: none;
         }
     }
 </style>

 <p id='demo' style='position:fixed; top: 100px; left: 30px;  padding: 30px'></p>
 <script>
     var demo = document.getElementById('demo')
     setInterval(() => {
         code()
         setTimeout(() => {
             demo.style.display = 'none'
         }, 3000);
     }, 7000);


     function code() {
         var xhr = new XMLHttpRequest();
         xhr.onreadystatechange = function() {
             demo.innerHTML = xhr.responseText
             demo.classList.add('demo-scroll')
             demo.style.display = 'block'
         }
         xhr.open('GET', 'random.php', true);
         xhr.send();

     }
 </script>