LLCrypto / earnings.html
Papaya-Voldemort's picture
Update earnings.html
9928cbd verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Earnings | Crypto LLM</title>
<link rel="stylesheet" href="payout.css">
</head>
<body>
<nav class="navbar">
<div class="container nav-flex">
<a href="index.html" class="logo"><span>Crypto</span><span class="brand-highlight">LLM</span></a>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="how-it-works.html">How it Works</a></li>
<li><a href="earnings.html" class="active">Earnings</a></li>
<li><a href="join.html">Join</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<main class="page-main">
<section class="page-header">
<div class="container">
<h1>Estimate Your Earnings</h1>
<p>Find out how much you can make lending your GPU for AI workloads with Crypto LLM.</p>
</div>
</section>
<section class="earnings-calculator-page">
<div class="container">
<div id="earnings-calculator-root">
<!-- The interactive calculator will be rendered here by earnings.js -->
</div>
</div>
</section>
<section class="earnings-table-section">
<div class="container">
<h2>Example Hourly Earnings by GPU Model</h2>
<table class="earnings-table">
<thead>
<tr>
<th>GPU Model</th>
<th>Estimated Earnings/hr</th>
<th>Estimated Earnings/day<br><small>(@ 12 hrs usage)</small></th>
</tr>
</thead>
<tbody id="earnings-table-body">
<!-- Populated by earnings.js -->
</tbody>
</table>
<small>Actual profits vary based on demand, uptime, & network capacity.</small>
</div>
</section>
</main>
<footer class="footer">
<div class="container footer-flex">
<div class="footer-brand">
<a href="index.html" class="logo"><span>Crypto</span><span class="brand-highlight">LLM</span></a>
<p>&copy; 2025 Crypto LLM. All rights reserved.</p>
</div>
</div>
</footer>
<script src="earnings.js"></script>
</body>
</html>