ohmyfood

Mobile-friendly site that lists the menus of gourmet restaurants

My web page hosted online on GitHub Pages

Homepage

• Display the location of restaurants. Eventually,
  it will be possible to choose restaurants close to a certain place.

• A short presentation of the company.

• A section containing the four menus in the form of cards.
  When clicking on the card,the user is redirected to the menu page.

• when you arrive on the home page a loading spinner will appear.

Menu Pages

• Four pages each containing a restaurant menu.

Header

• The header is present on all pages.
• The home page contains the logo of the site.
• The menu pages contain a button to return to the home page.

footer

• The footer is identical on all pages.
• When you click on Contact, a link to an email address is made.

Button

• When hovering, the background color of the main buttons should lighten slightly.
• heart-shaped Like button when you click on it gradually fill up.

This Mock-Up for Home page

This Mock-up for menus page

Animation

Pages fade-in

Button Animation