You’ve probably watched the Star Wars movies. Now I will try to create this animation for the first episode.
First of all, let’s prepare the markup for our page.
Inside the body, add a div with class star-wars, inside it, add a div with class episode-intro.
The first div.episode-intro element should be div.header with two child headers h2 and h1 - in that order.
The heading text for h1 is THE PHANTOM MENACE, for h2 is Episode I.
There must be three paragraphs after div.header.
The text of the first paragraph is Turmoil has engulfed the Galactic Republic. The taxation of trade routes to outlying star systems is in dispute.
The text of the second paragraph is Hoping to resolve the matter with a blockade of deadly battleships, the greedy Trade Federation has stopped all shipping to the small planet of Naboo.
The text of the third paragraph is `While the Congress of the Republic endlessly debates this alarming chain of events, the Supreme Chancellor has secretly dispatched two Jedi Knights, the guardians of peace and justice in the galaxy, to settle the conflict. …

This task is part of the Full-Stack JavaScript Course.
If you have any issues with it, you can ask for community help below the post.
Feel free to help others if you’ve already solved the task.


<!DOCTYPE html>
    <title>Star wars: Episode I</title>