What others say
Description
HTML CSS Animated Digital Card, Computer Science Coding Project
***SEE VIDEO PREVIEW***
This digital HTML/CSS card is the perfect way to send your season's greetings or celebrate any occasion! When you hover over it, the card will open to reveal a personalized message tailored to a season or occasion. 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 and it is their favorite amongst anything else! We send them to teachers and it definitely gets us some brownie points!
What you will receive:
- SOLUTION CODE via .TXT FILE. All you have to do is copy and paste it into any code editing program. All HTML and CSS is in one file.
- 2 PDF FILES containing the project directions. One file is flattened. Use this file if you want to increase the difficulty by not letting the students copy/paste. The other version allows this, meant for beginner to intermediate level students.
Not quite what you were looking for? Try these...
- HTML CSS Social Media Profile Page (I let my students choose a character that aligns with the holiday or season at the time )
- HTML CSS Restaurant Menu to build the perfect meal!
- HTML CSS Video Game Review Page (because what student doesn't like talking about video games?)
Highlights
What others say
Description
HTML CSS Animated Digital Card, Computer Science Coding Project
***SEE VIDEO PREVIEW***
This digital HTML/CSS card is the perfect way to send your season's greetings or celebrate any occasion! When you hover over it, the card will open to reveal a personalized message tailored to a season or occasion. 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 and it is their favorite amongst anything else! We send them to teachers and it definitely gets us some brownie points!
What you will receive:
- SOLUTION CODE via .TXT FILE. All you have to do is copy and paste it into any code editing program. All HTML and CSS is in one file.
- 2 PDF FILES containing the project directions. One file is flattened. Use this file if you want to increase the difficulty by not letting the students copy/paste. The other version allows this, meant for beginner to intermediate level students.
Not quite what you were looking for? Try these...
- HTML CSS Social Media Profile Page (I let my students choose a character that aligns with the holiday or season at the time )
- HTML CSS Restaurant Menu to build the perfect meal!
- HTML CSS Video Game Review Page (because what student doesn't like talking about video games?)
Reviews
I'm so happy to hear! They really do work for any occasion and are great to have handy. So glad you liked them.


