Authors information

1. Name: Law Yuki Banner ID: B00865885 Email: yk717189@dal.ca
2. Name: Harnoor Singh Bajwa Banner ID: B00881476 Email: hr569149@dal.ca
3. Name: akashdeep Singh Bedi Banner ID: B00882878 Email: ak603686@dal.ca
4. Name: Kieran Hislop Banner ID: B00888752 Email: kr912789@dal.ca
5. Agatha Rose Joseph B00894011 Name: Agatha Rose Joseph Banner ID: B00894011 Email: ag584596@dal.ca

Task Division

1. Yuki Law - Contact page(CSS, HTML, Javascript), readme
2. Harnoor Singh Bajwa - Hour & Location, Main page(HTML, CSS)
3. Aakashdeep Singh Bedi - Menu, Main page(HTML, CSS)
4. Kieran Hislop - Introducing the chef & the team(HTML, CSS)
5. Agatha Rose Joseph - Our story & reviews(HTML, CSS)

Citation

1. Author: Photo by Siyuan on Unsplash URL: https://unsplash.com/photos/g_V2rt6iG7A Date accessed: 11 - Oct - 2021

2. Author: Photo by Bruna Branco on Unsplash URL: https://unsplash.com/photos/t8hTmte4O_g Date accessed: 11 - Oct - 2021

3. Author: Photo by Luisa Brimble on Unsplash URL: https://unsplash.com/photos/vIm26fn_QKg Date accessed: 11 - Oct - 2021

4. Author: Photo by Foad Roshan on Unsplash URL: https://unsplash.com/photos/Y6OgisiGBjM Date accessed: 11 - Oct - 2021

5. Author: Video by Pavel Danilyuk from Pexels URL: https://www.pexels.com/video/person-pouring-wine-in-a-wine-glass-8764784/ Date accessed: 13 - Oct - 2021

6. Author: Photo by Louis Hansel on Unsplash URL: https://unsplash.com/photos/W75bFvPPrK8 Date accessed: 11 - Oct - 2021

7. Author: ontheworldmap.com URL: https://ontheworldmap.com/canada/city/halifax/large-detailed-map-of-halifax.html Date accessed: 20 - Oct - 2021

8. AUTHOR: il MERCATO URL: https://www.il-mercato.ca/ Date accessed: 18 - Oct - 2021

9. Author: Nicolas Gallagher(CSS Reset: Normalize.css) URL: http://github.com/necolas/normalize.css Date accessed: 31 - Oct - 2021

10. Author: fonts.googleapis.com URL: https://fonts.googleapis.com/icon?family=Material+Icons Date accessed: 30 - Nov - 2021

11. Author: M. Gabriella Mosquera URL: https://dal.brightspace.com/d2l/le/content/185339/viewContent/2681872/View Date accessed: 30 - Nov - 2021

12. Author: w3schools URL: https://www.w3schools.com/howto/howto_js_filter_table.asp Date accessed: 7 - Dec - 2021

Project description

For our project we decided to make a restaurant website. Our website is a Italian restaurant website which contain 7 different pages. It contains the main page, menu page, introducing the chef and restaurant staff page, restaurant review page, restaurant story page, restaurant operating hour and location page and the conatct us page. All the pages have different design for desktop view and mobile view. Each page contain a header and footer. The header is different for desktop view and mobile view. In desktop view, the nevigation bar will be visible on screen unlike the navigation bar for mobile view. For mobile view, user has to click on the hamburger menu in order for the navigation bar to show. When the user hover over the link on the navigation bar the link will turn grey indicating the user mouse is hovering on top of the link. When user click on the link, the user will be bring to the page that the user clicked on. For the main page, user will be able to see pictures from the restaurant and there will be links that takes user to another pages. User can click on the logo of the restaurant on the header and that will bring the user to the main page. For the menu page, user will be able to know whta the resaturant is serving. For the review page, user will be able to see the review of the past customers. However, the user will not be able to leave a review. For the our story page, user will be able to read the story of our restaurant, La Casa. For The Team page, the cooking staff and working staff will be introduce to the user. For Hours & Location page, the user can check the restaurant operating hour and the location of the restaurant. Last but not least, the user will be able to get the restaurant informating and send a webform to the restaurant on the contact us page. Other than clicking on the contact us link on the navigation bar, the user can also click on the contact us link on the footer to get to the contact us page. When user submit a webform, a window alert will pop up to notify the user the message has been sent.