Skip to content

AlexBelostozky/Cat-Energy-HTML-Academy

 
 

Repository files navigation

Learning project «Cat Energy»


«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.

Project preview


Statement of work

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

Results

I successfully completed the project on time and received a certificate of successful workshop completion.

Certificate

Improvement plans

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

HTML Academy

Repository was created for professional online-course learning «HTML & CSS. Adaptive Website Coding and Automation» from HTML Academy.