create a card_template.html to reduce the code repetition

[SamLaiiii]

Fixes #40

Description of the Change

I create a new template html file named card_template.html. After that, I change the design of all card.html files and follow the style of card_templates to reduce the code repetition.

Checklist

Please check all that apply to your proposed changes

• HTML code change
• Added package dependency
• Added data
• Changed django model
• Documentation change
• Added or changed TaskRunner

Additional context

[codecov]

Codecov Report

Base: 62.09% // Head: 62.09% // No change to project coverage 👍

Coverage data is based on head (ac23c4b) compared to base (7152702).
Patch has no changes to coverable lines.

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #147   +/-   ##
=======================================
  Coverage   62.09%   62.09%           
=======================================
  Files          21       21           
  Lines        1583     1583           
=======================================
  Hits          983      983           
  Misses        600      600           

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

[astrophpeter]

Hey Sam, genreally really good. Looks like you have successfully removed repeated template code! I have two suggestions.

Could you please remove the extra ccs styling please?
Could you also remove the old code which you have commented out in various places?

[SamLaiiii]

extra css and old code are removed.

[astrophpeter]

Awesome, will merge shortly!