1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / earnlouq / .trash /
Filename : play-and-earn.php
back
<?php
session_start();
error_reporting(0);
include('../../config/config.php');
include('includes/checklogin.php');
include('includes/functions.php');

check_login();
$title="Dashboard";
$uip=$_SERVER['REMOTE_ADDR'];
include 'includes/header.php'; 

$uid= $_SESSION['id'];
$username=$_SESSION['username'];
$sql = "SELECT * FROM `users` WHERE `id`=$uid";
$res = mysqli_query($con, $sql);
$row = mysqli_fetch_assoc($res);

$ibalance=$row['ibo'];
$rbalance=$row['ref_bonus'];

$referral_code=$row['referral_code'];

?>

<style>
.modal {
    display: none;
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
   .modal-content{
    margin-left:20vw;
    margin-top:15vh;

   }
}
.modal-top{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
}

.modal-content {
    background-color: #131720;
    padding: 20px;
    width: 100%; /* Set the width to 90% */
    max-width: 600px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    margin-top:10vh;

}
.modal-content h2{
   font-size:20px; 
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.form-group{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
}

</style>

    <div class="container-fluid main-content px-2 px-lg-4">
    <div class="row my-2 g-3 g-lg-4 promotion">
    <div class="mb-2">
        <h4 class="text-white mb-0">Play and Earn</h4>
        </div>
      
         <p> 
         Play and Earn" on ZELNEX is a unique opportunity that allows you to not only participate in the cryptocurrency and trading ecosystem but also earn rewards while doing so. Through various interactive activities and engaging games, ZELNEX offers users a chance to both enjoy their crypto journey and accumulate rewards in the form of tokens or incentives. It's a fun and rewarding way to be involved in the world of crypto and trading.
         </p>
        <div class="col-md-6 col-xl-6 col-xxl-6 col-12" 
        style="display:flex;align-items:center;justify-content:center;">            
          <button id="modal" class="btn btn-primary mt-5">Start Playing</button>
            </div>
    </div>

    <div style="height:60px;"></div>
    </div>
	
<!-- Add this HTML code at the bottom of your page, just before the closing </body> tag -->

<!-- The modal -->
<div id="transferModal" class="modal">
    <!-- Modal content -->
    <div class="modal-content">
        <div class="modal-top">
             <span class="close">&times;</span>
        </div>
        <!-- Add your transfer form or content here -->
        <h2>Coming Soon!</h2>
            <div class="settings" >
            <img src="assets/img/coming.png" style="width:200px;" >

            <p>We are launching soon. Just get ready for the ride. </p>
            </div>
        </div>
    </div>

<!-- JavaScript to handle modal behavior -->
<script>
    // Get the modal element by its id
    var modal = document.getElementById("transferModal");

    // Get the button that opens the modal
    var btn = document.querySelector(".btn.btn-primary");

    // Get the <span> element that closes the modal
    var span = document.getElementsByClassName("close")[0];

    // When the user clicks the button, open the modal
    btn.onclick = function() {
        modal.style.display = "block";
    }

    // When the user clicks on <span> (x), close the modal
    span.onclick = function() {
        modal.style.display = "none";
    }

    // When the user clicks anywhere outside of the modal, close it
    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
</script>

<?php include 'bottom-tabs.php' ?>
<?php include 'includes/footer.php' ?>