The homepage features recipe cards accompanied by videos, with each recipe linking to its own dedicated page. Individual recipe pages contain ingredient lists, step-by-step preparation procedures, notes, serving tips, images, and embedded media. The website includes seven recipes: Jeera Rice, Masala Papad, Bhel Puri, Lemonade, Potato Sabji, Cauliflower Sabji, and Tomato Rice.
The project was developed using HTML5 and CSS3, with Google Fonts for typography. HTML handles the webpage structure, internal page navigation, and media embedding, while CSS is used to create layouts, style recipe cards, and maintain a consistent visual design across pages.
Through this project, I gained practical experience in building multi-page websites, linking individual pages, embedding images and videos, creating reusable design sections, organizing content, and working with favicons and meta tags.
The primary focus was on understanding how multiple webpages can be connected to form a complete website while maintaining consistent styling and clearly organized content.
This is a beginner-level frontend practice project created while learning web development fundamentals. It provides a foundation for future improvements such as enhanced responsiveness, interactive recipe features, search and filtering options, and more advanced styling.