Summary

This interactive sandwich page was created to showcase my favourite sandwich called "The savoury grilled cheese". The page shows the ingredients, the nutritional facts, and how it can be made. There is an interactive section where the user can click a button to view the nutritional facts of each individual ingredient. There is an infographic that teaches the user more facts about sandwiches and it's origins. There is also a short video that shows the sandwich being made.

How it was made

This project was created using HTML, CSS, JS, and animated using GSAP. I created the logo from a picture of my sandwich and chose a blue background to compliment the colour of the cheese. The nutritional facts graphics were all made using photoshop and the instructional video edited in premiere pro.