build a Code for simple javascript

• A heading that identifies the web page. • A presentation box for the display of images. The width and height of the presentation box is to remain constant. • There should be four or more images of various dimensions to be displayed. Do not link to web image URLs. • This web page must incorporate the usage of the following HTML5 semantic tags:  <header> tag for the container of heading(s)  <main> tag  <article> tag for the presentation box that contain a single <img> tag to rotationally display individual images  <aside> tag for displaying the description of individual images  <footer> tag for displaying a row of icons showing miniature image  Other necessary/appropriate semantic tags • This web page must NOT utilize the following:  <div> tag for the building of containers or other purposes  <table> and other table related tags  HTML attributes that can be replaced by CSS properties • This web page must utilize the following CSS properties:  box-shadow for the displayed images  transition for the row of image icons • This web page must utilize JavaScript to  Dynamically load and display individual images  Dynamically compute and adjust the width and height of individual images based on the predefined dimensions of the display area. Note: The displayed images must not be distorted. I.e. the width/height ratio must conform to the size of the actual image file.  Dynamically change the displayed images in the order dictated by the pressing of the right and left arrow keys.