- Student: Alexander Belostozky
- Mentor: Roman Zheltov
«Cat Energy» is an online pet food store. The main feature of this project is adaptive layout and image optimization for screens with different DPI.
Only Figma UI design were originally given.
And my task was to create the adaptive HTML layout for mobile, tablet and desktop (Chrome, Firefox, Safari friendly) using:
- BEM methodology
- Less preprocessor
- image adaptation for screens with different DPI
- Gulp automatisation
- PixelPerfect precision
I successfully completed the project on time and received a certificate of successful workshop completion.
![Certificate](/AlexBelostozky/Cat-Energy-HTML-Academy/raw/master/repository files/certificate.png)
Further I want to add the following improvements to the project:
- add a map API in contacts section
- make cat before / cat after slider draggable
- add the cart page and possibility to add goods to cart
Repository was created for professional online-course learning «HTML & CSS. Adaptive Website Coding and Automation» from HTML Academy.