98 lines
7.7 KiB
PHP
98 lines
7.7 KiB
PHP
<footer style="margin-top: 100px; background: #0b0e11; border-top: 1px solid var(--border-color); padding: 80px 5% 40px;">
|
|
<div style="max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px;">
|
|
<div class="col">
|
|
<div class="logo-text" style="margin-bottom: 1.5rem;"><div class="logo-box">O</div>EXCHANGE</div>
|
|
<p style="color: var(--text-muted); font-size: 14px; line-height: 1.6; margin-bottom: 1.5rem;"><?php echo __('footer_desc'); ?></p>
|
|
<div style="display: flex; gap: 1.2rem; font-size: 1.2rem;">
|
|
<a href="#" style="color: var(--text-muted); transition: color 0.3s;" onmouseover="this.style.color='#1DA1F2'" onmouseout="this.style.color='var(--text-muted)'"><i class="fab fa-twitter"></i></a>
|
|
<a href="#" style="color: var(--text-muted); transition: color 0.3s;" onmouseover="this.style.color='#0088cc'" onmouseout="this.style.color='var(--text-muted)'"><i class="fab fa-telegram"></i></a>
|
|
<a href="#" style="color: var(--text-muted); transition: color 0.3s;" onmouseover="this.style.color='#4267B2'" onmouseout="this.style.color='var(--text-muted)'"><i class="fab fa-facebook"></i></a>
|
|
<a href="#" style="color: var(--text-muted); transition: color 0.3s;" onmouseover="this.style.color='#7289da'" onmouseout="this.style.color='var(--text-muted)'"><i class="fab fa-discord"></i></a>
|
|
<a href="#" style="color: var(--text-muted); transition: color 0.3s;" onmouseover="this.style.color='#E1306C'" onmouseout="this.style.color='var(--text-muted)'"><i class="fab fa-instagram"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<h4 style="font-size: 18px; margin-bottom: 25px; color: white;"><?php echo __('about'); ?></h4>
|
|
<div style="display: flex; flex-direction: column; gap: 12px;">
|
|
<a href="about.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-info-circle" style="width: 16px; color: #4facfe;"></i> <?php echo __('about_us'); ?>
|
|
</a>
|
|
<a href="careers.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-briefcase" style="width: 16px; color: #00f2fe;"></i> <?php echo __('careers'); ?>
|
|
</a>
|
|
<a href="news.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-newspaper" style="width: 16px; color: #4facfe;"></i> <?php echo __('news'); ?>
|
|
</a>
|
|
<a href="privacy.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-user-shield" style="width: 16px; color: #00f2fe;"></i> <?php echo __('legal_privacy'); ?>
|
|
</a>
|
|
<a href="terms.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-file-contract" style="width: 16px; color: #4facfe;"></i> <?php echo __('terms_service'); ?>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<h4 style="font-size: 18px; margin-bottom: 25px; color: white;"><?php echo __('products'); ?></h4>
|
|
<div style="display: flex; flex-direction: column; gap: 12px;">
|
|
<a href="spot.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-coins" style="width: 16px; color: #f0b90b;"></i> <?php echo __('spot_trading'); ?>
|
|
</a>
|
|
<a href="futures.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-file-contract" style="width: 16px; color: #f0b90b;"></i> <?php echo __('futures_trading'); ?>
|
|
</a>
|
|
<a href="convert.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-bolt" style="width: 16px; color: #f0b90b;"></i> <?php echo __('flash_swap'); ?>
|
|
</a>
|
|
<a href="mining.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-pickaxe" style="width: 16px; color: #f0b90b;"></i> <?php echo __('staking'); ?>
|
|
</a>
|
|
<a href="profile.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-wallet" style="width: 16px; color: #f0b90b;"></i> <?php echo __('asset_management'); ?>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<h4 style="font-size: 18px; margin-bottom: 25px; color: white;"><?php echo __('support'); ?></h4>
|
|
<div style="display: flex; flex-direction: column; gap: 12px;">
|
|
<a href="help.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-question-circle" style="width: 16px; color: #00c087;"></i> <?php echo __('help_center'); ?>
|
|
</a>
|
|
<a href="request.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-paper-plane" style="width: 16px; color: #00c087;"></i> <?php echo __('submit_request'); ?>
|
|
</a>
|
|
<a href="api-docs.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-code" style="width: 16px; color: #00c087;"></i> <?php echo __('api_docs'); ?>
|
|
</a>
|
|
<a href="fees.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-percentage" style="width: 16px; color: #00c087;"></i> <?php echo __('fee_schedule'); ?>
|
|
</a>
|
|
<a href="status.php" style="display: flex; align-items: center; gap: 10px; color: var(--text-muted); text-decoration: none; font-size: 14px;">
|
|
<i class="fas fa-server" style="width: 16px; color: #00c087;"></i> <?php echo __('service_status'); ?>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="max-width: 1200px; margin: 60px auto 0; padding-top: 30px; border-top: 1px solid #1e2329; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;">
|
|
<div style="color: var(--text-muted); font-size: 13px;">
|
|
© 2017-2026 EXCHANGE.COM <?php echo __('all_rights_reserved'); ?>
|
|
</div>
|
|
<div style="display: flex; gap: 20px; color: var(--text-muted); font-size: 13px;">
|
|
<div style="display: flex; align-items: center; gap: 8px; color: var(--success-color);">
|
|
<i class="fas fa-check-circle"></i> <?php echo __('system_status_normal'); ?>
|
|
</div>
|
|
<span><?php echo __('cookie_policy'); ?></span>
|
|
<span><?php echo __('security'); ?></span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<style>
|
|
footer a:hover { color: white !important; }
|
|
</style>
|
|
|
|
</body>
|
|
</html>
|