<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Trade Altcoins like Dogecoin Ripple XLM with high profit ">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<title>BccL BOT - Automated Trading Crypto Robot High Profit</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="styles.css">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X65Y30D3X6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-X65Y30D3X6');
</script>
</head>
<body>
<nav class="navbar">
<div class="logo">
<a href="index.php" style="color: #FFFFFF; text-decoration: none; cursor: pointer;">
<img src="images/logo.png" alt="Aller sur BCCL Bot" class="logo-icon" style="cursor:pointer;">BccL BOT
</a>
</div>
<button class="hamburger" onclick="toggleMobileMenu()">
<i class="fas fa-bars"></i>
</button>
<nav id="main-nav" class="nav-links">
<a href="#home"><i class="fas fa-home"></i> Home</a>
<a href="#performance"><i class="fas fa-chart-line"></i> Performance</a>
<a href="#why"><i class="fas fa-question-circle"></i> Why BccL</a>
<a href="#pricing"><i class="fas fa-wallet"></i> Credits</a>
<a onclick="openModal('loginModal')"><i class="fas fa-sign-in-alt"></i> Login</a>
<a onclick="openModal('signupModal')"><i class="fas fa-user-plus"></i> Sign Up</a>
<div class="mobile-language">
</div>
</nav>
<div class="language-selector">
</div>
</nav>
<!-- Login Modal -->
<div id="loginModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal('loginModal')">×</span>
<h2><i class="fas fa-sign-in-alt"></i> Login</h2>
<form action="index.php?action=login" method="POST">
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" name="email" placeholder="Enter your email" required>
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="Enter your password" required>
</div>
<button type="submit" class="btn">Log In</button>
</form>
<p style="text-align: center; margin-top: 1rem;" >
<a style="color: #1E3A8A; text-decoration: none; cursor: pointer;" onclick="openModal('ForgotPassModal')">Forgot password?</a>
</p>
<p style="text-align: center;">No account? <a onclick="openModal('signupModal'); closeModal('loginModal')" style="color: #10B981; text-decoration: none; cursor: pointer;">Sign Up</a></p>
</div>
</div>
<!-- Signup Modal -->
<div id="signupModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal('signupModal')">×</span>
<h2><i class="fas fa-user-plus"></i> Create Account</h2>
<form action="index.php?action=signup" method="POST">
<div class="form-group">
<label for="name">Name</label>
<input type="text" id="nickname" name="nickname" placeholder="Enter your name" required>
</div>
<div class="form-group">
<label for="signup-email">Email</label>
<input type="email" id="signupemail" name="signupemail" placeholder="Enter your email" required>
</div>
<div class="form-group">
<label for="signup-password">Password</label>
<input type="password" id="signuppassword" name="signuppassword" placeholder="Choose a password" required>
</div>
<div class="form-group">
<label for="confirm-password">Confirm Password</label>
<input type="password" id="confirmpassword" name="confirmpassword" placeholder="Confirm your password" required>
</div>
<div class="form-group">
<label for="Label">Verification</label>
<input type="text" id="verif1" name="verif1" placeholder="What is 11 multiplied by 3 ?" required>
<input type="text" id="verif2" name="verif2" placeholder="What is 11 multiplied by 3 ?" style="display:none;">
</div>
<div class="form-group">
<label style="display: flex; align-items: center; ">
<input type="checkbox" id="warnings-agreement" name="warnings-agreement" required style="width: 20px; height: 20px; margin-left: 4px;">
I have read and accept the <a style="color: #10B981; text-decoration: none; cursor: pointer;" href="terms.php" target="_blank"> terms of use.</a>
</label>
</div>
<button type="submit" class="btn">Sign Up</button>
</form>
<p style="text-align: center; margin-top: 1rem;">Already have an account? <a onclick="openModal('loginModal'); closeModal('signupModal')" style="color: #10B981; text-decoration: none; cursor: pointer;">Log In</a></p>
</div>
</div>
<!-- New Password Modal -->
<div id="newPassModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal('newPassModal')">×</span>
<h2><i class="fa fa-user-secret"></i> Reset Password</h2>
<form action="index.php?action=resetPasswordOK" method="POST">
<div class="form-group">
<label for="signup-email">Email</label>
<input type="email" id="signupemail" name="signupemail" placeholder="Enter your email" required>
</div>
<div class="form-group">
<label for="signup-password">Password</label>
<input type="password" id="signuppassword" name="signuppassword" placeholder="Choose a password" required>
</div>
<div class="form-group">
<label for="confirm-password">Confirm Password</label>
<input type="password" id="confirmpassword" name="confirmpassword" placeholder="Confirm your password" required>
</div>
<div class="form-group">
<label for="Label">Verification</label>
<input type="text" id="verif1" name="verif1" placeholder="What is 7 multiplied by 5 ?" required>
<input type="text" id="verif2" name="verif2" placeholder="What is 11 multiplied by 3 ?" style="display:none;">
<input type="text" id="verifKey" name="verifKey" value="" style="display:none;">
<input type="text" id="verifId" name="verifId" value="" style="display:none;">
</div>
<button type="submit" class="btn">Set New Password</button>
</form>
</div>
</div>
<!-- ForgotPassModal -->
<div id="ForgotPassModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal('ForgotPassModal')">×</span>
<h2><i class="fa fa-user-secret"></i> Forgot Password</h2>
<form action="index.php?action=forgot" method="POST">
<div class="form-group">
<label for="signup-email">Email</label>
<input type="email" id="signupemail" name="signupemail" placeholder="Enter your email" required>
</div>
<div class="form-group">
<label for="Label">Verification</label>
<input type="text" id="verif1" name="verif1" placeholder="What is 6 multiplied by 8 ?" required>
<input type="text" id="verif2" name="verif2" placeholder="What is 11 multiplied by 3 ?" style="display:none;">
</div>
<button type="submit" class="btn">Reset Password</button>
</form>
</div>
</div>
<div id="signupSuccessModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal('signupSuccessModal')">×</span>
<h2><i class="fas fa-check-circle" style="color: #10B981;"></i> Congratulations!</h2>
<p style="text-align: center; font-size: 1.1em;">Account correctly created.</p>
<p style="text-align: center; font-size: 1.1em;">Check your email to activate your account.</p>
<div style="text-align: center; margin-top: 1rem;">
<button class="btn" onclick="closeModal('signupSuccessModal')">OK</button>
</div>
</div>
</div>
<div id="signupErrorModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal('signupErrorModal')">×</span>
<h2><i class="fa fa-bug" style="color: #10B981;"></i> Error!</h2>
<p style="text-align: center; font-size: 1.1em;">This email already exist.</p>
<div style="text-align: center; margin-top: 1rem;">
<button class="btn" onclick="closeModal('signupErrorModal')">OK</button>
</div>
</div>
</div>
<div id="signupSpotModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal('signupSpotModal')">×</span>
<h2><i class="fa fa-comment" style="color: #10B981;"></i> Spot unavailable</h2>
<p style="text-align: center; font-size: 1.1em;">Sorry! Please check back in a few days.<br><a href="mailto:info@bcclbot.com">info@bcclbot.com</a></p>
<div style="text-align: center; margin-top: 1rem;">
<button class="btn" onclick="closeModal('signupSpotModal')">OK</button>
</div>
</div>
</div>
<section id="home" class="hero">
<div class="container">
<h1>BccL BOT: Your Trading Partner</h1><div class="clickable-images"> <a href="https://www.binance.com/referral/earn-together/refer2earn-usdc/claim?hl=en&ref=GRO_28502_RO8Y0&utm_source=default" target="_blank"><img src="images/button_binance.png" alt="Binance" class="clickable-img"></a> <a href="https://promote.mexc.co/r/gTQVzX9T" target="_blank"><img src="images/button_mexc.png" alt="Mexc" class="clickable-img"></a> <a href="https://www.binance.us" target="_blank"><img src="images/button_binance-us.png" alt="Binance US" class="clickable-img"></a></div>
<p>Automate your trades with our advanced bot.
<br>Limited to 100 users , 74 spots left!
</p>
<a onclick="openModal('signupModal')" class="btn">Start for Free</a>
</div>
</section>
<div class="container">
<section id="why" class="section">
<h2><i class="fas fa-rocket"></i> Why BccL BOT?</h2>
<p style="text-align: center; max-width: 800px; margin: 0 auto 2rem;">BccL BOT is designed to offer Good Performance , Security and Ease of Use</p>
<!-- MODIFIÉ : stats-grid avec flip cards -->
<div class="stats-grid">
<!-- Carte 1 : Powerful Algorithms -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<i class="fas fa-brain"></i>
<h3>Powerful Algorithms</h3>
<p>Real-time analysis for optimized trades</p>
</div>
<div class="flip-card-back">
<i class="fas fa-brain"></i>
<h3>Decision in 1 second</h3>
<p>Limits losses<br>Optimizes gains</p>
</div>
</div>
</div>
<!-- Carte 2 : Maximum Security -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<i class="fas fa-shield-alt"></i>
<h3>Maximum Security</h3>
<p>Your cryptos stay on your favorite exchange</p>
</div>
<div class="flip-card-back">
<i class="fas fa-shield-alt"></i>
<h3>Only spot trading</h3>
<p>No liquidation risk<br>Balanced portfolio</p>
</div>
</div>
</div>
<!-- Carte 3 : 24/7 Trading -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<i class="fas fa-clock"></i>
<h3>24/7 Trading</h3>
<p>Full automation, even while you sleep</p>
</div>
<div class="flip-card-back">
<i class="fas fa-clock"></i>
<h3>Never tire</h3>
<p>Captures micro-opportunitie<br>No fear and greed</p>
</div>
</div>
</div>
</div>
</section>
<section id="performance" class="section">
<h2><i class="fas fa-trophy"></i> Past Performance for 2025 *</h2>
<div class="chart-container">
<canvas id="performanceChart"></canvas>
</div>
<div style="text-align: center;">
<a href="#pricing" class="btn">Discover the Credit System</a>
</div>
<br>
<p style="text-align: center; max-width: 800px; margin: 0 auto 0rem;">* Past performance does not guarantee future results.</p>
</section>
<section id="pricing" class="section">
<h2><i class="fas fa-wallet"></i> Credit System</h2>
<div class="credits-info">
<p>BccL BOT uses a simple and transparent credit system to activate your trades.<br>No subscription, pay only for what you use!</p>
<ul>
<li><strong>1 credit = $0.001</strong></li>
<li><strong>BUY or SELL</strong>: 1 credit per $10 trade (ex: Buy $100 Dogecoin = 10 credits)</li>
</ul>
<a onclick="openModal('signupModal')" class="btn">Get 10'000 Credits for Free</a>
</div>
</section>
<section class="section">
<h2><i class="fas fa-quote-left"></i> What Our Users Say</h2>
<div class="testimonials">
<div class="testimonial">
<p>"BccL BOT has transformed my trading strategy. Simple and effective!"</p>
<cite>- Christophe C., Trader</cite>
</div>
<div class="testimonial">
<p>"Impressive results on Dogecoin. I recommend it!"</p>
<cite>- Benjamin C., Investor</cite>
</div>
<div class="testimonial">
<p>"The best bot I've tested. Responsive support and precise analytics."</p>
<cite>- Vincent B., Beginner</cite>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="social-links">
<h3>Follow Us</h3>
<div class="social-icons">
<a href="https://x.com/ZugSoftware" target="_blank" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/company/72460973" target="_blank" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>BccL Bot provides software only. Any references to trading, exchange, transfer, or wallet services, etc. are references to services provided by third-party service providers.
<br>© 2025 BccL BOT. All rights reserved.</p>
</div>
</div>
</footer>
<script>
function openModal(modalId) {
document.getElementById(modalId).style.display = 'flex';
}
function closeModal(modalId) {
document.getElementById(modalId).style.display = 'none';
}
// Close modal when clicking outside
window.onclick = function(event) {
if (event.target.classList.contains('modal')) {
event.target.style.display = 'none';
}
}
// Mobile menu toggle
function toggleMobileMenu() {
const nav = document.getElementById('main-nav');
nav.classList.toggle('active');
}
// Optionnel : Fermer le menu au clic sur un lien
document.querySelectorAll('.nav-links a').forEach(link => {
link.addEventListener('click', () => {
const nav = document.getElementById('main-nav');
nav.classList.remove('active');
});
});
// Language change function
function changeLanguage(lang) {
if(lang=="en")
window.location.href = 'index.php';
else
window.location.href = 'index_' + lang + '.php';
}
// Initialize Chart.js
document.addEventListener('DOMContentLoaded', function() {
const ctx = document.getElementById('performanceChart').getContext('2d');
const chart = new Chart(ctx, {
type: 'line',
data: {
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct' , 'Nov'],
datasets: [{
label: 'ADA',
data: [26,22, 0, 34, 56, 55,72 , 88, 89, 75, 68],
borderColor: '#c49567',
borderWidth: 3,
fill: false,
tension: 0.4,
hidden: false
},
{
label: 'DOGE',
data: [14, 7, 9, 9, 35, 33, 64, 80, 100, 135, 125],
borderColor: '#10B981',
borderWidth: 3,
fill: false,
tension: 0.4,
hidden: false
},
{
label: 'DOT',
data: [0, 25, 35, 35, 18, 20, 25, 29, 23, 23, 17],
borderColor: '#ffad11',
borderWidth: 3,
fill: false,
tension: 0.4,
hidden: true
},
{
label: 'HBAR',
data: [29, 54, 59, 104, 112, 112, 206, 258, 278, 356, 299],
borderColor: '#3B82F6',
borderWidth: 3,
fill: false,
tension: 0.4,
hidden: true
},
{
label: 'LINK',
data: [25,35 , 34, 45, 37, 32,33 , 30, 34, 60, 58],
borderColor: '#af00ff',
borderWidth: 3,
fill: false,
tension: 0.4,
hidden: false
},
{
label: 'POL',
data: [2, -8, 2, 16, 22, 26, 40, 51, 52, 42, 72],
borderColor: '#cc4242',
borderWidth: 3,
fill: false,
tension: 0.4,
hidden: true
},
{
label: 'SOL',
data: [11, 17, 12, 14, 26, 32, 46, 53, 52, 71, 77],
borderColor: '#45ff00',
borderWidth: 3,
fill: false,
tension: 0.4,
hidden: true
},
{
label: 'SUI',
data: [6, 9, 6, 22, 26, 25, 39, 33, 35, 41, 42],
borderColor: '#dae4e4',
borderWidth: 3,
fill: false,
tension: 0.4,
hidden: true
},
{
label: 'TAO',
data: [15, 23, 51, 117, 103, 129, 196, 213, 232, 325, 284],
borderColor: '#dce434',
borderWidth: 3,
fill: false,
tension: 0.4,
hidden: true
},
{
label: 'VET',
data: [-4, -5, 13, 15, 12, 13, 55, 57, 56, 67 , 81],
borderColor: '#8888FF',
borderWidth: 3,
fill: false,
tension: 0.4,
tension: 0.4,
hidden: true
},
{
label: 'XLM',
data: [18, 19, 39, 36, 44, 46, 87, 99, 95, 136, 143],
borderColor: '#FF82F6',
borderWidth: 3,
fill: false,
tension: 0.4,
hidden: true
},
{
label: 'XRP',
data: [21, 28, 43, 45, 67, 91, 125, 160, 173, 141, 121],
borderColor: '#34d7e4',
borderWidth: 3,
fill: false,
tension: 0.4,
hidden: true
}
]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
beginAtZero: true,
grid: {
color: 'rgba(16, 185, 129, 0.1)'
},
ticks: {
// Affiche le symbole % sur l’axe Y
callback: function(value) {
return value + '%';
}
},
title: {
display: true,
text: 'Performance (%)', // Titre de l’axe Y
color: '#FFFFFF'
}
},
x: {
grid: {
color: 'rgba(16, 185, 129, 0.1)'
}
}
},
plugins: {
legend: {
display: true,
position: 'top'
},
tooltip: {
backgroundColor: 'rgba(30, 58, 138, 0.8)',
titleColor: '#FFFFFF',
bodyColor: '#FFFFFF',
callbacks: {
// Affiche le symbole % dans les tooltips
label: function(context) {
let label = context.dataset.label || '';
if (label) {
label += ': ';
}
if (context.parsed.y !== null) {
label += context.parsed.y + '%';
}
return label;
}
}
}
}
}
});
// Check for signup success and open modal
});
</script>
</body>
</html>
