A fully responsive page for a pizza restaurant, which contains the most important sections to be usefull, and also uses JavaScript to be a fully dinamic page.
In this Capstone, I made a webpage for a Pizza Restaurant called Fratello. I created the Home and the About pages, both on mobile and desktop versions using the media Querys on 768 px breakpoint.
As well I implemented the following Interactions
Regarding the Links:
The home page has a link in the menu to the about page.
The logo in the header links to the home page.
I also build a mobile menu using javascript event listener properties into the hamburger button and the close(X) button.
Regarding the Dynamic page:
The section "Popular Pizzas" is created dynamically in JavaScript with a function.
I used a JavaScript array to store the data about the pizzas and use it when the page loads to create the HTML for this section dynamically.
I tried to stick as much as possible to the Original design by Cindy Shin in Behance. But being creative and adapting it to my content, all the information and photos on this project are of my authorship.
If you want to know my project closer here is the link to the Explanation Video
In this Capstone, I made a webpage for a Pizza Restaurant called Fratello. I created the Home and the About pages, both on mobile and desktop versions using the media Querys on 768 px breakpoint.
As well I implemented the following Interactions
Regarding the Links:
I also build a mobile menu using javascript event listener properties into the hamburger button and the close(X) button. Regarding the Dynamic page:
I tried to stick as much as possible to the Original design by Cindy Shin in Behance. But being creative and adapting it to my content, all the information and photos on this project are of my authorship.
If you want to know my project closer here is the link to the Explanation Video