now you may neeed javascript here: When you click anywhere in one of the hot dog boxes a modal dialog will appear as follows: You will format yours close to mine, with a column layout, and all the class information nicely displayed.Implementation:Create a HotDog class (or another topic), to hold all the information for a HotDog, including:The image file nameA get section method which returns only the image in an html section with the hover added to make an overlay.When the name/image of the hotdog is clicked it shows the popup, data for the popup is gathered from class variables.Create an array of at least 4 hotdogs - add details as appropriateSave the images in an image folder so you can access themLoop through the hotdogs, and add them to the DOM, use functions as appropriateMake sure everything is visually appealing, aligned correctly, all images the same size... or at least the same width like mine.If you struggle to get the modal dialog working, you can simply display the information on the page when clicked for partial marks.

When you click anywhere in one of the hot dog boxes a modal dialog will appear as follows