This holiday inspired activity was created by Codecademy. This activity has been recreated here to facilitate walking through the process at a Girl Develop It Code & Coffee. I have also altered some of the code to suite my personal development style. If you would like to visit this exercise on Codecademy, visit here.
Below, you'll find all the necessary steps to code your very own Christmas card.
This is the card we will be creating:
- Create a HTML and CSS file
- Setup a basic HTML file
- Add your holiday greeting
- Add a background image
- Position the background image
- Let's talk font
- Position your greeting
- Add a Santa Claus or Snowman
- Center the Christmas card
- Darken the background
- Let it Snow, Let it Snow