1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / earnlouq / .trash /
Filename : traders-club.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="col-12 d-flex justify-content-between align-items-center px-3 flex-wrap gap-3">
        <h4 class="text-white mb-0">Traders Club</h4>
        </div>
      
         <p> 
         The ZELNEX Traders Club is an exclusive community where you'll join forces with seasoned traders and crypto experts. It's your passport to a world of trading wisdom and profit potential. As a member, you'll participate in live trading sessions, gain insights from successful traders, and collaborate with fellow enthusiasts. This club is your opportunity to elevate your trading game, make informed decisions, and potentially achieve significant gains in the dynamic 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">Join Club</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' ?>