sound_match/index.html at main · risentide2024/sound_match · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sound Match Challenge</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 20px;
            background-color: #f9f9f9;
            color: #333;
        }
        h1, h2 {
            color: #0056b3;
        }
        .game-links a {
            display: block;
            margin: 10px 0;
            text-decoration: none;
            color: #007bff;
            font-weight: bold;
        }
        .game-links a:hover {
            text-decoration: underline;
        }
        .container {
            max-width: 800px;
            margin: auto;
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Welcome to the Sound Match Challenge!</h1>
        <p>Improve your listening skills with our fun and interactive games! Designed for English learners, these games help you sharpen your ability to recognize and identify spoken letter sounds while boosting your confidence in English.</p>

        <h2>Games</h2>
        <div class="game-links">
            <a href="sound_match.html">Single Consonant Challenge</a>
            <a href="sound_match_double_consonant.html">Double Consonant Challenge</a>
            <a href="combined_sounds.html">Ultimate Challenge</a>
        </div>

        <h2>How It Works</h2>
        <ul>
            <li>Listen to a sound played in the game.</li>
            <li>Select the matching printed letter or letter combination.</li>
            <li>Learn through practice and track your progress as you improve!</li>
        </ul>

        <h2>Game Modes</h2>
        <h3>1. Single Consonant Challenge</h3>
        <p>Perfect for beginners. Practice identifying single consonant sounds like <strong>b</strong>, <strong>t</strong>, and <strong>s</strong>. Build a strong foundation in listening and sound recognition.</p>

        <h3>2. Double Consonant Challenge</h3>
        <p>Level up your skills. Focus on blended sounds like <strong>sh</strong>, <strong>ch</strong>, and <strong>th</strong>. Strengthen your ability to hear and recognize tricky combinations.</p>

        <h3>3. Ultimate Challenge</h3>
        <p>Test your skills with the ultimate listening adventure! A mix of single and double consonant sounds keeps you on your toes. See how far your listening abilities have come.</p>

        <h2>Why Play?</h2>
        <ul>
            <li><strong>Interactive Learning:</strong> Fun sound-matching activities make practice enjoyable.</li>
            <li><strong>Boost Confidence:</strong> Improve your ability to understand spoken English.</li>
            <li><strong>Track Progress:</strong> See your scores improve with each game.</li>
        </ul>

        <h2>For Teachers</h2>
        <p>This is a great tool to supplement your classroom activities. Use the games to:</p>
        <ul>
            <li>Reinforce letter-sound relationships.</li>
            <li>Engage students with an interactive listening activity.</li>
            <li>Track student improvement over time.</li>
        </ul>

        <h2>For Learners</h2>
        <p>Whether you're just starting or looking to advance your skills:</p>
        <ul>
            <li>Practice at your own pace.</li>
            <li>Challenge yourself to reach higher scores.</li>
            <li>Turn learning into a fun and rewarding experience!</li>
        </ul>

        <p><strong>Start playing now and take your English listening skills to the next level! 🎧✨</strong></p>

    </div>
</body>
</html>