Add Danish and Bahasa Melayu wiki pages #3
+34
-34
@@ -1,34 +1,34 @@
|
|||||||
# Birthday Invitation
|
# Birthday Invitation
|
||||||
|
|
||||||
🌐 **English** · [Dansk](Home-da) · [Bahasa Melayu](Home-ms)
|
🌐 **English** · [Dansk](Home-da) · [Bahasa Melayu](Home-ms)
|
||||||
|
|
||||||
A retro 90s birthday invitation page, built with plain HTML and CSS. Day 42 of
|
A retro 90s birthday invitation page, built with plain HTML and CSS. Day 42 of
|
||||||
the Udemy "100 Days of Code" web development course.
|
the Udemy "100 Days of Code" web development course.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## What the page uses
|
## What the page uses
|
||||||
|
|
||||||
| Element | Used for |
|
| Element | Used for |
|
||||||
| --- | --- |
|
| --- | --- |
|
||||||
| `<h1>`, `<h2>`, `<h3>` | The title, the date and the section headings |
|
| `<h1>`, `<h2>`, `<h3>` | The title, the date and the section headings |
|
||||||
| `<img>` | The birthday cake, with `alt` text |
|
| `<img>` | The birthday cake, with `alt` text |
|
||||||
| `<ul>` and `<li>` | What the guests bring |
|
| `<ul>` and `<li>` | What the guests bring |
|
||||||
| `<a>` | The Google Maps link to the party |
|
| `<a>` | The Google Maps link to the party |
|
||||||
|
|
||||||
## Files
|
## Files
|
||||||
|
|
||||||
| File | Purpose |
|
| File | Purpose |
|
||||||
| --- | --- |
|
| --- | --- |
|
||||||
| `src/index.html` | The page itself |
|
| `src/index.html` | The page itself |
|
||||||
| `src/style.css` | Colours, font, borders and layout, linked from the page |
|
| `src/style.css` | Colours, font, borders and layout, linked from the page |
|
||||||
|
|
||||||
## Run it
|
## Run it
|
||||||
|
|
||||||
No build step. Open `src/index.html` in a browser.
|
No build step. Open `src/index.html` in a browser.
|
||||||
|
|
||||||
## Styling
|
## Styling
|
||||||
|
|
||||||
The styles live in `src/style.css`, not in the HTML. Four custom properties at
|
The styles live in `src/style.css`, not in the HTML. Four custom properties at
|
||||||
the top (`--bg`, `--ink`, `--accent`, `--link`) set the colours, so a new look
|
the top (`--bg`, `--ink`, `--accent`, `--link`) set the colours, so a new look
|
||||||
is a change of four values.
|
is a change of four values.
|
||||||
|
|||||||
Reference in New Issue
Block a user