Web Application based on Graphic Design that implements responsive use of images, responsive CSS, responsive web design and JavaScript to implement a Hamburguer Menu.
The following images show how the application works:
When the Web application is opened in a small viewport (mobile, tablet), the items of the menu are contained inside a hamburguer menu.
The web project looks very well in Desktop, Laptop, iPad Pro, iPad, iPhone, Galaxy and other mobile devices.
The user can make click in the hamburguer menu to deploy the items of the menu.
Responsive Web Site.
INSTRUCTIONS
- Donwload and unzip the repository folder.
- Inside of the repository directory a zipped folder with the name images is located. Unzip the images folder with the option Extract here. (Don't create a new folder called images or the image elements won't be linked properly).
- Open the index.html file in Google Chrome to see the project.
Author: Andrés R. Bucheli.