Long description

Set 1 consists of four lines of H T M L code all at indentation level 0. Line 1: open angle bracket div close angle bracket open angle bracket forward slash div close angle bracket open angle bracket div close angle bracket open angle bracket forward slash div close angle bracket. Line 2: open angle bracket div close angle bracket open angle bracket forward slash div close angle bracket open angle bracket div close angle bracket open angle bracket forward slash div close angle bracket. Line 3: open angle bracket div close angle bracket open angle bracket forward slash div close angle bracket open angle bracket div close angle bracket open angle bracket forward slash div close angle bracket. Line 4: open angle bracket div close angle bracket open angle bracket forward slash div close angle bracket. The first window is placed at the left of set 1. Seven squares of the same size are placed side-by-side inside the window. An arrow from set 1 points to the squares inside the first window.

Set 2 consists of seven lines of H T M L code at indentation level 0 and is placed below set 1. Line 1: open angle bracket div close angle bracket open angle bracket forward slash div close angle bracket. Line 2: open angle bracket div i d equals open double quotes first close double quotes close angle bracket open angle bracket forward slash div close angle bracket. Line 3: open angle bracket div class equals open double quotes circle close double quotes close angle bracket open angle bracket forward slash div close angle bracket. Line 4: open angle bracket div class equals open double quotes circle close double quotes close angle bracket open angle bracket forward slash div close angle bracket. Line 5: open angle bracket div class equals open double quotes orange close double quotes close angle bracket open angle bracket forward slash div close angle bracket. Line 6: open angle bracket div class equals open double quotes circle orange close double quotes close angle bracket open angle bracket forward slash div close angle bracket. Line 7: open angle bracket div close angle bracket open angle bracket forward slash div close angle bracket. The second window is placed at the left of set 2. The second window consists of a square followed by a solid seagreen square, followed by two solid blue circles, followed by an orange square, followed by an orange circle, followed by a square placed side-by-side. A green arrow from the solid seagreen square points to set 3, which consists of three lines of C S S code. Line 1: hashtag first open curly braces at indentation level 0. Line 2: background hyphen color colon seagreen semicolon at indentation level 1. Line 3: close curly brace at indentation level 0. A blue arrow from the two solid blue circles and an arrow from the solid orange circle in the second window points to set 4, which consists of four lines of C S S code. Line 1: dot circle open curly braces at indentation level 0. Line 2: background hyphen color colon royalblue semicolon at indentation level 1. Line 3: border hyphen radius colon 50 percent semicolon at indentation level 1. Line 4: Close curly brace at indentation level 0. An orange arrow from the solid orange square and solid orange circle in the second window points to set 5, which consists of three lines of C S S code. Line 1: dot orange open curly braces at indentation level 0. Line 2: background hyphen color colon orange semicolon at indentation level 1. Line 3: close curly braces at indentation level 0.