STIG Website Project

Pick from the below a scenario

1. Alien Travel Guide

Scenario:
You’ve been hired by the Intergalactic Tourism Board to make a webpage advertising three amazing planets for alien holidaymakers.
Each planet needs:

• A heading with its name.

• A paragraph describing why it’s awesome (e.g., floating jelly cities, 24-hour rainbow skies).

• An image (real space pics from NASA or fake ones from picsum.photos).

• A link to “book a ticket” (just a fun made-up URL like https://spacetravel.com/planet-x).

CSS twist:

• Background colour to match space vibes.

• Hover effect on the planet images (zoom or glow).

2. Superhero Profile Page

Scenario:
You’ve been hired to make a fan page for your three favourite superheroes (or ones you make up).
Each hero should have:

• A heading with their name.

• A paragraph describing their powers.

• An image of them (real comic characters or AI-generated).

• A link to “read more” (Marvel/DC wiki or a made-up hero profile).

CSS twist:

• Different colours for each hero’s section.

• Hover effect on hero names or pictures.

3. Monster Menu

Scenario:
You’re opening a monster-themed café and need a webpage for your three signature dishes.
Each dish should have:

• A heading with the name of the dish (e.g., “Dragon Flame Burger”).

• A paragraph describing the taste and magical effects.

• An image (could be food images or fantasy art).

• A link to “order now” or “learn the recipe”.

CSS twist:

• Background gradient to make it look spooky or magical.

• Hover effect that changes the dish name’s colour.