Recipes – Responsive HTML5 Template

Recipes – Responsive HTML5 Template with pure CSS styles and native JavaScript customizations.

For more details go on reading or check out the Live Preview!

Site Purpose – Site template is for a blog with recipes

Number of HTML files – 4 layouts.

Used Fonts:

  • Open Sans

The photos & icons are taken under:

  • license CC0

Description for developers:

Home page:

  • The active page is highlighted in bold text, the hover effect.
  • Articles when selecting the “Fast food” tag, the page sorts all articles by tag only, as well as the hover effect.
  • The number of recipes per page 6, perhaps any other value (9,12,15).

Full page:

  • At the top of the site there is an individual image for each recipe.
  • In the beginning of the site there is a gallery, where you can slide photos. At the end of the last photo is written the number of screenshots of photos.
  • Icons with time or portions added individually for each recipe, it is possible to create and select from the database.
  • Search function pardon for active users.
  • Mandatory comments moderation The author of the article with a photo is indicated.

Mobile design:

Adding a slider for recipes on the home page, scrolling to the right side

NOTE: Images in the layout are not included.