This is a HTML question. Develop a html mock-up of the interface…

Question Answered step-by-step This is a HTML question. Develop a html mock-up of the interface… This is a HTML question. Develop a html mock-up of the interface shows in the image below. It does not have to be identical but needs to at least meet the requirements (listed as 1, 2, 3, 4, and 5 in the image below). The interface should be a form that allows the following actions:1. identify the salesperson by their ID and password, and the client by a valid client if found in the clients table2. navigate (with Prev widget and Next widget buttons) and display widget images, in addition to the description and asking price.3. add the current widget to ordered items, including the amount, and the agreed price4. display the subtotal, the total of the order including VAT, together with he client’s name, address, and the date and time of the order5. When pressing Begin Order, display a map centred around the current location oft he salesperson. The map should use markers to show the places where previous orders were placed by the salesperson.Description – The user starts by clicking on ‘Begin Order’ after entering their details and the client id. The navigation of the widget catalogue with ‘Next’ and ‘prev’ buttons have been allowed. When the widgets have been added in order, the ‘End Order’ button is used and this opens a new order and a map where the location of the client is shown with a pin for the order. Additional buttons and screens can be used if appropriate.Image transcription textMegaMax Sale ID PASS: (1) Client: 1 Begin Order Prev Widget Next Next Number 1 2) Brass, self tapping woodscrew, 20mm Agreed Price 0.1 (5) 3) Add to Order End Order Dear Costco Wholesale UK Ltd., Your order atMandeville Dr, Milton on 2021-10-17 Keynes MK10 0DB 14:08:09 4) ass, self tapping wood screw, … Show more… Show more  Engineering & Technology Computer Science L CM-0315L Share QuestionEmailCopy link Comments (0)