Responsive Christmas Card website

A responsive website created for Christmas card.

  • Role: Developer
  • Language: HTML/CSS/JavaScript
  • Fields: Responsive grid

About this Project

This project was done in term 2 when I first time touches the responsive design. I create this Christmas card by grid and there are three different layouts in this design. This project was done without framework.

Design Process

The menu has been changed when the screen size down to the mobile device. On the mobile device, the menu change to the hamburger icon, tap on it the menu will extend the whole list. 

webview
tabletview

The ratio of two sides was changed through different devices. Also, the font size was changed on different screens.

Final Project

More Projects

Second Cultures Creation

Second Cultures Creation is a B2B traditional gifts selling company based in Vancouver, BC. This project is to re-design their brand identity.

Mythbuster Animation

Making a mythbusters style animation with Adobe After Effects. Topic of this animation is “Can you really kill someone by dropping a coin from a very high building”.