Student: Anoop Kaur
Course: Women in Cyber Academy
Creating a food blog
website, I’d then incorporate these into my paper outline.
Now for the implementation! I created a HTML document for each page of the website, this consisted of the actual content. In order to style the web page I linked a CSS file to my HTML document, this allowed for the customisation of each element in the website. It’s possible to
have added CSS directly into the HTML file through inline styling, however, to keep things clear I opted for an external CSS file.
The Home Page
The front page was split into a navigation bar, “Current Favourites” (main content) and an “About Me” section.
These sections are reflected in the HTML code below.
The Meal Menu
This page allows the user to filter through recipes based on the meal of the day.
Through CSS the meal title is revealed when the user hovers over the image.
Once a meal is selected, a recipe page opens up:
The Subscribe Form