Start Your Adventure

Here begins your adventure – with creaking gears, sparkling ideas, and the quiet hope that nothing explodes.
Start your adventure

At the Ancient Oak, you’ll learn how bulky cables and wild ideas gave birth to the Internet – the largest web in the world. Listen to the whispers of the old trees and discover how it all began.
Uncover the roots of the Internet

Between icing and secrets lies the power of addresses.
In the Gingerbread House, you’ll learn how websites get their names — and why, without the right URL, even the sweetest page reaches no one.
Open the door if you know the answer!
Unravel the magical address

Where old voices whisper and wise spirits keep watch.
In the Haunted House, you’ll meet the keepers of your spellbook – those who wove HTML, CSS, and magic together.
Don’t worry, they prefer correcting to haunting.
Meet the authors

The pedestal of ancient magic awaits your chisel.
Here you’ll meet the Lady of the Forest – and learn how to carve the foundation of your site with a solid HTML structure.
Every good spell begins with a strong base.
Build your foundation

A bard in distress – and the head of your page.
Willow needs your help: Without a proper head section, his ballad is just an empty tune.
Learn how to whisper titles, spells, and secret hints into your page.
Help Willow write his song

Find the right path.
Keys are swirling above you – but only the right ones will lead you to your goal.
Learn how to set links and paths so your page doesn’t vanish in the labyrinth.
Unlock the chest of connections

Save the mushroom man’s clothes and break the curse.
A spell keeps his laundry damp and heavy.
Only those who understand the right structure can lift the enchantment.
Help the mushroom man

The architecture of magic.
Here you’ll learn how a CSS rule truly works: selectors, declarations, and the tiny spell symbols in between.
Master the secret language that makes your webpages dance.
Learn the magic of CSS rules

Paths of magic.
Learn how to place your CSS spells correctly: directly in the HTML, elegantly in the head section, or – like true masters – in a separate file.
Find the best path through the labyrinth of possibilities!
Escape the labyrinth

The Riddle of the Mirrors – Decipher the symbols.
In a cave full of secrets, eight mirrors and ancient slabs await you.
Only with the right selectors can you bring back the light and open the hidden path.
Choose wisely – every slab matters!
Solve the riddle of the mirrors

Master the hierarchy.
A rushing stream roars before you, and only the correct order will carry you safely to the other side.
Understand the cascade of CSS rules — or be swept away in the currents of confusion.
Cross the stream of cascades

Dear relatives.
Out here beneath the silver moonlight, fluffy riddle-masters await.
Untangle the family ties of CSS selectors if you want to earn their coins — and their respect.
Face the monsters of Moonlit

Uncover the invisible.
A barrier blocks your path, and only those who understand the box model can reveal it.
Learn what padding, border, and margin truly mean — and unlock what lies hidden.
Unveil the secret of the invisible box

Bring color and order to the garden bed.
The overgrown garden is in chaos.
Only those who use colors wisely and understand units of measurement can restore harmony to the beds.
Help the little gardener so new life may bloom.
Help the desperate gardener

Give the rebellion a voice.
In the shadows of Greenwood Hollow, the resistance is growing.
Help Caelan and Tinker bring order to the chaos of words and create a platform that spreads hope.
Join the whisper of resistance

Learn how words grow.
Between the ancient trees of Greenwood Hollow, Sylvandor’s wisdom awaits you.
Decipher quotes, abbreviations, and hidden messages to help the resistance find its voice.
Listen to the song of the forest

Give your words wings.
With Seraphina, you’ll learn how colors, fonts, and shadows can make your message shine.
Make your text so powerful that even Cobol’s machines have to blink.
Awaken the colors of the rebellion

Choose your words wisely
Learn with Yoru to align your text as precisely as if you were planning chess moves.
In the resistance, sometimes the alignment of words decides between victory and defeat.
Begin the Scrabble duel

The power of fonts.
In the secret library of Greenwood Hollow, you’ll learn how typefaces can amplify your message.
Choose the right voices for the resistance — before Kragor’s shadow silences everything.
Discover the voices

Unite what is divided.
In a forgotten outpost of the resistance, you’ll learn how links act as lifelines.
Each click brings you a step closer to Bastet — or deeper into the shadows.
Decode the signal

Words that work like armor.
Bastet entrusts you with the secret art of lists.
Bring order to the chaos and structure the resistance’s hope.
Open Bastet’s message

When images speak louder than a thousand words.
Discover the power of visuals!
Learn how to skillfully showcase photos, graphics, and symbols for the resistance.
Open the gallery of memories

The magic of shapes.
Create a symbol that sparks hope:
Learn how circles, lines, and rectangles in SVGs become the heartbeat of the rebellion.
Awaken the symbol

A trick of symbols and cunning.
Activate icons, confuse Kragor, and lead him astray — armed with the power of icon fonts.
Protect the resistance

Let the resistance roar!
Create noise and confusion: with sound, image, and a touch of madness, you’ll outsmart Kragor and hold up the mirror of chaos.
Unleash the wave of sound

Deceive Kragor and ally with the shadows!
Use portals, iframes, and magical windows to lay false trails and lead the hunters astray.
Open the portal

Build a refuge that drives Kragor to despair!
Design walls and boxes with clever backgrounds and bring confusion into play — without losing control.
Design the hideout

Build a table that drives even Kragor mad!
Learn how tables work in HTML and create a data labyrinth where even machines lose their way.
Create the table of deception

Trick Kragor with a maintenance form
Harness the power of forms to outsmart even a steel giant and finally bring Greenwood Hollow to safety.
Send Kragor to the workshop

Flex your way through the labyrinth
Rearrange the ever-shifting maze! Only flexibility — and a bit of defiance — will lead you back into the light.
Tame the labyrinth

Break the pattern
Piece the shattered mosaic back together, rescue Willow, and turn Vorath’s game into his own prison.
Arrange the shards

Master flexibility
Adapt to the fleeting moods and shifting sizes of the islands, use their colors and dimensions, and find your way through the dancing world.
Dance across the islands

Learn the game of positions
In this fortress, walls and shadows shift like living beings.
Position yourself wisely — or you’ll lose yourself in the dark.
Guide the shadows

Cursed slabs! – Control what is visible
The slabs of this fortress are alive — some will help you, others want to drag you into the depths.
Activate, deactivate, and find your path through the chaos.
Control the slabs

Free the lost souls
Some spirits are visible, others hide behind rigid borders.
Learn to control the frames and return freedom to the images.
Free the spirits

Find the path through the shadows
The tangled nest of branches and wires holds the way out of Umbra’s fortress.
Rearrange the nested paths and follow the right beam of light to escape.
Traverse the nest

Decipher Umbra’s secret system
Columns filled with ancient magic guard the path.
Find the correct order, understand the hierarchy of shadows — and open the hidden gate to freedom.
Solve the riddle of the columns

Wrest control from Umbra
At the heart of the fortress lies the source of all shadows.
Access the root of power and override the dark system — before it consumes you.
Claim the Shadow Core

Uncover Umbra’s secret
Within the forgotten scrolls lies the last of Umbra’s power.
Unravel the mysteries of the shadows and free the fortress from her grasp.
Solve the Shadow Chronicles

Dare to play the numbers
A massive scale of light and shadow awaits you.
Find the perfect balance before Umbra strikes one final time.
Your number magic will decide the fate of the fortress!
Balance the scales

Shatter the illusion
Umbra stirs the shadows one last time.
Only those who correctly transform the gallery of heroes will find the way back into the light.
Look closely — and change what seeks to deceive you.
Break the illusion

Break the curse
The shadows tremble, the light calls: in this final dance, you must guide the star through Umbra’s chaotic motions.
Find the rhythm, control the patterns — and free the fortress once and for all.
Break Umbra’s curse

The final battle plan – The rebellion awakens
In Morrigan’s alchemy lab, you forge the decisive plan alongside Morrigan, Hiram, and Seraphina.
Create the rebels’ website, unite the people — and divert Cobol’s gaze so Bastet can save Gart.
Launch the call for freedom