mirror of https://github.com/kortix-ai/suna.git
90 lines
3.4 KiB
HTML
90 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>CryptoBot Trading Platform</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<div class="app-container">
|
|
<header class="navbar">
|
|
<div class="logo">CryptoBot</div>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="#trade">Trade</a></li>
|
|
<li><a href="#bots">Trading Bots</a></li>
|
|
<li><a href="#wallet">Wallet</a></li>
|
|
<li><a href="#account">Account</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="user-actions">
|
|
<button class="login-btn">Login</button>
|
|
<button class="signup-btn">Sign Up</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="dashboard">
|
|
<section class="trading-panel">
|
|
<div class="market-overview">
|
|
<div class="crypto-pairs">
|
|
<div class="pair active">BTC/USDT</div>
|
|
<div class="pair">ETH/USDT</div>
|
|
<div class="pair">BNB/USDT</div>
|
|
</div>
|
|
<div class="price-chart">
|
|
<div class="chart-placeholder">Price Chart Placeholder</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="trading-interface">
|
|
<div class="order-types">
|
|
<button class="order-type active">Limit</button>
|
|
<button class="order-type">Market</button>
|
|
<button class="order-type">Stop</button>
|
|
</div>
|
|
<div class="order-form">
|
|
<input type="number" placeholder="Amount" class="amount-input">
|
|
<input type="number" placeholder="Price" class="price-input">
|
|
<button class="buy-btn">Buy</button>
|
|
<button class="sell-btn">Sell</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="bot-management">
|
|
<h2>Trading Bots</h2>
|
|
<div class="bot-list">
|
|
<div class="bot-card">
|
|
<h3>Trend Following Bot</h3>
|
|
<div class="bot-stats">
|
|
<span>Performance: +12.5%</span>
|
|
<span>Active</span>
|
|
</div>
|
|
<button class="configure-bot">Configure</button>
|
|
</div>
|
|
<div class="bot-card">
|
|
<h3>Arbitrage Bot</h3>
|
|
<div class="bot-stats">
|
|
<span>Performance: +8.3%</span>
|
|
<span>Inactive</span>
|
|
</div>
|
|
<button class="configure-bot">Configure</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="footer-content">
|
|
<p>© 2023 CryptoBot Trading Platform</p>
|
|
<div class="legal-links">
|
|
<a href="#">Privacy Policy</a>
|
|
<a href="#">Terms of Service</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |