Long description

The browser is divided into three horizontal sections. Section 1 consists of a rectangular block at the top with a circle, three lines, a textbox, and a circle with an image of a person inside placed from left to right in the block. Section 2 consists of three rows that show a square, two lines, a small rectangular box, a line, followed by a form with empty rectangular boxes and a solid rectangular box. Section 3 consists of a rectangular block at the bottom with five columns containing five lines one below the other. The entire browser is marked Page as it appears to user is composed of multiple React components.

The three sections are placed separately below the browser. Section 1 is marked Header. The circle at the left end is marked Logo. The three lines at the right of the logo is marked Menu. The textbox at the right of the menu is marked Search. The circle with an image of a person inside is marked Profile. The elements in the left side of Section 2 is marked Shopping cart. The last row in section 2 is marked Cartitem. The small rectangular boxes are marked Quantity. The form is the PaymentForm. The empty rectangular boxes in the form are marked InputField. The solid rectangular box is marked PayButton. The rectangular block at the bottom is marked Footer at the right and the column containing five lines is marked FooterColumn.