← All campaigns
World Kebab Day — Toast HTML
Copy, then paste into Toast Marketing → HTML mode. Send a test first.
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="x-apple-disable-message-reformatting"> <meta name="color-scheme" content="light only"> <meta name="supported-color-schemes" content="light only"> <title>Aladdin — World Kebab Day</title> <!--[if mso]><noscript><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript><![endif]--> <link href="https://fonts.googleapis.com/css2?family=Anton&family=Catamaran:wght@400;600;700;800;900&display=swap" rel="stylesheet"> <style> body, table, td, a { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } table, td { mso-table-lspace:0pt; mso-table-rspace:0pt; } img { -ms-interpolation-mode:bicubic; border:0; outline:none; text-decoration:none; } a { text-decoration:none; } a[x-apple-data-detectors] { color:inherit !important; text-decoration:none !important; font-size:inherit !important; font-family:inherit !important; } body { margin:0 !important; padding:0 !important; width:100% !important; } .btn:hover { opacity:.92; } @media only screen and (max-width:600px) { .container { width:100% !important; border-radius:0 !important; } .px { padding-left:24px !important; padding-right:24px !important; } .h1 { font-size:44px !important; line-height:46px !important; } .day { font-size:15px !important; } } </style> </head> <body style="margin:0; padding:0; background-color:#201C19; font-family:'Catamaran',Helvetica,Arial,sans-serif; color:#201C19;"> <div style="display:none; max-height:0; overflow:hidden; mso-hide:all; font-size:1px; line-height:1px; color:#201C19; opacity:0;">One day for the kabob. Ours has been ready all year. Friday, July 10.‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </div> <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#201C19;"><tr><td align="center" style="padding:22px 8px;"> <!--[if mso]><table role="presentation" width="600" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]--> <table role="presentation" class="container" align="center" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%; max-width:600px; background-color:#FBF3E6; border-radius:20px; overflow:hidden;"> <!-- date strip --> <tr><td align="center" bgcolor="#ED3902" style="background-color:#ED3902; padding:13px 20px;"> <p class="day" style="margin:0; font-family:'Anton',Impact,Arial,sans-serif; font-size:16px; letter-spacing:2.5px; color:#FBF3E6; text-transform:uppercase;">World Kebab Day • Friday, July 10</p> </td></tr> <!-- hero art --> <tr><td style="font-size:0; line-height:0;"> <img src="https://aladdin-email.pages.dev/assets/hero-kebab-day.jpg" width="600" alt="Aladdin saffron chicken kabob over glowing charcoal, World Kebab Day" style="display:block; width:100%; max-width:600px; height:auto;"> </td></tr> <!-- the one job --> <tr><td class="px" align="center" style="padding:46px 52px 20px;"> <p style="margin:0 0 10px; font-family:'Catamaran',Helvetica,Arial,sans-serif; font-size:17px; font-weight:800; color:#ED3902; text-transform:uppercase; letter-spacing:2px;">Today of all days</p> <h1 class="h1" style="margin:0 0 18px; font-family:'Anton',Impact,Arial,sans-serif; font-weight:400; font-size:54px; line-height:56px; color:#201C19; text-transform:uppercase;">The kabob<br>earned its day</h1> <p style="margin:0 auto; max-width:420px; font-family:'Catamaran',Helvetica,Arial,sans-serif; font-size:18px; line-height:28px; font-weight:600; color:#201C19;">Saffron marinade. Real charcoal fire. Golden rice, warm pita. Houston already has a favorite kabob — today the calendar finally agrees.</p> </td></tr> <!-- one button --> <tr><td align="center" style="padding:26px 20px 50px;"> <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center" style="margin:0 auto;"> <tr><td align="center" bgcolor="#ED3902" style="border-radius:40px; mso-padding-alt:18px 46px;"> <a class="btn" href="https://order.toasttab.com/online/locations/f369dbe5-2054-4bd4-9682-9d59c52ccd2c/?utm_source=toast&utm_medium=email&utm_campaign=kebab-day&utm_content=hero_cta" style="display:inline-block; padding:18px 46px; font-family:'Anton',Impact,Arial,sans-serif; font-size:20px; line-height:20px; letter-spacing:1.5px; color:#ffffff; text-decoration:none; text-transform:uppercase; border-radius:40px;">Order the Kabob →</a> </td></tr> </table> </td></tr> <!-- quiet footer --> <tr><td class="px" align="center" bgcolor="#F3E7D3" style="background-color:#F3E7D3; padding:28px 40px 30px;"> <p style="margin:0 0 6px; font-family:'Anton',Impact,Arial,sans-serif; font-size:24px; color:#201C19; text-transform:uppercase;">Aladdin</p> <p style="margin:0; font-family:'Catamaran',Helvetica,Arial,sans-serif; font-size:13.5px; line-height:21px; font-weight:600; color:#6f5a43;">★★★★★ 4.6 from 2,894 Houston customers<br>Aladdin Mediterranean Cuisine · 912 Westheimer Rd, Houston, TX 77006</p> <!-- Toast auto-appends the functional unsubscribe link below this HTML on every send. --> <p style="margin:12px 0 0; font-family:'Catamaran',Helvetica,Arial,sans-serif; font-size:12.5px; line-height:18px; color:#8a755c;">Prefer fewer emails? Use the unsubscribe link below ↓</p> </td></tr> </table> <!--[if mso]></td></tr></table><![endif]--> </td></tr></table> </body> </html>
Copy