Please provide the code

JAVASCRIPT + CSS All html Pages - must use semantic tags for the layout - could use something similar to: header > Company Name links to other web pages nav > content of the page main > running total of all orders section > company information footer> - you can use any other semantic elements such as section and aside The index.html Page - the header element o should contain your name - the nav element o should contain a links to the other html files - the main element o should contain three images of products available for purchase o the images should appear on one page should not need to scroll to see the images o if the user clicks an image * then a message box should appear, asking the user if he wishes to purchase the product * if the user clicks OK, then another box appears, asking the user to enter the number of items he wishes to purchase * user still has option to click cancel, and not order any * keep track of the number he wishes to purchase * marks will be deducted if the number of products displayed is null or undefined o below each image, should be a description of each product * should also include the price per product * when clicked (or mouseover), more information about the product should be provided - can be in the same place or in another section * if same place, then when the more information is double clicked (or mouseout), the original text should reappear * the section div o should maintain a running total of all individual orders * as an order is made, it should appear - footer div o displays the company information such as name, address etc