Skip to content

Latest commit

 

History

History
33 lines (26 loc) · 1.76 KB

directions.md

File metadata and controls

33 lines (26 loc) · 1.76 KB

Independent Project 2: Front End Assessment

  • Complete this task.
  • You are expected to use bootstrap framework for this task.
  • Create a website using core.jpg as a guide to how it will look like finally.
  • All the resources are provided in the assets folder

Important:

  • Do not change the layout or image sizes.
  • Use Google fonts for fonts.
  • Colour codes for the various colours used are: #F15A29

REQUIRED

  • Create a Hover effect for the **breakfast, lunch and dinner ** sections such that on hover they are covered by a layer of white as shown by the lunch section and their fonts are turned to black from white.
  • The Hamburger menu represented by the 3 horizontal lines when clicked should open a full screen menu that has the following menu items: a. contacts b. events c. menu They should all be a hyperlink to '#'
  • The full screen menu (above) should be colour #F15A29 and the text of the menu items black in colour
  • Integrate Google Analytics to track page visits to the website.
  • Tell the user that he/she has been subscribed by showing the email and a message. For example: ** [email protected] has been successfully added to our email list. Thank you. **
  • Host your website to github pages.

Extra Credit

  • Add an animation to the numbers on the profiles such that they start from zero and increase to the final number displayed.
  • Make the subscribe button to work using the mail chimp API.
  • For the Happy Hour and Party time, create a modal that explains further what services Menu restaurant offers for both Party time and Happy Hour.

All the best and happy coding!!