Below is the complete HTML code, incorporating the updated CSS from the previous response to ensure the accordion styling in the Conversations tab matches the Grammar tab, with collapsed accordion headers using a dark gray border (`#333`) and uncollapsed headers using a blue border (`#0d6efd`) and light blue background (`#d6e4ff`). Additionally, the tab background for inactive tabs has been reverted to `#f1f1f1` as requested. The HTML structure and JavaScript remain unchanged from the earlier complete code, as they were not affected by your latest request. This code includes all sections (Conversations, Grammar, Exercises, Practice & Review) with full functionality for drag-and-drop exercises, vocabulary quizzes, flashcards, and progress tracking. --- ```html

🗣️ Conversations & Vocabulary

Explore dialogues in Standard German, Colloquial German, and regional dialects (Bavarian, Swabian). Click phrases to hear pronunciation.

Markus: Guten Morgen! Wie geht es Ihnen?

Lisa: Guten Morgen! Mir geht es gut, danke. Und Ihnen?

Markus: Auch gut, danke. Ich heiße Markus. Wie heißen Sie?

Translation:

Markus: Good morning! How are you?

Lisa: I’m good, thanks. And you?

Markus: Also good, thanks. My name is Markus. What’s your name?

Standard Guten Morgen /ˈɡuːtən ˈmɔrɡən/

Guten Morgen! Wie geht es Ihnen?

Colloquial Na, wie läuft’s /naː viː ˈlɔɪfts/

Na, wie läuft’s bei dir?

Bavarian Servus /ˈsɛrvʊs/

Servus! Was machst’n so, gell?

Swabian Grüß di /ɡʁyːs di/

Grüß di! Was machst’n, gudd?

English Translation: Good morning / Hello

Anna: Na, alles klar?

Ben: Jo, passt schon. Und bei dir?

Anna: Auch gut, danke.

Translation:

Anna: Hey, all good?

Ben: Yeah, all fine. And you?

Anna: Also good, thanks.

Standard Hallo /haˈloː/

Hallo, wie geht es dir?

Colloquial Na /naː/

Na, alles klar bei dir?

Bavarian Griaß di! /ɡʁiːɐ̯s di/

Griaß di! Wia geht’s da heid’n so?

Swabian Hallole! /ˈhaloːlə/

Hallole! Alles in Butter bei dir?

English Translation: Hello / Hi / All good with you?

0/10 exercises completed

Score: 0

Select

📚 Grammar & Conjugations

Explore verb conjugations in Standard German and regional dialects (Bavarian, Swabian). Click phrases to hear pronunciation.

Ich: Mache 🔊

Example: Ich mache meine Hausaufgaben. 🔊 (I do my homework.)

Du: Machst 🔊

Example: Du machst einen Kuchen. 🔊 (You make a cake.)

Er/Sie/Es: Macht 🔊

Example: Er macht die Tür auf. 🔊 (He opens the door.)

Wir: Machen 🔊

Example: Wir machen einen Ausflug. 🔊 (We go on a trip.)

Ihr: Macht 🔊

Example: Ihr macht die Aufgabe zusammen. 🔊 (You all do the task together.)

Sie: Machen 🔊

Example: Sie machen Pläne für den Urlaub. 🔊 (They make plans for the vacation.)

Ich: Lerne 🔊

Example: Ich lerne Deutsch. 🔊 (I learn German.)

Du: Lernst 🔊

Example: Du lernst schnell. 🔊 (You learn quickly.)

Er/Sie/Es: Lernt 🔊

Example: Sie lernt für die Prüfung. 🔊 (She studies for the exam.)

Wir: Lernen 🔊

Example: Wir lernen zusammen in der Gruppe. 🔊 (We learn together in the group.)

Ihr: Lernt 🔊

Example: Ihr lernt für die Abschlussprüfung. 🔊 (You all study for the final exam.)

Sie: Lernen 🔊

Example: Sie lernen eine neue Sprache. 🔊 (They learn a new language.)

Machen (Ich): Mach 🔊

Example: I mach mei Arbat. 🔊 (I do my work.)

Lernen (Ich): Lern 🔊

Example: I lern Bairisch. 🔊 (I learn Bavarian.)

Machen (Wir): Machan 🔊

Example: Mia machan a Ausflug. 🔊 (We go on a trip.)

Machen (Ihr): Machts 🔊

Example: Es machts de Aufgab zamm. 🔊 (You all do the task together.)

Machen (Sie): Machan 🔊

Example: Sia machan Pläne fian Urlaub. 🔊 (They make plans for the vacation.)

Lernen (Wir): Lernan 🔊

Example: Mia lernan zamm in da Gruppn. 🔊 (We learn together in the group.)

Lernen (Ihr): Lernts 🔊

Example: Es lernts fia de Obschlussprifung. 🔊 (You all study for the final exam.)

Lernen (Sie): Lernan 🔊

Example: Sia lernan a neichs Sproch. 🔊 (They learn a new language.)

Machen (Ich): Mach 🔊

Example: I mach mei Hausaufgaba. 🔊 (I do my homework.)

Lernen (Ich): Lern 🔊

Example: I lern Schwäbisch. 🔊 (I learn Swabian.)

Machen (Wir): Machet 🔊

Example: Mr machet an Ausflug. 🔊 (We go on a trip.)

Machen (Ihr): Machet 🔊

Example: Dr machet d’Aufgab zemma. 🔊 (You all do the task together.)

Machen (Sie): Machet 🔊

Example: Se machet Plän für de Urlaub. 🔊 (They make plans for the vacation.)

Lernen (Wir): Lernet 🔊

Example: Mr lernet zemma in dr Gruppa. 🔊 (We learn together in the group.)

Lernen (Ihr): Lernet 🔊

Example: Dr lernet für d’Abschlussprüfung. 🔊 (You all study for the final exam.)

Lernen (Sie): Lernet 🔊

Example: Se lernet a nei Sproch. 🔊 (They learn a new language.)

Quick Practice

Match the conjugation to the pronoun (Standard German).

mache

machst

macht

lerne

lernst

lernt

Ich (machen)

Du (machen)

Er/Sie/Es (machen)

Ich (lernen)

Du (lernen)

Er/Sie/Es (lernen)

✍️ Exercises

Exercise 1: Fill in the Blank (Standard German)

Fill in the blank with the correct form of “machen” in Standard German.

1. Ich meine Hausaufgaben.

2. Du was?

3. Er einen Kuchen.

4. Sie die Wäsche.

5. Es keinen Sinn.

6. Wir einen Ausflug.

7. Ihr viel Lärm.

8. Sie (plural) Pläne für morgen.

9. Sie (formal) einen guten Job.

• 1: mache
• 2: machst
• 3: macht
• 4: macht
• 5: macht
• 6: machen
• 7: macht
• 8: machen
• 9: machen

Exercise 2: Matching Phrases to Dialects

Drag each phrase to its corresponding dialect.

Phrases

• Guten Morgen
• Na, wie läuft’s
• Servus
• Grüß di

Dialects

• Standard German
• Colloquial German
• Bavarian
• Swabian

Solutions

• Guten Morgen – Standard German
• Na, wie läuft’s – Colloquial German
• Servus – Bavarian
• Grüß di – Swabian

🔄 Practice & Review

Flashcards

Click to start