├── bgImg.png ├── README.md └── index.HTML /bgImg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Navaneethakrishnan2004/Menu-Card/HEAD/bgImg.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Restaurant Menu Webpage 2 | 3 | This is a simple HTML webpage presenting a restaurant menu. The menu is divided into three sections: Pizzas 🍕, Burgers 🍔, and Noodles 🍝. The webpage provides a visually appealing and user-friendly display of various food items in each category. 4 | 5 | ## Features 6 | 7 | - **Responsive Design:** The webpage is designed to be responsive and can adapt to different screen sizes, thanks to the use of the viewport meta tag. 8 | 9 | - **Background Image:** A background image ('bgImg.png') is utilized to enhance the visual appeal of the webpage. The background image covers the entire page without repeating. 10 | 11 | - **Stylish Heading:** The main heading "MENU CARD 🍽️" is styled with a large font size, centered alignment, and a semi-transparent background to make it stand out. 12 | 13 | - **Section Headings:** Each food category (Pizzas, Burgers, Noodles) is highlighted with a bold and colorful heading, making it easy for users to navigate through the menu. 14 | 15 | - **Listed Items:** The food items in each category are listed using an unordered list, providing a clean and organized presentation. Each item is preceded by a bullet point for clarity. 16 | 17 | - **Separator Line:** A horizontal line with a yellow color (#fff700) serves as a separator between the heading and the list of items in each category. 18 | 19 | - **Footer Message:** A message "Don't waste food 🤞" is positioned at the bottom right corner of the webpage, encouraging users to be mindful of food consumption. 20 | 21 | ## Styling 22 | 23 | - **Font:** The 'Arial' font is used for the text content to ensure readability. 24 | 25 | - **Color Scheme:** The color scheme mainly consists of a dark background with yellow text (#ffe100) for contrast, creating a visually appealing and easily readable layout. 26 | 27 | ## Usage 28 | 29 | Feel free to use or modify this code for your restaurant or food-related project. Simply replace the food items with your own menu items, and customize the styling to match your brand or theme. 30 | 31 | ## Author 32 | 33 | This code was created by NAVANEETHAKRISHNAN.P.S 34 | 35 | If you have any questions or suggestions, feel free to reach out. 36 | 37 | Enjoy showcasing your delicious menu! 🍽️ 38 | -------------------------------------------------------------------------------- /index.HTML: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Restaurant Menu's 8 | 51 | 52 | 53 | 54 | 55 |

MENU CARD 🍽️

56 |

PIZZAS 🍕

57 | 64 | 65 |

burger 🍔

66 | 73 | 74 |

Noodles 🍝

75 | 82 | 83 |

Don't waste food 🤞

84 | 85 | 86 | --------------------------------------------------------------------------------