# Gör en presenation av dig själv!
```
author: krm
created: 2025-10-15
image: /image/courses/house.png
status: alpha
```

Vi lär oss något om grundklägggande om html och webb.

# Beskrivning

Du ska göra en sida om fungera som en profil sida för dig. Den kommer 
vi använda under resten av utbildningen här.

Observera att denna mapp kommer behandlas automatiskt när den läggs 
upp. Du får därför inte skapa några nya mappar än de som finns i mallen 
eller använda någon annan html-fil än index.html.


## Innehåll 

Gör en text som innehåller följande:

- Ditt alias.
- Beskriv vem du är.
- En lista på saker du kan.
- Kommentar om varför du är en bra utvecklare och/eller bra person.

Du ska sedan göra om texten ovan till en html-fil för att sedan fixa 
utseendet med css.

## Utsende

Du ska använda en extern css fil för att få till ett bra utsende. Du 
kan gärna anvädna dig av bilder eller liknade för att få till det bra.

# Resurser

- 🧭 [Start](../Planning/start.sv.html)
- 🦉 Ett förslag på hur du kan starta ett [webbprojekt](/a/web/html/Tutorial/create-a-web-project.sv.html)
- 🦉 Skicka in en [inlämning](../Tutorial/make-a-submission.sv.html)

# Filer

- 🗜 [Mallen för webbsajter](https://htsit.se/f/web-template.zip)

# Genomförande

Du laddar ned mallen ovan. Glöm inte att du måste packa upp filen. Lägg 
den sedan gärna i din dev-mapp. När du är klar med sajten lämna in den 
enlig nedan.

Observera att du måste ha skrivit all kod själv även om du kan ta 
inspiration från andra källor. Det innebär att du inte kopierar in kod 
direkt utan skriver av själv och du förstår allt som du lämnar in. 
Muntliga frågor kommer ställas om din kod, om du inte kan redovisa för 
din kod så kommer du att inte tilldelas medaljer som du annars hade 
fått.

## Inlämning

Du lämnar in enligt guiden ovan. Tänk på att du måste lämna in före 
deadline. Uppgiften kommer inte bedömas förutom för första medaljen 
enligt nedan om du gör så.

# Bedömning

## + 🥉 Guiden och intruktioner har följt till största del

Sidan har: 

- Innehållet enlig rubriken innehåll.
- Alla html element används.
- Den har en css som ger en style till alla element.

## + 🥉 Sidan är relevanta

Sidan har: 

- Sidan har minst en bild.
- Inga uppenbara fel i css eller html, dvs. sidan i stort sätt kunna valideras.
- Ett innehåll som fungerar som presentationsida för dig.

## + 🥈 Sidan är snygg och kreativ

Sidan är: 

- Super cool på alla sätt och viss!
- Du använder mer avancerade funktioner hos css, t.ex. webfonts.
- Den är kreativ, du gör något oväntat.

# Lycka till! 🍀