Det här är min inlämningsuppgift i kursen HTML och CSS. Uppgiften var att skapa en hemsida utifrån en Figma-design. Jag valde att fokusera på G-delen (godkänt) och bara göra desktop-versionen av sidan.

• Byggt en responsiv hemsida för stora skärmar
• Skapat interaktiva delar med CSS
• Lagt till en FAQ-sektion där man kan klicka för att se svaren
• Gjort ett formulär för nyhetsbrev
• Lagt till hover-effekter på knappar och andra delar

• HTML5
• CSS3
• Lite JavaScript (för FAQ-delen)

Jag försökte göra en dark mode för sidan, men det var svårare än jag trodde. Till slut bestämde jag mig för att skippa den delen. Det här lärde mig att det är viktigt att fokusera på huvuddelarna först.

Min kusin hjälpte mig med JavaScript-koden för FAQ-sektionen. Det var bra att lära sig hur man kan göra sidor mer interaktiva med JavaScript. Tack till Hans för hjälp med Brands och Navbar i början av kursen.

• Hur man går från en design till en färdig hemsida
• Vikten av att göra sidor som fungerar bra på olika skärmstorlekar
• Grunderna i att styla med CSS
• Lite om hur JavaScript kan göra sidor mer interaktiva

1. Göra sidan responsiv för alla skärmstorlekar
2. Lägga till dark mode
3. Göra sidan mer tillgänglig för alla användare
4. Få sidan att ladda snabbare
5. Lägga till fler interaktiva delar

• Mina lärare som gav oss Figma-designen och hjälpte till under projektet och kursen.
• Extra tack till Hans för vägledning när det kom till Brands och Navbar sektionerna i början av kursen.
• Min kusin som hjälpte mig med JavaScript för FAQ-delen
• Claude AI för Dark Mode funktionen i Javascript.

Det här projektet har varit ett bra sätt att lära mig mer om webbutveckling. Jag har fått öva på att bygga en riktig hemsida och lärt mig mycket på vägen.