***SEE VIDEO PREVIEW***
This digital HTML/CSS card is a great way to send your Halloween greetings and showcase student knowledge in your class to fellow colleagues! When you hover over it, the card will open to reveal a personalized message made by the student. The card is easy to customize so you can make sure it's exactly what you or your students want to express!
I do this project every semester with my 6th-8th graders for each season/holiday and it is their FAVORITE among anything else! It's seriously such a big hit and so easy to manipulate since the code is already done. You could easily turn this into a step by step project, but I just give the code to them and let them change, personalize, and get creative! I give this to them through CodeHS, and they use copyright-free websites to find images or GIF's to add in. Some even like to make their own designs in Canva to make it a little more personalized. They love it, and so does everyone who receives them! It makes the assignment feel meaningful. Looking for brownie points? Make sure one of these gets to your principal or superintendent!
What you will receive:
You will receive a .txt file (opens with Notepad) with the code for a blank card. There is not a separate CSS file- it is located in the HTML head section. All you have to do is save the file (CTRL+S), and upload it with ANY website or software your students use for coding (we use CodeHS)! Yes- it's as simple as copying and pasting, and the students do the rest! All you have to do is sit back and watch them be creative little souls. It normally takes them 2-4 days to complete, depending on the skill level.
Resource Type