🅰️ ABC – Interaktiv alfabet‑app

Et morsomt og interaktivt alfabetprosjekt bygget med HTML og CSS! 🎨
Applikasjonen består av en startside og egne HTML-sider for hver bokstav.
Alt er statisk – ingen JavaScript eller backend 🚫💻

🚀 Hvordan kjøre prosjektet

1. Åpne prosjektmappen og dobbeltklikk på:

index.html

2. Eller bruk Live Server i VS Code for automatisk oppdatering 🔄

📁 Mappestruktur

index.html             # 🏠 Forside / startskjerm
index.css              # 🎨 Styling for forsiden
alphabet-css/          # ✨ CSS for bokstaver og animasjoner
├── alphabet.css
└── animations.css
alphabet-html/         # 🔤 Én HTML-fil per bokstav
├── a.html
├── b.html
├── c.html
├── d.html
├── ...
└── z.html
img/                   # 🖼️ Bilder (kart, illustrasjoner)
sound/                 # 🔊 Lydfiler

🌟 Funksjonalitet

• Startside med animasjon i SVG-tekst ✨
• Kartbakgrunn 🗺️
• Startknapp som leder til alfabetet 🏁
• Én side per bokstav 🔤
• CSS-animasjoner 💫
• Enkel, statisk navigasjon mellom sider 🔗

🛠️ Teknologier

• HTML5 📄
• CSS3 🎨
• SVG ✍️

🎯 Læringsmål

Prosjektet viser bruk av:

• Grunnleggende HTML-struktur 🏗️
• CSS-posisjonering (absolute/fixed) 📐
• @keyframes animasjoner ⏱️
• SVG textPath 🖋️
• Enkel sidestruktur og filorganisering 📂