HTML/JS/Bootstrap Web Page Development

code a web page using html, js and bootstrap. everything is within the html, there is no db.

the page has the below functions:
- page to build a shopping cart by choosing products and quantity. for example https://codepen.io/Dimasion/pen/oBoqBM
- there will be 4 products for example apple, banana, mango, lemon
- each product has a name, description and cost associated with it
- user can choose a template from the template list which will automatically populate the shopping cart. for example if he chooses the template "fruits for a family of 2" the shopping cart will be filled with 12 bananas, 2 apples
- user can input number of calories and it should populate cart with values
- i should be able to add more templates and values directly in the html/js
- user can edit all data in the shopping cart in place. he can change the product, the price per product, quantity and the total must refresh. he can remove items from cart too.

other requirements:
- code must be mobile responsive
- it should be hostable as static website (no react/vue runtime required)
- no advance, max time 3 days to build this. code review over gmeet, provide complete code after payment.
- also need static website development