Long description

The browser window consists of 6 rectangular cards placed in 2 rows and 3 columns. The cards are equally spaced from each other. The cards are structured similarly from top to bottom with a level-1 heading at the top center, followed by a table with 6 rows and 2 columns, and either two or three buttons placed side-by-side at the bottom. The first card shows the following information from top to bottom. Heading: “A” “A” P L hyphen Apple Inc. Table contents: First row: First column, Share Price open parenthesis 50 hyphen day “a” v g close parenthesis colon. Second column, $ 182.26. Next row: First column, Share Price open parenthesis 200 hyphen day “a” v g close parenthesis colon. Second column, $190.30. Next row: First column, Market Cap open parenthesis 50 hyphen day “a” v g close parenthesis colon. Second column, $ 859 B. Next row: First column, Market Cap open parenthesis 200 hyphen day “a” v g close parenthesis colon. Second column, $ 897 B. Next row: First column, Net Revenue colon. Second column, $ 32 B. Last row: First column, Shareholder Equity colon. Second column, $ 118 B. Three buttons that are labeled Technology, Consumer Electronics, and Computer Hardware are placed below the table.

The second card shows the following information from top to bottom. “A” D B E hyphen Adobe Inc. The table consist of 2 columns and 6 rows. First row: First column, Share Price open parenthesis 50 hyphen day “a” v g close parenthesis colon. Second column, $ 262.19. Next row: First column, Share Price open parenthesis 200 hyphen day “a” v g close parenthesis colon. Second column, $ 251.68. Next row: First column, Market Cap open parenthesis 50 hyphen day “a” v g close parenthesis colon. Second column, $ 128 B. Next row: First column, Market Cap open parenthesis 200 hyphen day “a” v g close parenthesis colon. Second column, $ 123 B. Next row: First column, Net Revenue colon. Second column, $ 2.2 B. Last row: First column, Shareholder Equity colon. Second column, $ 9.9 B. Three buttons that are labeled Technology, Software-Application, and Application Software are placed below the table.

The third card shows the following information from top to bottom. “A” D I hyphen Analog Devices Inc. The table consist of 2 columns and 6 rows. First row: First column, Share Price open parenthesis 50 hyphen day “a” v g close parenthesis colon. Second column, $ 106.87. Next row: First column, Share Price open parenthesis 200 hyphen day “a” v g close parenthesis colon. Second column, $ 194.57. Next row: First column, Market Cap open parenthesis 50 hyphen day “a” v g close parenthesis colon. Second column, $ 39 B. Next row: First column, Market Cap open parenthesis 200 hyphen day “a” v g close parenthesis colon. Second column, $ 35 B. Next row: First column, Net Revenue colon. Second column, $ 1 B. Last row: First column, Shareholder Equity colon. Second column, $ 12 B. Two buttons that are labeled Technology and Semiconductors are placed below the table.

The fourth card shows the following information from top to bottom. “A” D S K hyphen Autodesk Inc. The table consist of 2 columns and 6 rows. First row: First column, Share Price open parenthesis 50 hyphen day “a” v g close parenthesis colon. Second column, $ 158.95. Next row: First column, Share Price open parenthesis 200 hyphen day “a” v g close parenthesis colon. Second column, $ 143.19. Next row: First column, Market Cap open parenthesis 50 hyphen day “a” v g close parenthesis colon. Second column, $ 35 B.

Next row: First column, Market Cap open parenthesis 200 hyphen day “a” v g close parenthesis colon. Second column, $ 831 B. Next row: First column, Net Revenue colon. Second column, $ 610 M. Last row: First column, Shareholder Equity colon. Second column, $ negative 211 M. Three buttons that are labeled Technology, Software-Application, and Application Software are placed below the table.

The fifth card shows the following information from top to bottom. “A” M D hyphen Advanced Micro Devices Inc. The table consist of 2 columns and 6 rows. First row: First column, Share Price open parenthesis 50 hyphen day “a” v g close parenthesis colon. Second column, $ 182.26. Next row: First column, Share Price open parenthesis 200 hyphen day “a” v g close parenthesis colon. Second column, $ 24.80. Next row: First column, Market Cap open parenthesis 50 hyphen day “a” v g close parenthesis colon. Second column, $ 27 B. Next row: First column, Market Cap open parenthesis 200 hyphen day “a” v g close parenthesis colon. Second column, $ 24 B. Next row: First column, Net Revenue colon. Second column, $ 537 M. Last row: First column, Shareholder Equity colon. Second column, $ 1.3 B. Two buttons that are labeled Technology and Semiconductors are placed below the table.

The sixth card shows the following information from top to bottom. “A” M Z N hyphen Amazon dot com Inc. The table consist of 2 columns and 6 rows. First row: First column, Share Price open parenthesis 50 hyphen day “a” v g close parenthesis colon. Second column, $ 1,712.56. Next row: First column, Share Price open parenthesis 200 hyphen day “a” v g close parenthesis colon. Second column, $ 1,744.03. Next row: First column, Market Cap open parenthesis 50 hyphen day “a” v g close parenthesis colon. Second column, $ 841 B. Next row: First column, Market Cap open parenthesis 200 hyphen day “a” v g close parenthesis colon. Second column, $ 857 B. Next row: First column, Net Revenue colon. Second column, $ 18 B. Last row: First column, Shareholder Equity colon. Second column, $ 44 B. Three buttons that are labeled Consumer Cyclical, Specialty Retail, and Retail-Apparel ampersand Specialty are placed below the table.

The block of code that corresponds to the fifth card is placed below the browser window and reads as follows. Line 1: open angle bracket article class equals open double quotes card close double quotes close angle bracket at indentation level 0. Line 2: open angle bracket h 2 close angle bracket “A” M D - Advanced Micro Devices Inc. open angle bracket forward slash h 2 close angle bracket at indentation level 1. Line 3: open angle bracket div close angle bracket at indentation level 1. Line 4: open angle bracket p close angle bracket Share Price open parenthesis 50 hyphen day “a” v g close parenthesis colon open angle bracket span close angle bracket dollar 24.80 open angle bracket forward slash span close angle bracket open angle bracket forward slash p close angle bracket at indentation level 2. Line 5: open angle bracket p close angle bracket Share Price open parenthesis 200 hyphen day “a” v g close parenthesis colon open angle bracket span close angle bracket dollar 22.50 open angle bracket forward slash span close angle bracket open angle bracket forward slash p close angle bracket at indentation level 2. Line 6: open angle bracket p close angle bracket Market Cap open parenthesis 50 hyphen day “a” v g close parenthesis colon open angle bracket span close angle bracket dollar 27 B open angle bracket forward slash span close angle bracket open angle bracket forward slash p close angle bracket at indentation level 2. Line 7: open angle bracket p close angle bracket Market Cap open parenthesis 200 hyphen day “a” v g close parenthesis colon open angle bracket span close angle bracket dollar 248 open angle bracket forward slash span close angle bracket open angle bracket forward slash p close angle bracket at indentation level 2. Line 8: open angle bracket p close angle bracket Net Revenue colon open angle bracket span close angle bracket dollar 537 M open angle bracket forward slash span close angle bracket open angle bracket forward slash p close angle bracket at indentation level 2. Line 9: open angle bracket p close angle bracket Shareholder Equity colon open angle bracket span close angle bracket dollar 1 . 3B open angle bracket forward slash span close angle bracket open angle bracket forward slash p close angle bracket at indentation level 2. Line 10: open angle bracket forward slash div close angle bracket at indentation level 1. Line 11: open angle bracket footer close angle bracket at indentation level 1. Line 12: open angle bracket small close angle bracket Technology open angle bracket forward slash smal1 close angle bracket open angle bracket small close angle bracket Semiconductors open angle bracket forward slash small close angle bracket at indentation level 2. Line 13: open angle bracket forward slash footer close angle bracket at indentation level 1. Line 14: open angle bracket forward slash article close angle bracket at indentation level 0.

Note: Company Card open parenthesis close parenthesis function constructor will encapsulate both the data for a single company and the method outputCard open parenthesis close parenthesis which will output the markup using its data in the code.