Slutprojekt HTML/CSS - Portfolio

FE23 | HTML & CSS

Uppgiften

Skapa en "en sides"-portfolio webbsida. Den kan vara till dig själv, en förening eller en fiktiv person.

Sidan skall vara "responsiv" och utvecklad som "mobile first" (minst 3 olika brytpunkter)
Sidan skall vara utformad semantiskt korrekt
Använd Grid-, Flexlayout eller en kombination av dem.
Använd relativa enheter. Inga hårdkodade pixelvärden (förutom för t.ex. mediafrågor, box-storlekar och marginal/padding)
Använda flera bilder och flera färger (utöver svart och vitt).
Gör indrag i din HTML och CSS så att koden lätt går att läsa.
Använd inte "inline-style". Style skall vara skapad i extern css-fil.
Sidan ska validera med i w3c validator utan varningar (gula) eller fel (röda) - info (gröna) är okay. CSSfilen skall validera utan problem med jigsaw.

Din sida behöver ha ett innehåll.
Sidhuvud med namn/logo och meny.
Hero: bild, rubrik och underrubrik samt knapp till kontaktformulär.
Tre block med säljande information om dig (eller din fiktiva person / förening)
Fyra eller flera block om färdigheter i text och bild. Några förslag är HTML, CSS, JavaScript och Flugfiske. Hitta på en lämplig text (det är okay att använda ChatGPT för att ta fram textinnehållet - men inte HTML/CSS för uppgiften).
En blogg-sektion med artiklar med bild och text.
Kontaktformulär - med minst input för namn, epost och en fritext. Formuläret behöver inte göra något.
Sidfot med adress och kontakinformation, när sidan senast uppdaterades. Lägg gärna till någon mer rolig information här.