Intro
Once I thought that I haven’t seen a beautiful recipes theme, so I decided to make it on my own.
As you can see the most attention is paid to design card. They are good animated, very variative and anable to give you an opportunity to show user input data beautiful. Flex grid help me in this mission. You can use different variant in one string (background, text cards), and in still will be vell combined.
To make it realy responsive and easily to use i use bootstrap #4. With this framework you can customize this template as you want.
About template
I am working with this template. It seems to me like a beautiful base to make your own cooking blog.
So i made some unusual things to make it RTS :
- For outer links I check data href and if it start with http or https I mark it as outer with FA-icon
- To better use and good optimisation I use good version of .htaccess. It contains rules for Apache server to make your site more powerful.
- I made all images small as i could for better rate in pages speed test from google.
- Also I recommend you to use this rules (rel=’nofollow’ target=’_blank’) for outer links. It’s really good for your SEO.
Used file formats:
- Sass
- Scss
- Css
- HTML
- Pug
- Png
- Jpg
- Ico
- Google Fonts addiction
- Font Awesome
- otf
- ttf
- svg
- eot
- woff
- woff2
- JS
- Htaccess
Credits
To create this template and make it more user friendly I used these materials:
- Alpha bootstrap #4
- Font Awesome
- Free photos from Pixabay
- jQuery