Dev Conference Agenda email template
A conference invitation with a stage photo hero, a dark welcome band, four feature icons, a numbers band, a timed schedule, speaker cards and a venue panel.
Light shows the email as designed. Dark and Gmail show how email apps can change its colors.
<!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="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>Dev Conference Agenda</title>
<!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
<style>
:root{color-scheme:light dark;supported-color-schemes:light dark;}
body{margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
table,td{mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;}
img{border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;}
a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important;}
u + .ete-body a{color:inherit;text-decoration:none;}
@media only screen and (max-width:620px){
.ete-container{width:100%!important;max-width:100%!important;}
.ete-outer{padding:0!important;}
.ete-content{border-radius:0!important;}
.ete-px{padding-left:20px!important;padding-right:20px!important;}
.ete-stack{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;padding-left:0!important;padding-right:0!important;}
.ete-stack-gap{padding-bottom:20px!important;}
.ete-fluid{width:100%!important;max-width:100%!important;height:auto!important;}
.ete-fluid-cap{width:100%!important;max-width:280px!important;height:auto!important;display:block!important;margin-left:auto!important;margin-right:auto!important;}
.ete-stack-center,.ete-stack-center p{text-align:center!important;}
.ete-h1{font-size:28px!important;line-height:34px!important;}
.ete-h2{font-size:22px!important;line-height:28px!important;}
.ete-code{font-size:24px!important;letter-spacing:2px!important;}
.ete-btn-full{display:block!important;width:100%!important;box-sizing:border-box;}
.ete-ds-34{font-size:28px!important;line-height:31px!important;}
.ete-ds-28{font-size:28px!important;line-height:31px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
.ete-ds-40{font-size:28px!important;line-height:31px!important;}
.ete-icon-cell{padding-left:2px!important;padding-right:2px!important;}
.ete-stat-102{min-width:102px!important;}
.ete-split-text{padding:32px 20px 36px!important;}
.ete-ds-24{font-size:28px!important;line-height:31px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#101010!important;}
.ete-content{background-color:#1b1b1b!important;}
.ete-text{color:#c8c8c8!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9a9a9a!important;}
.ete-link{color:#ffa640!important;}
.ete-border{border-color:#333333!important;}
.ete-panel{background-color:#232323!important;border-color:#333333!important;}
.ete-btn{background-color:#ff8a00!important;border-color:#ff8a00!important;}
.ete-btn-text{color:#111111!important;}
.ete-btn-outline{border-color:#ff8a00!important;}
.ete-btn-outline-text{color:#ff8a00!important;}
.ete-logo-light{display:none!important;}
.ete-logo-dark{display:block!important;max-height:none!important;overflow:visible!important;}
}
[data-ogsc] .ete-text{color:#c8c8c8!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9a9a9a!important;}
[data-ogsc] .ete-link{color:#ffa640!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#101010!important;}
[data-ogsb] .ete-content{background-color:#1b1b1b!important;}
[data-ogsb] .ete-panel{background-color:#232323!important;border-color:#333333!important;}
body,table,td,th,p,a,span,div,li{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
h1,h2,h3,.ete-hf{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-dm-sans{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#efefef;">
<!-- Made with emailtemplateexamples.com -->
<div class="ete-preheader" style="display:none;font-size:1px;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;mso-hide:all;">Three days of talks and workshops in Lisbon. See the schedule and speakers. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#efefef;">
<tr><td align="center" class="ete-outer" style="padding:24px 12px;">
<!--[if mso]><table role="presentation" width="600" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
<table role="presentation" class="ete-container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:100%;max-width:600px;margin:0 auto;">
<tr><td class="ete-content" style="background-color:#ffffff;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td align="center" class="ete-px" style="padding:28px 32px 20px;"><a href="https://example.com/" style="text-decoration:none;color:#111111;"><span class="ete-heading ete-f-dm-sans" style="font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;line-height:25px;font-weight:700;letter-spacing:-0.3px;color:#111111;">Forkline</span></a></td></tr>
<tr><td bgcolor="#3a3a3a" background="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/dev-conference-agenda-hero.jpg" valign="top" style="background-color:#3a3a3a;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/dev-conference-agenda-hero.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:380px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/dev-conference-agenda-hero.jpg" color="#3a3a3a" /><v:textbox inset="0,0,0,0"><![endif]--><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-px" valign="top" align="center" height="380" style="height:380px;padding:48px 6.67%;mso-padding-alt:48px 40px;text-align:center;background-color:rgba(0,0,0,0.3);"><h1 class="ete-ds-34" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:34px;line-height:41px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">Developer Conference 2027</h1><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:16px;text-align:center;">March 15 to 17, 2027 · Lisbon</p><div style="padding-top:28px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/tickets" style="height:48px;v-text-anchor:middle;width:199px;" arcsize="6%" strokecolor="#ff8a00" fillcolor="#ff8a00"><w:anchorlock/><center style="color:#111111;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Get your ticket</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/tickets" style="display:inline-block;background-color:#ff8a00;border:1px solid #ff8a00;line-height:48px;border-radius:3px;color:#111111;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#111111;">Get your ticket</span></a><!--<![endif]--></td></tr></table></div></td></tr></table><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></td></tr>
<tr><td class="ete-px" bgcolor="#2f2f2f" style="background-color:#2f2f2f;padding:24px 32px 8px;"><p style="margin:0 0 12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ff8a00;text-align:center;">Welcome</p><h2 class="ete-ds-28" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:28px;line-height:34px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">About Forkline</h2></td></tr>
<tr><td class="ete-px" bgcolor="#2f2f2f" style="background-color:#2f2f2f;padding:8px 32px;"><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#d0d0d0;text-align:center;">Three days for people who build software for a living. Short talks, long hallway chats and hands on workshops by the river.</p></td></tr>
<tr><td height="24" bgcolor="#2f2f2f" style="background-color:#2f2f2f;height:24px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td height="16" bgcolor="#f7f7f7" style="background-color:#f7f7f7;height:16px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" bgcolor="#f7f7f7" style="background-color:#f7f7f7;padding:24px 32px 8px;"><h2 class="ete-ds-28" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:28px;line-height:34px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">What to expect</h2></td></tr>
<tr><td class="ete-px" bgcolor="#f7f7f7" style="background-color:#f7f7f7;padding:12px 22px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="556" cellpadding="0" cellspacing="0" border="0"><tr><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><a href="https://example.com/talks"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-mic-ff8a00.png" alt="Talks icon" width="44" height="44" class="" style="display:block;width:44px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"></a><div style="padding-top:14px;"><h3 style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#666666;text-align:center;mso-line-height-rule:exactly;">Talks</h3></div><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:6px;text-align:center;">Twenty minute talks on the main stage.</p><p style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:center;"><a href="https://example.com/talks" style="color:#666666;text-decoration:underline;">Read more</a></p></td></tr></table></div><!--[if mso]></td><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><a href="https://example.com/workshops"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-users-ff8a00.png" alt="Workshops icon" width="44" height="44" class="" style="display:block;width:44px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"></a><div style="padding-top:14px;"><h3 style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#666666;text-align:center;mso-line-height-rule:exactly;">Workshops</h3></div><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:6px;text-align:center;">Small groups, laptops open, real code.</p><p style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:center;"><a href="https://example.com/workshops" style="color:#666666;text-decoration:underline;">Read more</a></p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" bgcolor="#f7f7f7" style="background-color:#f7f7f7;padding:12px 22px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="556" cellpadding="0" cellspacing="0" border="0"><tr><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><a href="https://example.com/labs"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-chart-ff8a00.png" alt="Labs icon" width="44" height="44" class="" style="display:block;width:44px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"></a><div style="padding-top:14px;"><h3 style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#666666;text-align:center;mso-line-height-rule:exactly;">Labs</h3></div><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:6px;text-align:center;">Drop in rooms to try new tools.</p><p style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:center;"><a href="https://example.com/labs" style="color:#666666;text-decoration:underline;">Read more</a></p></td></tr></table></div><!--[if mso]></td><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><a href="https://example.com/tickets"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-ticket-ff8a00.png" alt="Tickets icon" width="44" height="44" class="" style="display:block;width:44px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"></a><div style="padding-top:14px;"><h3 style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#666666;text-align:center;mso-line-height-rule:exactly;">Tickets</h3></div><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:6px;text-align:center;">Day passes and full passes.</p><p style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:center;"><a href="https://example.com/tickets" style="color:#666666;text-decoration:underline;">Read more</a></p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="8" bgcolor="#f7f7f7" style="background-color:#f7f7f7;height:8px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" bgcolor="#1f1f1f" style="background-color:#1f1f1f;padding:20px 32px 12px;"><div style="font-size:0;text-align:center;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="178" valign="top"><![endif]--><div class="ete-stat-102" style="display:inline-block;vertical-align:top;width:33.33%;min-width:102px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><p class="ete-ds-40 ete-hf" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:40px;line-height:44px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">40</p><p style="margin:0;padding-top:6px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff;text-align:center;">Talks</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stat-102" style="display:inline-block;vertical-align:top;width:33.33%;min-width:102px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><p class="ete-ds-40 ete-hf" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:40px;line-height:44px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">12</p><p style="margin:0;padding-top:6px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff;text-align:center;">Workshops</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stat-102" style="display:inline-block;vertical-align:top;width:33.33%;min-width:102px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><p class="ete-ds-40 ete-hf" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:40px;line-height:44px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">3</p><p style="margin:0;padding-top:6px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff;text-align:center;">Days</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="16" style="height:16px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h2 class="ete-heading ete-ds-28" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:28px;line-height:34px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">Schedule</h2></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;text-align:center;">Day one at a glance. The full program is on the site.</p></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td width="52" valign="top" style="padding-right:16px;padding-bottom:20px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-clock-ff8a00.png" alt="Clock icon" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></td><td valign="top" style="padding-top:6px;padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#111111;">09:00 · Opening keynote: Ship small, ship daily</p><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:4px;">Main stage. Why the best teams release in tiny steps.</p></td></tr><tr><td width="52" valign="top" style="padding-right:16px;padding-bottom:20px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-clock-ff8a00.png" alt="Clock icon" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></td><td valign="top" style="padding-top:6px;padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#111111;">10:30 · Testing without the pain</p><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:4px;">Main stage. A test setup that runs in under a minute.</p></td></tr><tr><td width="52" valign="top" style="padding-right:16px;padding-bottom:20px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-clock-ff8a00.png" alt="Clock icon" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></td><td valign="top" style="padding-top:6px;padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#111111;">13:00 · Workshop: Build a small API</p><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:4px;">Room B. Bring a laptop, leave with a working service.</p></td></tr><tr><td width="52" valign="top" style="padding-right:16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-clock-ff8a00.png" alt="Clock icon" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></td><td valign="top" style="padding-top:6px;"><p class="ete-heading" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#111111;">16:00 · Panel: Lessons from open source</p><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:4px;">Main stage. Four maintainers on keeping projects alive.</p></td></tr></table></td></tr>
<tr><td height="16" bgcolor="#f7f7f7" style="background-color:#f7f7f7;height:16px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" bgcolor="#f7f7f7" style="background-color:#f7f7f7;padding:24px 32px 8px;"><h2 class="ete-ds-28" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:28px;line-height:34px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">Speakers</h2></td></tr>
<tr><td class="ete-px" bgcolor="#f7f7f7" style="background-color:#f7f7f7;padding:12px 22px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="556" cellpadding="0" cellspacing="0" border="0"><tr><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" style="padding:16px;background-color:#f7f7f7;border:1px solid #e6e6e6;border-radius:0px;"><div style="padding-top:0px;"><h3 style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#666666;text-align:center;mso-line-height-rule:exactly;">Mara Ilves</h3></div><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:6px;text-align:center;">Keynote<br>
Release engineer</p></td></tr></table></td></tr></table></div><!--[if mso]></td><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" style="padding:16px;background-color:#f7f7f7;border:1px solid #e6e6e6;border-radius:0px;"><div style="padding-top:0px;"><h3 style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#666666;text-align:center;mso-line-height-rule:exactly;">Tomas Reyna</h3></div><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:6px;text-align:center;">Testing<br>
Backend lead</p></td></tr></table></td></tr></table></div><!--[if mso]></td><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" style="padding:16px;background-color:#f7f7f7;border:1px solid #e6e6e6;border-radius:0px;"><div style="padding-top:0px;"><h3 style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#666666;text-align:center;mso-line-height-rule:exactly;">Priya Okafor</h3></div><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:6px;text-align:center;">Workshop<br>
API designer</p></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="16" bgcolor="#f7f7f7" style="background-color:#f7f7f7;height:16px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="" style="padding:0;"><div dir="rtl" style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;background-color:#ffffff;"><!--[if mso]><table role="presentation" width="600" dir="rtl" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0"><tr><td width="263" valign="middle"><![endif]--><div class="ete-stack" dir="ltr" style="display:inline-block;vertical-align:middle;min-width:43.83%;max-width:100%;width:43.83%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;background-color:#222222;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/dev-conference-agenda-venue.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:263px;height:375px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/dev-conference-agenda-venue.jpg" color="#222222" /><v:textbox inset="0,0,0,0"><![endif]--><div role="img" aria-label="Workshop room with a long table, chairs and a brick wall" style="height:375px;line-height:375px;font-size:0;"> </div><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></div><!--[if mso]></td><td width="337" valign="middle"><![endif]--><div class="ete-stack" dir="ltr" style="display:inline-block;vertical-align:middle;min-width:56.16%;max-width:100%;width:56.16%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;align-self:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-split-text" style="padding:40px 32px;"><h1 class="ete-ds-24" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:29px;font-weight:700;color:#111111;text-align:left;mso-line-height-rule:exactly;">Venues</h1><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#111111;padding-top:16px;text-align:left;"><b>Riverside Hall</b><br>
Main stage, Rua do Cais 12<br>
<br>
<b>Room B</b><br>
Workshops, same building<br>
<br>
<b>Harbor Hotel</b><br>
Partner hotel, 5 minutes away</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" bgcolor="#000000" style="background-color:#000000;padding:16px 20px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="560" cellpadding="0" cellspacing="0" border="0"><tr><td width="186" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((448px - 100%) * 448);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:12px 12px 8px;"><p style="margin:0 0 8px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#bdbdbd;">About</p><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#bdbdbd;line-height:20px;">Forkline is a yearly conference for software teams.</p></td></tr></table></div><!--[if mso]></td><td width="186" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((448px - 100%) * 448);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:12px 12px 8px;"><p style="margin:0 0 8px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#bdbdbd;">Contact</p><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#bdbdbd;line-height:20px;">Rua do Cais 12<br>
1200-109 Lisbon</p></td></tr></table></div><!--[if mso]></td><td width="186" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((448px - 100%) * 448);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:12px 12px 8px;"><p style="margin:0 0 8px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#bdbdbd;">Links</p><p style="margin:0;padding-top:4px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;"><a href="https://example.com/program" style="color:#bdbdbd;text-decoration:underline;">Program</a></p><p style="margin:0;padding-top:4px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;"><a href="https://example.com/speakers" style="color:#bdbdbd;text-decoration:underline;">Speakers</a></p><p style="margin:0;padding-top:4px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;"><a href="https://example.com/tickets" style="color:#bdbdbd;text-decoration:underline;">Tickets</a></p><p style="margin:0;padding-top:4px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;"><a href="https://example.com/travel" style="color:#bdbdbd;text-decoration:underline;">Travel</a></p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td align="center" class="ete-px" bgcolor="#000000" style="background-color:#000000;padding:28px 32px 32px;"><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#9a9a9a;line-height:20px;text-align:center;padding-top:10px;">You get this email because you joined the Forkline list.</p><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#9a9a9a;line-height:20px;text-align:center;padding-top:10px;"><a href="{{unsubscribe_url}}" style="color:#9a9a9a;text-decoration:underline;">Unsubscribe</a></p></td></tr>
</table>
</td></tr>
<tr><td align="center" class="ete-muted" style="padding:20px 12px 0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#8a8a8a;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#8a8a8a;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
Adapted from Colorlib Email Templates (template 20, Eventos) by Colorlib, MIT license.
About this template
An invitation and agenda email for a developer conference, a meetup series or any event with a program. It answers what people ask first: when, where, what happens and who is speaking.
A short wordmark sits above a stage photo with the event name, the dates and an orange ticket button. A dark welcome band explains the event in two sentences, then four small orange icons show talks, workshops, labs and tickets, each with a Read more link.
A dark band shows the number of talks, workshops and days. The schedule lists the first day with a clock icon, the time and title, and the room. Three speaker cards give each name and topic, and a split panel with a room photo lists the venues.
Black footer columns with contact details and useful links close the email. Swap the dates, schedule and speakers for your own event and keep the orange for buttons and icons.
Use it in your email tool
- Click Copy HTML, or download the .html file.
- In Mailchimp, Brevo, HubSpot or Klaviyo, start a new email with the custom HTML or code editor and paste it in.
- Change the text, links and images. Map merge tags such as {{first_name}} and {{unsubscribe_url}} to the tags of your tool.
- Send a test to yourself on desktop and phone before you send it to your list.
Sections in this email
- Wordmark
- Overlay stage photo hero
- Dark welcome band
- Four features with icons
- Numbers band
- Schedule list
- Speaker cards
- Venue split panel
- Footer columns
- Footer
Subject line ideas
- Forkline 2027: the program is out
- Three days of talks in Lisbon
- {{first_name}}, your ticket is waiting
Preview text idea
Three days of talks and workshops in Lisbon. See the schedule and speakers.