Sebastian Molenda
64 lines
2.4 KiB
HTML
64 lines
2.4 KiB
HTML
<!doctype html>
|
||
<html lang="pl">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" />
|
||
<title>Edu — Główne Menu</title>
|
||
<link rel="stylesheet" href="css/styles.css?v=20260524" />
|
||
<link rel="stylesheet" href="css/fonts/inter.css">
|
||
</head>
|
||
<body>
|
||
<div class="app-container">
|
||
<header class="app-header">
|
||
<h1 class="app-title">Wybierz kategorię</h1>
|
||
<p class="app-subtitle">i rozpocznij naukę</p>
|
||
</header>
|
||
|
||
<main class="category-grid">
|
||
<a href="czytanie.html" class="category-card" style="--grad-start: #3B82F6; --grad-end: #1D4ED8;">
|
||
<div class="card-icon">📖</div>
|
||
<div class="card-content">
|
||
<h2 class="card-title">Czytanie</h2>
|
||
<p class="card-desc">Ćwicz płynność czytania</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="dyktando.html" class="category-card" style="--grad-start: #F59E0B; --grad-end: #D97706;">
|
||
<div class="card-icon">✏️</div>
|
||
<div class="card-content">
|
||
<h2 class="card-title">Dyktando</h2>
|
||
<p class="card-desc">Sprawdź swoją ortografię</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="mnozenie.html" class="category-card" style="--grad-start: #10B981; --grad-end: #059669;">
|
||
<div class="card-icon">×</div>
|
||
<div class="card-content">
|
||
<h2 class="card-title">Mnożenie</h2>
|
||
<p class="card-desc">Tabliczka mnożenia</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="dzielenie.html" class="category-card" style="--grad-start: #8B5CF6; --grad-end: #7C3AED;">
|
||
<div class="card-icon">÷</div>
|
||
<div class="card-content">
|
||
<h2 class="card-title">Dzielenie</h2>
|
||
<p class="card-desc">Powtórka z dzielenia</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="testy.html" class="category-card" style="--grad-start: #EF4444; --grad-end: #DC2626;">
|
||
<div class="card-icon">📝</div>
|
||
<div class="card-content">
|
||
<h2 class="card-title">Testy z matematyki</h2>
|
||
<p class="card-desc">Sprawdź swoją wiedzę</p>
|
||
</div>
|
||
</a>
|
||
</main>
|
||
</div>
|
||
|
||
<footer class="app-footer">Version: <span id="commit-sha">(loading)</span></footer>
|
||
<script src="js/version.js?v=20260521" defer></script>
|
||
</body>
|
||
</html>
|