Viewing File: /home/quiczmwg/public_html/index1.php
<?php
// Start the session
session_start();
// Include database connection
include_once('_db.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Quick-wittedtraded</title>
<meta content="width=1200" name="viewport">
<meta name="format-detection" content="telephone=no">
<meta property="og:image" content="img/bgvideo.png">
<meta name="whatsapp:image" content="img/bgvideo.png" />
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="200">
<meta property="og:image:height" content="200">
<meta property="og:type" content="website" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="fonts/icomoon/style.css" />
<link rel="stylesheet" type="text/css" href="fonts/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" href="css/selectric.css" />
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css" />
<link rel="stylesheet" type="text/css" href="css/animate.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/responsive.css" />
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/detect.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.selectric.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/clipboard.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/clock.js"></script>
<script type="text/javascript" src="js/modal.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/GSDevTools.min.js"></script>
<script type="text/javascript" src="js/volna.js"></script>
<script type="text/javascript" src="js/jquery.parallax.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js"></script>
<script type="text/javascript" src="js/volns.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/145918011.js"></script>
<!-- End of HubSpot Embed Code -->
<script id="pixel-chaty" async="true" src="https://cdn.chaty.app/pixel.js?id=QbMzo7gt"> </script>
<style>
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.testimonial-col {
flex: 0 0 33.333333%;
max-width: 33.333333%;
padding-right: 15px;
padding-left: 15px;
}
.testimonial-card {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
overflow: hidden;
}
.testimonial-body {
padding: 20px;
}
.testimonial-title {
font-size: 18px;
margin-bottom: 5px;
}
.testimonial-subtitle {
font-size: 14px;
color: #999;
margin-bottom: 10px;
}
.testimonial-text {
font-size: 16px;
margin-bottom: 15px;
}
.testimonial-country {
font-size: 14px;
color: #777;
}
</style>
<style>
.item.selected {
color: white;
}
</style>
<style>
.center-container {
display: flex;
justify-content: space-between;
align-items: center;
/* height: 90vh; */
}
.container1 {
display: flex;
justify-content: space-between;
align-items: center;
}
.columns {
flex: 1;
margin: 0 10px;
}
.card {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
transition: 0.3s;
background-color: #f1f1f1;
}
.card img {
display: block;
width: 100%;
max-width: 100%;
height: 700px; /* Adjust image height as needed */
object-fit: cover;
}
.containers {
margin-top: 20px;
}
</style>
<style>
/* Popup styles */
.popup {
display: none; /* Hide the popup by default */
position: fixed; /* Fixed position */
z-index: 9999; /* Set the z-index to ensure it's above other elements */
left: 50%; /* Center the popup horizontally */
top: 50%; /* Center the popup vertically */
transform: translate(-50%, -50%); /* Center the popup */
background-color: #fff;
border: 1px solid #ccc;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/* Close button styles */
.popup .close {
position: absolute;
top: 5px;
right: 10px;
cursor: pointer;
}
/* Text styles */
.popup p {
margin: 0;
}
</style>
</head>
<body>
<section class="wrapper">
<header class="headerMain"> <div class="container">
<div class="wrapIn">
<button class="menuBtn">
<span></span>
<span></span>
<span></span>
<span></span>
</button>
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com" rel="noopener" target="_blank"><span class="blue-text"></span></a> </div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
{
"symbols": [
{
"description": "",
"proName": "COINBASE:BTCUSD"
},
{
"description": "",
"proName": "COINBASE:ETHUSD"
},
{
"description": "",
"proName": "BITFINEX:DOGEUSD"
},
{
"description": "",
"proName": "BINANCE:TRXUSDT"
},
{
"description": "",
"proName": "BINANCEUS:SOLUSD"
},
{
"description": "",
"proName": "BITFINEX:ADAUSD"
},
{
"description": "",
"proName": "BINANCE:RAYUSDT"
},
{
"description": "",
"proName": "BINANCE:YFIUSDT"
},
{
"description": "",
"proName": "BYBIT:BNBUSDT"
}
],
"showSymbolLogo": true,
"colorTheme": "dark",
"isTransparent": true,
"displayMode": "adaptive",
"locale": "en"
}
</script>
</div>
<!-- TradingView Widget END -->
<div class="lineTop">
<div class="logo invsiLink">
<a href="index.php?a=home"></a>
<img src="img/logo.png" alt="">
<div class="text">
<span class="txt">quick-wittedtraded</span>
</div>
</div>
<div class="infoLine">
<div class="top">
<div class="socialBl">
<ul>
<li><a href="#"><span class="iconBl icon-telegram"></span></a></li>
<li><a href="#"><span class="iconBl icon-Whatsapp"></span></a></li>
</ul>
</div>
<div class="linksBlock">
<ul>
<li>
<span class="tit">E-mail: </span>
<a href="mailto:support@quickwittedtraded.org" class="mail">support@quickwittedtraded.org</a>
</li>
</ul>
</div>
<div class="logBlock">
<?php
// Check if the user is logged in
if (isset($_SESSION['userid'])) {
// User is logged in, display logout link
echo '<a href="dashboard.php" class="reg">Account</a>';
echo '<a href="logout.php" class="log">Logout</a>';
} else {
// User is not logged in, display sign up and login links
echo '<a href="signin.php?a=signup" class="reg">Sign up</a>';
echo '<a href="login.php?a=login" class="log">Login</a>';
}
?>
</div>
</div>
<div class="menu">
<ul>
<li><a href="index.php?a=home">Home</a></li>
<li><a href="about.php?a=cust&page=about">About us</a></li>
<li><a href="faq.php?a=faq">Faq</a></li>
<li><a href="rules.php?a=rules">Rules</a></li>
<!-- <li><a href="index-7.htm?a=swap">Swap Coins</a></li> -->
<li><a href="contact_us.php?a=support">Contact us</a></li>
</ul>
</div>
</div>
</div>
<div class="greetingsMain">
<h1 class="cap wow slideInLeft"><span class="colorGreen">The future of </span> money <br/> <span class="colorGreen">is digital currency.</span></h1>
<span class="txt wow slideInLeft"></span>
<?php
// Check if the user is logged in
if (!isset($_SESSION['userid'])) {
// User is not logged in, display the "Create Account" link
echo '<a href="signin.php?a=signup" class="btn btnGreen wow slideInUp">Create Account</a>';
} else {
// User is logged in, hide the "Affiliate Marketing" button
echo '<a href="ecommerce.php?a=signup" class="btn btnGreen wow slideInUp" style="display: none;">Affiliate Marketing</a>';
}
?>
<div class="listCurCircle wow slideInUp">
</div>
<div class="item riple">
<div class="picture" style="background-image: url(img/listcur1.png);"></div>
<span class="circle"></span>
<span class="val"><span class="small"></span></span>
<span class="pr"></span>
</div>
<div class="item eth">
<div class="picture" style="background-image: url(img/listcur2.png);"></div>
<span class="circle"></span>
<span class="val"><span class="small"></span></span>
<span class="pr"></span>
</div>
<div class="item dash">
<div class="picture" style="background-image: url(img/listcur3.png);"></div>
<span class="circle"></span>
<span class="val"><span class="small"></span></span>
<span class="pr"></span>
</div>
<div class="item ltc">
<div class="picture" style="background-image: url(img/listcur4.png);"></div>
<span class="circle"></span>
<span class="val"><span class="small"></span></span>
<span class="pr"></span>
</div>
<div class="item btc">
<div class="picture" style="background-image: url(img/listcur5.png);"></div>
<span class="circle"></span>
<span class="val"><span class="small"></span></span>
<span class="pr"></span>
</div>
</div>
</div>
<div class="acceptBlock wow slideInUp">
<span class="title">We accept:</span>
<div class="list">
<div class="item" style="background-image: url(img/pic_accept1.png);"></div>
<div class="item" style="background-image: url(img/pic_accept2.png);"></div>
<div class="item" style="background-image: url(img/pic_accept3.png);"></div>
<div class="item" style="background-image: url(img/pic_accept4.png);"></div>
<div class="item" style="background-image: url(img/pic_accept5.png);"></div>
<div class="item" style="background-image: url(img/pic_accept6.png);"></div>
<div class="item" style="background-image: url(img/pic_accept7.png);"></div>
</div>
</div>
</div>
</div>
<canvas class='canvas'></canvas> </header>
<div class="calcInvestBl">
<div class="container">
<div class="wrapIn">
<div class="calc">
<div class="left wow slideInLeft">
<h2 class="capTitle">Investment plans</h2>
<div class="textBlock">
<p>We have tried to consider all relevant proposals of our clients and are pleased to introduce our excellent investment plans. As you can see, we offer 10 investment plans. We hope that all investors will find in our plans their favorite investment strategy and will be truly satisfied. You can calculate the total profit using the investment calculator which is located below.</p>
</div>
<?php
// Fetch the first plan's title, minimum amount, and ROI from the plans table
$query = "SELECT plan_title, minimum, roi FROM plans LIMIT 1";
$result = $conn->query($query);
$first_plan = $result->fetch_assoc();
?>
<form id="deposit_form" action="confirmation_page.php" method="post" class="calcTotal">
<div class="inputLine">
<label for="plan_title">Plan Title:</label>
<input type="text" name="plan_title" id="plan_title" class="enterNum" value="<?php echo htmlspecialchars($first_plan['plan_title']); ?>" readonly>
</div>
<div class="inputLine">
<label for="calc_amount">Amount:</label>
<input type="text" name="amount" id="calc_amount" class="enterNum" value="<?php echo htmlspecialchars($first_plan['minimum']); ?>" readonly>
<span class="cur">$</span>
</div>
<div class="lineSumma">
<span class="tit">Total profit:</span>
<span class="value">
<span class="sum" data-sum="00.00" id="profit_total"></span>
<span class="cur">$</span>
</span>
</div>
<div class="btnLine">
<div class="info">
<span class="tit">Total percent:</span>
<span class="pr" id="percent_total"><?php echo $first_plan['roi']; ?>%</span>
</div>
<button type="submit" id="make_deposit_btn" class="btn btnGreen">Make deposit</button>
</div>
<!-- Display error message here -->
<div id="error_message" style="color: red; margin-top: 5px;"></div>
<input type="submit" style="display: none;" id="calc_btn">
</form>
<script>
// JavaScript to handle plan selection
document.addEventListener('DOMContentLoaded', function() {
const planInputs = document.querySelectorAll('.checkPlan');
let totalRoi = 0;
planInputs.forEach(function(input) {
input.addEventListener('click', function() {
const planTitle = this.getAttribute('data-name');
const minimumAmount = parseFloat(this.getAttribute('data-min'));
const roi = parseFloat(this.getAttribute('data-perc'));
// Calculate the profit based on minimum amount and ROI
const profit = minimumAmount * roi;
// Format profit and minimumAmount to include commas for thousands separators and round to two decimal places
const formattedProfit = profit.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
const formattedMinimumAmount = minimumAmount.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
// Update input fields with selected plan data
document.getElementById('calc_amount').value = formattedMinimumAmount;
document.getElementById('plan_title').value = planTitle;
// Update total ROI
totalRoi = roi;
// Display the formatted profit and total ROI
document.getElementById('profit_total').textContent = formattedProfit;
document.getElementById('percent_total').textContent = totalRoi.toFixed(2) + "%";
});
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const userBalance = <?php echo $user_balance; ?>;
const minimumAmount = <?php echo $first_plan['minimum']; ?>;
const makeDepositBtn = document.getElementById('make_deposit_btn');
const errorMessage = document.getElementById('error_message');
makeDepositBtn.addEventListener('click', function() {
if (userBalance < minimumAmount) {
errorMessage.textContent = 'Insufficient balance';
return false; // Prevent form submission
} else {
errorMessage.textContent = ''; // Clear error message if balance is sufficient
// Proceed with form submission
document.getElementById('deposit_form').submit();
}
});
});
</script>
</div>
<div class="right wow slideInRight">
<div class="depBlock">
<div class="selectBlock">
<div class="list">
<?php
// Fetch all investment plans from the database
$query = "SELECT plan_title, minimum, maximum, roi FROM plans";
$result = $conn->query($query);
while ($row = $result->fetch_assoc()) {
// Output each investment plan as a button with data attributes for additional information
echo '<div class="item">';
echo '<input type="radio" class="checkBtn checkPlan" name="h_id" id="plan_' . htmlspecialchars($row['plan_title']) . '" value="' . htmlspecialchars($row['plan_title']) . '" data-days="1" data-perc="' . htmlspecialchars($row['roi']) . '" data-min="' . htmlspecialchars($row['minimum']) . '" data-max="' . htmlspecialchars($row['maximum']) . '" data-period="" data-name="' . htmlspecialchars($row['plan_title']) . '">';
echo '<label for="plan_' . htmlspecialchars($row['plan_title']) . '" data-name="' . htmlspecialchars($row['plan_title']) . '" data-pr="' . htmlspecialchars($row['roi']) . '%" data-day="24 hours" data-min="' . htmlspecialchars($row['minimum']) . '$" data-max="' . htmlspecialchars($row['maximum']) . '$"></label>';
echo '<div class="value">';
// Wrap plan_title in h3 tag with a break after the first word
$plan_title_words = explode(' ', htmlspecialchars($row['plan_title']), 2);
echo '<h3>' . $plan_title_words[0] . '<br>' . $plan_title_words[1] . '</h3>';
echo '</div>';
// Calculate the total profit for the current plan
$total_profit = number_format(($row['minimum']), 2); // As per your requirement, total profit is just the minimum investment
// Display the total profit with background styling
echo '<div class="total-profit" style="display: none;"><span class="cur" style="background: url(\'background-image-url\') repeat;">' . $total_profit . '</span></div>';
echo '</div>';
}
?>
</div>
</div>
<script>
document.querySelectorAll('.checkBtn').forEach(item => {
item.addEventListener('click', event => {
document.querySelectorAll('.item').forEach(item => {
item.classList.remove('selected');
});
item.closest('.item').classList.add('selected');
});
});
</script>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="aboutMainBl">
<div class="aboutBlock">
<div class="container">
<div class="wraIn">
<div class="videoBl wow slideInLeft">
<div class="picture" style="background-image: url(img/bgvideo.png);"></div>
<div>
<!-- <script> document.getElementById('myvideo').play(); </script> -->
</div>
</div>
<div class="text wow slideInRight">
<!-- Popup containers -->
<div id="popup1" class="popup">
<span class="close" onclick="closePopup(1)">×</span>
<p>Someone from South Korea just made a withdrawal of $45000.</p>
</div>
<div id="popup2" class="popup" style="display: none;">
<span class="close" onclick="closePopup(2)">×</span>
<p>Someone from Israel just made a withdrawal of $12500.</p>
</div>
<div id="popup3" class="popup" style="display: none;">
<span class="close" onclick="closePopup(3)">×</span>
<p>Someone from Netherlands just made a withdrawal of $3500.</p>
</div>
<div id="popup4" class="popup" style="display: none;">
<span class="close" onclick="closePopup(4)">×</span>
<p>Someone from Australia just made a withdrawal of $35000.</p>
</div>
<div id="popup5" class="popup" style="display: none;">
<span class="close" onclick="closePopup(5)">×</span>
<p>Someone from France just made a withdrawal of $7000.</p>
</div>
<h2 class="capTitle">About us</h2>
<div class="textBlock">
<b>The quick-wittedtraded Company is engaged in professional trading on the Cryptocurrency exchanges and Bitcoin Futures market.</b>
<p>Bitcoin trading and its derivatives as well as Altcoins trading, have now a very important segment of our activity, but beyond that, our activities also include investments in Blockchain projects (IEOs). The essence of our business is selecting the most profitable areas of activity. We invite everyone who is interested in the possibility of obtaining passive income from investing free funds in a profitable business to mutually beneficial cooperation.</p>
</div>
<span class="textBot">The legality of the company's activities is confirmed by publicly available legal certificate.</span>
</div>
<div class="lineCertificate wow slideInUp">
<div class="list">
<div class="item">
<span class="iconBl icon-placeholder-44"></span>
<a href="#" style="text-decoration: none; color: inherit; display:"><i class="fa fa-map-marker-alt me-3"></i> quick-wittedtraded.org</a>
</div>
<div class="item">
<span class="iconBl icon-customer-service-3"></span>
<ul>
<li>
<span class="tit">E-mail:</span>
<a href="mailto:quickwittedtradedorg@gmail.com" class="mail">quickwittedtradedorg@gmail.com</a>
</li>
</ul>
</div>
<div class="item">
<span class="iconBl icon-diploma-3"></span>
<span class="tit">Registration Number:</span>
<span class="num">12781106</span>
</div>
</div>
<a href="https://beta.companieshouse.gov.uk/12781106" target="_blank" class="btn btnYellow">Check certificate</a>
</div>
</div>
</div>
<svg class="waves" viewBox="0 0 1367 850">
<path fill="#f8f8fa" d="M1366.999,0.001 L-0.001,0.001 C-0.001,0.001 -0.001,587.159 -0.001,594.456 C1.621,595.267 565.542,861.264 682.999,610.448 C800.456,359.632 1365.075,593.494 1366.999,594.456 C1366.999,565.176 1366.999,0.001 1366.999,0.001" />
<path fill="#ceced1" d="M1366.999,0.001 L-0.001,0.001 C-0.001,0.001 -0.001,591.277 -0.001,594.563 C658.674,898.818 775.774,762.087 682.999,610.557 C591.523,461.147 711.735,315.239 1366.999,594.563 C1366.999,583.562 1366.999,0.001 1366.999,0.001" />
<path fill="#f8f8fa" d="M1366.999,0.000 L-0.001,0.000 C-0.001,0.000 -0.001,569.270 -0.001,594.270 C2.354,596.349 516.000,1079.256 683.000,610.256 C850.000,141.256 1366.302,593.573 1366.999,594.270 C1366.999,585.908 1366.999,0.000 1366.999,0.000" />
</svg>
</div>
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com" rel="noopener" target="_blank"><span class="blue-text"></span></a> </div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-timeline.js" async>
{
"colorTheme": "dark",
"isTransparent": false,
"displayMode": "compact",
"width": "100%",
"height": 430,
"locale": "en"
}
</script>
</div>
<!-- TradingView Widget END -->
<div class="whyBlock">
<div class="container">
<div class="wrapIn">
<div class="left wow slideInLeft">
<h2 class="capTitle">Why choose us</h2>
<div class="list">
<div class="item">
<span class="iconBl fonicon1 icon-shield-20"></span>
<span class="tit">Data security</span>
<span class="txt">We are using the strongest DDoS protection in the industry with 100% up-time guarantee. Transfer information from and to our website is realized and ciphered by SSL Encryption.</span>
</div>
<div class="item">
<span class="iconBl fonicon2 icon-pc"></span>
<span class="tit">User-friendly interface</span>
<span class="txt">We provide our clients with a user-friendly interface with clear options and workflow. Any interested individual from any corner of the globe can participate in our investment program.</span>
</div>
<div class="item">
<span class="iconBl fonicon3 icon-wallet-31"></span>
<span class="tit">Stable income</span>
<span class="txt">Our specialists have developed the optimal investment plans and financial strategies, which provide partners with a stable income from deposits.</span>
</div>
</div>
</div>
<div class="right wow slideInRight">
<div class="prBlockTxt">
<div class="prBl">
<span class="tit">Affiliate program</span>
<span class="pr">5%</span>
</div>
<p>We invite you to take part in our affiliate program, which will make it possible for you to make money promoting our program. As part of our affiliate program, you will get guaranteed reward of 5% of deposits made by people invited by you.</p>
</div>
<div class="picture" style="background-image: url(img/pic_whyblock.png);"></div>
</div>
</div>
</div>
</div>
</div>
<div class="stateBlock">
<div class="container">
<div class="wrapIn">
<div class="lineMiniState wow slideInUp">
<div class="item">
<span class="iconBl" style="background-image: url(img/icstatemin3.png);"></span>
<ul>
<li>
<span class="tit">Total accounts:</span>
<span class="val">2150368</span>
</li>
</ul>
</div>
<div class="item">
<span class="iconBl" style="background-image: url(img/icstatemin2.png);"></span>
<ul>
<li>
<span class="tit">Visitors online:</span>
<span class="val">121</span>
</li>
</ul>
</div>
<div class="item">
<span class="iconBl" style="background-image: url(img/icstatemin1.png);"></span>
<ul>
<li>
<span class="tit">Total deposit:</span>
<span class="val">5450.00<span class="cur">$</span></span>
</li>
</ul>
</div>
<div class="item">
<span class="iconBl" style="background-image: url(img/icstatemin5.png);"></span>
<ul>
<li>
<span class="tit">Total withdraw:</span>
<span class="val">5,000,000+<span class="cur">$</span></span>
</li>
</ul>
</div>
<div class="item">
<span class="iconBl" style="background-image: url(img/icstatemin4.png);"></span>
<ul>
<li>
<span class="tit">Running days:</span>
<span class="val">5959</span>
</li>
</ul>
</div>
</div>
<div class="lineTableState">
<!---<div class="col colorGreen wow slideInLeft">
<a href="?a=members_stats" class="btn btnGreen" style="display: block; text-align: center; padding: 10px 0;">Members stats</a>
<br/><br/>
<h2 class="capTitle">Top investors</h2>
<div class="list">
</div>
</div>--->
<style>
.profile-container {
display: flex;
align-items: center;
}
.profile-icon {
width: 50px; /* Adjust icon size as needed */
height: 50px;
margin-right: 10px; /* Adjust spacing between icon and text */
}
.name-title {
display: flex;
flex-direction: column;
}
</style>
<?php
// Fetch all testimonials from the database
$testimonialsResult = $conn->query("SELECT * FROM testimonials");
if ($testimonialsResult->num_rows > 0) {
$count = 0; // Initialize count for testimonials
// Loop through each testimonial
while ($row = $testimonialsResult->fetch_assoc()) {
// Start a new row for every third testimonial
if ($count % 3 == 0) {
echo '<div class="row">';
}
// Echo testimonial in a column
echo '<div class="testimonial-col">';
echo '<div class="testimonial-card">';
echo '<div class="testimonial-body">';
echo '<p class="testimonial-country" style="margin-bottom: 20px;">' . $row['country'] . '</p>';
echo '<p class="testimonial-text">' . $row['testimonial'] . '</p>';
// Container for profile icon, name, and title
echo '<div class="profile-container">';
echo '<i class="fas fa-user profile-icon" style="margin-top: 20px;"></i>';
echo '<div class="name-title">';
echo '<h5 class="testimonial-title">' . $row['name'] . '</h5>';
echo '<h6 class="testimonial-subtitle">' . $row['title'] . '</h6>';
echo '</div>'; // Close name-title div
echo '</div>'; // Close profile-container div
echo '</div>'; // Close testimonial-body div
echo '</div>'; // Close testimonial-card div
echo '</div>'; // Close testimonial-col div
$count++; // Increment count for testimonials
// End row for every third testimonial or if it's the last testimonial
if ($count % 3 == 0 || $count == $testimonialsResult->num_rows) {
echo '</div>';
}
}
} else {
// If there are no testimonials found
echo "<p>No testimonials found.</p>";
}
?>
</div>
</div>
</div>
</div>
<style>
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
.columns {
float: left;
width: 33.3%;
margin-bottom: 16px;
padding: 0 8px;
}
@media screen and (max-width: 650px) {
.columns {
width: 100%;
display: block;
}
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.containers {
padding: 0 16px;
}
.containers::after, .row::after {
content: "";
clear: both;
display: table;
}
.titles {
color: grey;
}
.buttons {
border: none;
outline: 0;
display: inline-block;
padding: 8px;
color: white;
background-color: #000;
text-align: center;
cursor: pointer;
width: 100%;
}
.buttons:hover {
background-color: #555;
}
</style>
<h1 style ="text-align:center">
Our Top Administrators
</h1><br><br>
<div class="container">
<div class="row">
<div class="center-container">
<div class="container1">
<div class="columns">
<div class="card">
<img src="img/WhatsApp Image 2024-07-11 at 23.14.48.jpeg" alt="Jane">
<div class="containers">
<h2>Evelyn Wilson</h2>
<p class="titles">smarttraded Account manager</p>
<p>contact me on telegram</p>
<a href="https://t.me/Quickwitted1225" target="_blank"><button class="buttons">Telegram</button></a>
</div>
</div>
</div>
<div class="columns">
<div class="card">
<img src="img/smart3.jpeg" alt="Mike">
<div class="containers">
<h2>Mark Daniel</h2>
<p class="titles">Profit withdrawal manager</p>
<p>contact me on telegram</p>
<a href="http://t.me/MarkDaniel2523" target="_blank"><button class="buttons">Telegram</button></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br><br>
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/markets/cryptocurrencies/prices-all/" rel="noopener" target="_blank"><span class="blue-text">Cryptocurrency Markets</span></a> </div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-screener.js" async>
{
"width": "100%",
"height": "790",
"defaultColumn": "overview",
"screener_type": "crypto_mkt",
"displayCurrency": "USD",
"colorTheme": "light",
"locale": "en",
"isTransparent": true
}
</script>
</div>
<!-- TradingView Widget END -->
<!-- Additional script for the popups -->
<script>
// Function to show the popups sequentially
window.onload = function() {
setTimeout(function() {
openPopup(1);
}, 1000); // Show the first popup after 1 second
};
function openPopup(popupNumber) {
var popupId = 'popup' + popupNumber;
document.getElementById(popupId).style.display = 'block';
// Show the next popup after closing the current one
var nextPopupNumber = popupNumber + 1;
setTimeout(function() {
if (nextPopupNumber <= 5) {
openPopup(nextPopupNumber);
}
}, 5000); // Show the next popup after 5 seconds
}
// Function to close the popup
function closePopup(popupNumber) {
var popupId = 'popup' + popupNumber;
document.getElementById(popupId).style.display = 'none';
}
</script>
<footer>
<div class="container">
<div class="wrapIn wow slideInUp">
<div class="logo invsiLink">
<a href="index.php?a=home"></a>
<img src="img/logo.png" alt="">
<div class="text">
<span class="txt">quick-wittedtraded</span>
</div>
</div>
<div class="left">
<div class="lineCertificate">
<div class="list">
<div class="item">
<span class="iconBl icon-placeholder-44"></span>
<span class="txt"></span>
</div>
<div class="item">
<span class="iconBl icon-customer-service-3"></span>
<ul>
<li>
<span class="tit">E-mail:</span>
<a href="mailto:quickwittedtradedorg@gmail.com" class="mail">quickwittedtradedorg@gmail.com</a>
</li>
</ul>
</div>
</div>
</div>
<div class="copy"><p>© 2013 - <script> document.write(new Date().getFullYear())</script> Copyright <a href="#" class="light text-decoration-none">Smarttraded</a>. All rights reserved </p></div>
</div>
<div class="right">
<div class="socialBl">
<ul>
<li><a href="#"><span class="iconBl icon-telegram"></span></a></li>
<li><a href="#"><span class="iconBl icon-facebook"></span></a></li>
</ul>
</div>
<div class="menu">
<ul>
<li><a href="index.php?a=home" class="active">Home</a></li>
<li><a href="about.php?a=cust&page=about">About us</a></li>
<li><a href="faq.php?a=faq">Faq</a></li>
<li><a href="rules.php?a=rules">Rules</a></li>
<!-- <li><a href="?a=cust&page=rate_us">Rate us</a></li> -->
<!-- <li><a href="?a=cust&page=banners">Banners</a></li> -->
<li><a href="contact_us.php?a=support">Contact us</a></li>
</ul>
</div>
<div class="acceptBlock">
<div class="list">
<div class="item" style="background-image: url(img/pic_accept1.png);"></div>
<div class="item" style="background-image: url(img/pic_accept2.png);"></div>
<div class="item" style="background-image: url(img/pic_accept3.png);"></div>
<div class="item" style="background-image: url(img/pic_accept4.png);"></div>
<div class="item" style="background-image: url(img/pic_accept5.png);"></div>
<div class="item" style="background-image: url(img/pic_accept6.png);"></div>
<div class="item" style="background-image: url(img/pic_accept7.png);"></div>
</div>
</div>
</div>
</div>
</div>
<div id="google_translate_element"></div>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- Add this script tag at the end of your HTML document, before the closing </body> tag -->
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');
}
</script>
<canvas class='canvas'></canvas>
</footer>
</script>
</body>
</html>
Back to Directory
File Manager
<