Best way to do this?

Hey Guys

We are recreating a site that a client has written in HTML, and creating it in Enfold.

On this page http://noodlenow.co.uk/ourcourses.html there are 4 colour boxes under the heading “Click on the categories and browse through our range of courses!” when these are clicked, the content underneath them changes depending on the category you’ve clicked.

If you can have a look at the way this is done, and what needs to be produced/shown when they are clicked. What would be the best way to re-create this in Enfold?? they want the site exactly the same, it is just their old developer has retired and we only deal with wordpress sites.

Thanks in advance.