index.html

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="Python Pro Hub — learn Python, use developer tools, play mini games and explore projects."><title>Python Pro Hub</title><link rel="stylesheet" href="style.css"></head><body>
<nav class="nav"><div class="container nav-inner"><a class="brand" href="index.html">PYTHON <span>PRO HUB</span></a><div class="nav-links"><a href="index.html">Home</a><a href="python.html">Python</a><a href="tools.html">Dev Tools</a><a href="games.html">Games</a><a href="portfolio.html">Portfolio</a><a href="about.html">About</a></div><button class="btn btn-secondary mobile-menu" data-menu>Menu</button></div></nav>
<header class="hero"><div class="container hero-grid"><div><span class="kicker">BUILD • LEARN • PLAY</span><h1>One hub for your <span class="accent">developer journey.</span></h1><p>Learn Python in the browser, use practical developer tools, play coding-themed mini games, and present your projects with a clean GitHub-ready portfolio.</p><div class="actions"><a class="btn btn-primary" href="python.html">Start Python</a><a class="btn btn-secondary" href="portfolio.html">View Projects</a></div><div class="stats"><div class="stat"><b>8</b><span>Python lessons</span></div><div class="stat"><b>4</b><span>Dev tools</span></div><div class="stat"><b>2</b><span>Mini games</span></div><div class="stat"><b>100%</b><span>GitHub Pages ready</span></div></div></div><div class="hero-card"><div class="terminal"><div class="terminal-top"><span class="dot"></span><span class="dot"></span><span class="dot"></span></div><pre><span class="yellow">$ python pro_hub.py</span>

skills = ["Python", "Web", "GitHub"]
for skill in skills:
    print("Level up:", skill)

# Your next project starts here.</pre></div></div></div></header>
<section class="section"><div class="container"><h2>Everything in one project</h2><p class="section-lead">A mixed website that combines learning, useful tools, games and your developer identity.</p><div class="grid"><a class="card" href="python.html"><div class="icon">🐍</div><h3>Python Lab</h3><p>Write and run Python directly in your browser with interactive examples.</p></a><a class="card" href="tools.html"><div class="icon">🧰</div><h3>Developer Tools</h3><p>Format JSON, count text, work with Base64 and generate strong random passwords.</p></a><a class="card" href="games.html"><div class="icon">🎮</div><h3>Mini Games</h3><p>Challenge your reaction time and play a quick number guessing game.</p></a><a class="card" href="portfolio.html"><div class="icon">🚀</div><h3>Portfolio</h3><p>Showcase your coding projects in a modern card layout.</p></a><a class="card" href="about.html"><div class="icon">👨‍💻</div><h3>About</h3><p>A clean developer profile section ready for your own details and links.</p></a><a class="card" href="README.md"><div class="icon">📘</div><h3>GitHub Ready</h3><p>Includes a README and clean file structure for GitHub Pages.</p></a></div></div></section>
<footer class="footer"><div class="container footer-inner"><span>© <span data-year></span> Python Pro Hub</span><span>Built for GitHub Pages.</span></div></footer><script src="app.js"></script></body></html>