80 lines
2.6 KiB
HTML
80 lines
2.6 KiB
HTML
<!doctype html>
|
||
<html lang="kk">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Ағылшын тілі - Бухгалтерлер үшін</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>🇬🇧 Ағылшын тілі</h1>
|
||
<p class="subtitle">Бухгалтерлер мен қаржы мамандарына арналған</p>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="topics">
|
||
<h2>📚 Тақырыптар</h2>
|
||
<div class="topic-grid">
|
||
<button class="topic-btn active" data-topic="accounting">
|
||
<span class="icon">📊</span>
|
||
<span>Бухгалтерия</span>
|
||
</button>
|
||
<button class="topic-btn" data-topic="travel">
|
||
<span class="icon">✈️</span>
|
||
<span>Командировка</span>
|
||
</button>
|
||
<button class="topic-btn" data-topic="business">
|
||
<span class="icon">💼</span>
|
||
<span>Іс қағаздары</span>
|
||
</button>
|
||
<button class="topic-btn" data-topic="phrases">
|
||
<span class="icon">💬</span>
|
||
<span>Фразалар</span>
|
||
</button>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="words-section">
|
||
<h2 id="topic-title">📊 Бухгалтерия</h2>
|
||
<div class="word-list" id="word-list"></div>
|
||
</section>
|
||
|
||
<section class="test-section">
|
||
<h2>🧠 Тест</h2>
|
||
<div class="test-container">
|
||
<p class="test-question" id="test-question">Сөзді таңда...</</p>
|
||
<div class="test-options" id="test-options"></div>
|
||
<p class="test-result" id="test-result"></p>
|
||
<button class="test-btn" id="start-test-btn">Тест бастау</button>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="progress-section">
|
||
<h2>📊 Прогресс</h2>
|
||
<div class="progress-stats">
|
||
<div class="stat">
|
||
<span class="stat-value" id="total-answered">0</span>
|
||
<span class="stat-label">Жауап берілді</span>
|
||
</div>
|
||
<div class="stat">
|
||
<span class="stat-value" id="correct-answered">0</span>
|
||
<span class="stat-label">Дұрыс</span>
|
||
</div>
|
||
<div class="stat">
|
||
<span class="stat-value" id="accuracy">0%</span>
|
||
<span class="stat-label">Дәлдік</span>
|
||
</div>
|
||
</div>
|
||
<button class="reset-btn" id="reset-btn">Прогрессті тазалау</button>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>© 2026 Асет • Kazakhtelecom</p>
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|