81 lines
5.6 KiB
PHP
81 lines
5.6 KiB
PHP
<footer style="margin-top: 60px; background: #0b0e11; border-top: 1px solid var(--border-color); padding: 60px 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;">
|
|
<svg class="logo-svg" viewBox="0 0 100 100" style="width:32px; height:32px; vertical-align: middle;">
|
|
<rect x="10" y="10" width="80" height="80" rx="20" fill="url(#gradFooter)"/>
|
|
<path d="M30 30 L70 70 M70 30 L30 70" stroke="white" stroke-width="12" stroke-linecap="round"/>
|
|
<defs>
|
|
<linearGradient id="gradFooter" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#4facfe;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#00f2fe;stop-opacity:1" />
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
NovaEx
|
|
</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;"><i class="fab fa-twitter"></i></a>
|
|
<a href="#" style="color: var(--text-muted); transition: color 0.3s;"><i class="fab fa-telegram"></i></a>
|
|
<a href="#" style="color: var(--text-muted); transition: color 0.3s;"><i class="fab fa-facebook"></i></a>
|
|
<a href="#" style="color: var(--text-muted); transition: color 0.3s;"><i class="fab fa-discord"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<h4 style="font-size: 16px; margin-bottom: 20px; color: white;"><?php echo __('about'); ?></h4>
|
|
<div style="display: flex; flex-direction: column; gap: 10px;">
|
|
<a href="about.php" style="color: var(--text-muted); text-decoration: none; font-size: 14px;"><?php echo __('about_us'); ?></a>
|
|
<a href="careers.php" style="color: var(--text-muted); text-decoration: none; font-size: 14px;"><?php echo __('careers'); ?></a>
|
|
<a href="news.php" style="color: var(--text-muted); text-decoration: none; font-size: 14px;"><?php echo __('news'); ?></a>
|
|
<a href="privacy.php" style="color: var(--text-muted); text-decoration: none; font-size: 14px;"><?php echo __('legal_privacy'); ?></a>
|
|
<a href="terms.php" style="color: var(--text-muted); text-decoration: none; font-size: 14px;"><?php echo __('terms_service'); ?></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<h4 style="font-size: 16px; margin-bottom: 20px; color: white;"><?php echo __('products'); ?></h4>
|
|
<div style="display: flex; flex-direction: column; gap: 10px;">
|
|
<a href="spot.php" style="color: var(--text-muted); text-decoration: none; font-size: 14px;"><?php echo __('spot_trading'); ?></a>
|
|
<a href="futures.php" style="color: var(--text-muted); text-decoration: none; font-size: 14px;"><?php echo __('futures_trading'); ?></a>
|
|
<a href="app.php" style="color: var(--text-muted); text-decoration: none; font-size: 14px;"><?php echo __('app_download'); ?></a>
|
|
<a href="convert.php" style="color: var(--text-muted); text-decoration: none; font-size: 14px;"><?php echo __('flash_swap'); ?></a>
|
|
<a href="mining.php" style="color: var(--text-muted); text-decoration: none; font-size: 14px;"><?php echo __('staking'); ?></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<h4 style="font-size: 16px; margin-bottom: 20px; color: white;"><?php echo __('support'); ?></h4>
|
|
<div style="display: flex; flex-direction: column; gap: 10px;">
|
|
<a href="help.php" style="color: var(--text-muted); text-decoration: none; font-size: 14px;"><?php echo __('help_center'); ?></a>
|
|
<a href="request.php" style="color: var(--text-muted); text-decoration: none; font-size: 14px;"><?php echo __('submit_request'); ?></a>
|
|
<a href="api-docs.php" style="color: var(--text-muted); text-decoration: none; font-size: 14px;"><?php echo __('api_docs'); ?></a>
|
|
<a href="fees.php" style="color: var(--text-muted); text-decoration: none; font-size: 14px;"><?php echo __('fee_schedule'); ?></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-bottom" style="max-width: 1200px; margin: 40px auto 0; padding-top: 30px; border-top: 1px solid #1e2329; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px;">
|
|
<div style="color: var(--text-muted); font-size: 12px;">
|
|
© 2017-2026 NOVAEX.COM All rights reserved.
|
|
</div>
|
|
<div style="display: flex; gap: 15px; color: var(--text-muted); font-size: 12px; flex-wrap: wrap;">
|
|
<div style="display: flex; align-items: center; gap: 5px; 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; }
|
|
@media (max-width: 576px) {
|
|
.footer-bottom { justify-content: center !important; text-align: center; }
|
|
}
|
|
</style>
|
|
|
|
</body>
|
|
</html>
|