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:
- pexels.com license CC0
- flaticon.com
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.