⏱️
Countdown Timer Generator
1.
Style Presets
Minimalist
Corporate
Festive
Modern
2.
Background & Font
Upload Background Image:
Or Choose Solid Background Color:
Color:
#ffffff
Font Color:
#000000
3.
Event Details
Event Name:
End Date/Time:
Click-Through URL (Optional):
4.
Time Unit Format
Days:Hours:Minutes:Seconds
Hours:Minutes:Seconds (Total)
Minutes:Seconds (Total)
Seconds Only (Total)
Days Only
Live Preview
Your Event Name
06
Days
:
23
Hours
:
59
Minutes
:
59
Seconds
Email Preview
HTML Code for Email:
<div style=" background-color: #ffffff; color: #000000; font-family: 'Inter', sans-serif; text-align: center; padding: 20px; border-radius: 12px; border: 1px solid #e0e0e0; max-width: 600px; margin: 20px auto; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); "> <h3 style="font-family: Arial, sans-serif; font-size: 28px; font-weight: bold; color: #000000; margin-bottom: 15px;">Your Event Name</h3> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; max-width:600px; margin: 0 auto; text-align: center;"><tr> <td style="padding: 5px; "> <table border="0" cellpadding="0" cellspacing="0" style="display:inline-block; vertical-align:top;"> <tr> <td style="font-family: Arial, sans-serif; font-size: 40px; font-weight: bold; color: #000000; padding: 0;">06</td> </tr> <tr> <td style="font-family: Arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #000000; padding: 0;">Days</td> </tr> </table> </td> <td style="font-family: Arial, sans-serif; font-size: 40px; font-weight: bold, color: #000000; padding: 0;">:</td> <td style="padding: 5px; padding-left: 0;"> <table border="0" cellpadding="0" cellspacing="0" style="display:inline-block; vertical-align:top;"> <tr> <td style="font-family: Arial, sans-serif; font-size: 40px; font-weight: bold; color: #000000; padding: 0;">23</td> </tr> <tr> <td style="font-family: Arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #000000; padding: 0;">Hours</td> </tr> </table> </td> <td style="font-family: Arial, sans-serif; font-size: 40px; font-weight: bold, color: #000000; padding: 0;">:</td> <td style="padding: 5px; padding-left: 0;"> <table border="0" cellpadding="0" cellspacing="0" style="display:inline-block; vertical-align:top;"> <tr> <td style="font-family: Arial, sans-serif; font-size: 40px; font-weight: bold; color: #000000; padding: 0;">59</td> </tr> <tr> <td style="font-family: Arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #000000; padding: 0;">Minutes</td> </tr> </table> </td> <td style="font-family: Arial, sans-serif; font-size: 40px; font-weight: bold, color: #000000; padding: 0;">:</td> <td style="padding: 5px; padding-left: 0;"> <table border="0" cellpadding="0" cellspacing="0" style="display:inline-block; vertical-align:top;"> <tr> <td style="font-family: Arial, sans-serif; font-size: 40px; font-weight: bold; color: #000000; padding: 0;">59</td> </tr> <tr> <td style="font-family: Arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #000000; padding: 0;">Seconds</td> </tr> </table> </td> </tr></table> </div>
Copy HTML to Clipboard