Convert responsive HTML into Joomla

I have create a responsive website in HTML. In particular, I have a responsive image with buttons. The button activation is made by means of Javascript. The image is responsive because the buttons (embedded in the image) are identified by means of an area map, and the Javascript recalculates dynamically the button position. You can see the responsive pages at [login to view URL] (click on the buttons to see the action and resize the browser window to see that the buttons remain clickable even when the image is resized). I want to port these pages to Joomla. I have a blank Joomla test site where these pages have to be created as articles, modules or whatever you want, as long as it works. You can add modules, scripts, etc, but the Joomla result must work exactly like the html pages of the example. I attach the html files and javascript. but you can also download them from the test site.