Task Requirements

In this task, you will be asked to present tabular data on a web page. Pay attention to the requirements for the table's appearance.

Please, note you should edit the src/index.html file. We can't verify your solution if you use a different file.

Raw Data for the table:

Shop list for 25th of May

Name
Purchases
Price
Amount (kilo)
Sum

Apple
20
2
40

Potato
10
3
30

Carrot
15
1
15

Total
3
85

Requirements

1. Using table-related tags add a table with the information above into the body element.
2. Table should have title, header (bold cells in the top rows of the presented table), footer (with a total amount of purchases), body (with the shopping data itself). Please, use corresponding HTML tags for it.
3. Caption of the table should be: Shop list for 25th of May.
4. Don't forget, every <th> in the head, should have scope="col" attribute.
5. Cell with Purchases should be a big label across three columns.
6. Please, note the Name should go across two rows
7. Please, note the Total should go across two columns.
8. Price and Amount (kilo) columns should be grouped using <colgroup> and <col> tags. Don't forget to add <col> for every column.