dsckgec / seatandeat Goto Github PK

• Add Footer to every page, which you would find in the landing page.
• Make it responsive.

• Make the footer responsive for all devices

Description of what needs to be done
All grammatical and punctuation errors in the entire website need to be corrected.

Why does this need to be done?

1. This needs to be done to reduce the number of words on the page and provide a better user experience.
2. Pages with better language are usually ranked higher on the internet. (SEO)

Is your feature request related to a problem? Please describe.
I went through the app and noticed the "about us" is supposed to be clickable which it isn't.

Describe the solution you'd like
To make the relative link clickable so the users can navigate at their convenience when scrolling.

Describe alternatives you've considered
Linking the About link to the About.html page

Is your feature request related to a problem? Please describe.
Since we have to add navbar and footer on each page separately we should think of an alternative.

Describe the solution you'd like
Divide the page into 3 iframes, 1 for navbar, 1 for body [pages], 1 for footer.
NOTE: EACH BODY PAGE WILL BE WRAPPED IN A SEPERATE IFRAME
Now make the visibility of each body iframe false except the homepage. Using js and onclick event, change the visibility according to the page selected,

Additional context
This can give a react feel to the web page as well. A demo code is attached as a txt file.
iframe.txt
here.

• Add favicon to all pages
• Favicon is already present in the respective folder. Don't add any new favicon

• Make the hero-section responsive
• Find the required files in the repo. Don't make changes to any other css, html file

• Change the styling of the heading, paragraph, and button as shown above.
• Maintain the accent color for the button
• Remember don't change the alignment from center to left
• Add a custom and minimal hover effect to the Learn more button. use the accent color for the hover color.

• In the about us section, you have to replace the static image with a suitable animation.
• It should be responsive with the whole page.

• Make the navbar responsive
• Create a hamburger menu for the navbar dropdown
• Include only the nav list items for the dropdown ( Don't include the SeatAndEat Logo )
• Add a small animation to the hamburger menu icon when clicked

• Make the Hero section responsive the Menu section.

• Make the popular dish section responsive
• Also few changes to be done in the styling :
  * Make all the dish images card the same size
  * Make equal padding and same alignment to the cards

• Make the food categories section responsive for all devices

• Make about us section responsive

• Make our menu section responsive
• Also make the discount card responsive

• Add food cards to the menu page. It should look like the above design.
• Maintain the accent color when making the cards.
• The background should be dark like the other pages.

Describe the bug
The footer is not responsive

To Reproduce
Steps to reproduce the behavior:
Go to the css file and add media query, change the flex-flow to column

Expected behavior
Responsiveness is working