You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
118 lines
4.3 KiB
118 lines
4.3 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
|
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>HackHost - Hackathon Platform</title> |
|
<link rel="stylesheet" href="/static/css/style.css"> |
|
</head> |
|
|
|
<body> |
|
<header> |
|
<div class="container"> |
|
<div class="logo"> |
|
<h1>Codegrillathon</h1> |
|
</div> |
|
<nav> |
|
<ul> |
|
<li><a href="#home">Home</a></li> |
|
<li><a href="#how-it-works">How It Works</a></li> |
|
<li><a href="/auth/twitch">Login with Twitch</a></li> |
|
</ul> |
|
</nav> |
|
</div> |
|
</header> |
|
|
|
<section id="home" class="hero"> |
|
<div class="container"> |
|
<h1>Code as a Community</h1> |
|
<p>A platform for deveopers to showcase their skills.</p> |
|
<a href="#submit" class="btn">Join a hackathon today!</a> |
|
</div> |
|
</section> |
|
|
|
<section id="features" class="features"> |
|
<div class="container"> |
|
<h2>Platform Features</h2> |
|
<div class="feature-grid"> |
|
<div class="feature"> |
|
<h3>Easy Submission</h3> |
|
<p>Submit your project with just a few clicks. Share your Git repository, project name, and any |
|
secrets needed to run your project.</p> |
|
</div> |
|
<div class="feature"> |
|
<h3>Secure Environment</h3> |
|
<p>Your project secrets are stored securely and only shared with authorized judges.</p> |
|
</div> |
|
<div class="feature"> |
|
<h3>Fair Judging</h3> |
|
<p>All projects are evaluated based on innovation, technical complexity, and presentation.</p> |
|
</div> |
|
<div class="feature"> |
|
<h3>Global Reach</h3> |
|
<p>Participate in hackathons from anywhere in the world and connect with developers globally.</p> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
<section id="how-it-works" class="how-it-works"> |
|
<div class="container"> |
|
<h2>How It Works</h2> |
|
<div class="steps"> |
|
<div class="step"> |
|
<div class="step-number">1</div> |
|
<h3>Register for a Hackathon</h3> |
|
<p>Browse available hackathons and register for the ones that interest you.</p> |
|
</div> |
|
<div class="step"> |
|
<div class="step-number">2</div> |
|
<h3>Build Your Project</h3> |
|
<p>Work on your project during the hackathon period, either solo or with a team.</p> |
|
</div> |
|
<div class="step"> |
|
<div class="step-number">3</div> |
|
<h3>Submit Your Work</h3> |
|
<p>Submit your Git repository, project details, and any secrets needed to run your project.</p> |
|
</div> |
|
<div class="step"> |
|
<div class="step-number">4</div> |
|
<h3>Get Evaluated</h3> |
|
<p>Judges will review your submission and provide feedback.</p> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
<footer> |
|
<div class="container"> |
|
<div class="footer-content"> |
|
<div class="footer-logo"> |
|
<h2>HackHost</h2> |
|
<p>The ultimate hackathon platform</p> |
|
</div> |
|
<div class="footer-links"> |
|
<h3>Quick Links</h3> |
|
<ul> |
|
<li><a href="#home">Home</a></li> |
|
<li><a href="#features">Features</a></li> |
|
<li><a href="#how-it-works">How It Works</a></li> |
|
<li><a href="#submit">Submit Project</a></li> |
|
</ul> |
|
</div> |
|
<div class="footer-contact"> |
|
<h3>Contact Us</h3> |
|
<p>Email: info@hackhost.com</p> |
|
<p>Phone: (123) 456-7890</p> |
|
</div> |
|
</div> |
|
<div class="footer-bottom"> |
|
<p>© 2025 HackHost. All rights reserved.</p> |
|
</div> |
|
</div> |
|
</footer> |
|
|
|
</body> |
|
|
|
</html>
|
|
|