Website: The Head Section

01. The Head Section

Create the meta tags for the head section of the website

Mentor Hiram Abif

Alright, let’s begin. Like any solid construction, a website starts with a proper boilerplate. So fire up Visual Studio Code, type “!” and press Enter. Boom. Foundation set.
Had I known this years ago, I could’ve saved myself quite a bit of parchment.

Now to the – the roof of our digital fortress.
A roof Cobol won’t blow off easily.

Your Task

Define your character set
Set your viewport
Add your title:

Flame of Greenwood – For Freedom!
Direct. Unmistakable. Rebellious. Anyone reading this knows: no one’s here to chat about flowerbeds.

Add a description:

Join the greatest gathering in Aetheron’s history! Together we’ll outsmart Cobol, free Gart, and kick off the transformation of Ironspire.
Search engines love this. And we want anyone googling How to rebel against a tyrannical machine overlord?” to land right here.

Set your keywords:
Flame of Greenwood, Rebellion, Ironspire, Aetheron, Cobol, Bastet, Gart, Freedom, Robots, Redesign the City
A list of everything Cobol hates. Perfect.

Flame of Greenwood
So if anyone asks who’s responsible for the coming system crash — they’ll know.

Use this path: img/favicon.png
A tiny spark of flame in the tab. Subtle, yet unforgettable.

Create a robot-friendly instruction:
Tell search engines to index and follow links.
So they remember the site — and Cobol gets some extra pressure.

Link your CSS:
Use this path: css/style.css and create the file.
Our own stylesheet, tailored for a rebellious look.

Solve the task here in the console [–> Open in a new tab]

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flame of Greenwood – For Freedom!</title>
    <meta name="description" content="Join the greatest gathering in Aetheron’s history! Together we’ll outsmart Cobol, free Gart, and kick off the transformation of Ironspire.">
    <meta name="keywords" content="Flame of Greenwood, Rebellion, Ironspire, Aetheron, Cobol, Bastet, Gart, Freedom, Robots, Redesign the City">
    <meta name="author" content="Flame of Greenwood">
    <link rel="icon" href="img/favicon.png" type="image/png">
    <meta name="robots" content="index, follow">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <!-- Your website -->
</body>

</html>