EERE's call-to-action buttons match the colors and styles in the standard email template. Call-to-action buttons encourage users to do tasks such as registering, reading more, or downloading a file. Using buttons can draw your readers' attention.
EERE's call-to-action buttons are HTML—not images—so all users will be able to see them, even if they don't automatically display images in emails. They are also large enough for mobile users to click them.
To see the color schemes used for these buttons, see the email template color and font document.
Transportation Lists
<table> <tr><td width="150" height="45" align="center" valign="middle" bgcolor="#ef7622" style="background-color:#ef7622; padding: 6px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #000; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:16px;"><a href="/" style="color: #000; text-decoration: none;"><span style="color:#000; text-decoration:none;">READ MORE »</span></a></td></tr></table>
In the bolded section above (<a href="/"), replace / with the URL you want to link to.
Energy Efficiency Lists
<table><tr><td width="150" height="45" align="center" valign="middle" bgcolor="#00a8e1" style="background-color:#00a8e1; padding: 6px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #000; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:16px;"><a href="/" style="color: #000; text-decoration: none;"><span style="color:#000; text-decoration:none;">READ MORE »</span></a></td></tr></table>
In the bolded section above (<a href="/"), replace / with the URL you want to link to.
Renewable Energy Lists
<table><tr><td width="150" height="45" align="center" valign="middle" bgcolor="#7cbf10" style="background-color:#7cbf10; padding: 6px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #000; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:16px;"><a href="/" style="color: #000; text-decoration: none;"><span style="color:#000; text-decoration:none;">READ MORE »</span></a></td></tr></table>
In the bolded section above (<a href="/"), replace / with the URL you want to link to.
EERE Corporate Lists
<table><tr><td width="150" height="45" align="center" valign="middle" bgcolor="#00853e" style="background-color:# 00853e; padding: 6px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #fff; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:16px;"><a href="/" style="color: #fff; text-decoration: none;"><span style="color:#fff; text-decoration:none;">READ MORE »</span></a></td></tr></table>
In the bolded section above (<a href="/"), replace / with the URL you want to link to.
Other EERE Lists
<table><tr><td width="150" height="45" align="center" valign="middle" bgcolor="#fabd17" style="background-color:#fabd17; padding: 6px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #000; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:16px;"><a href="/" style="color: #000; text-decoration: none;"><span style="color:#000; text-decoration:none;">READ MORE »</span></a></td></tr></table>
In the bolded section above (<a href="/"), replace / with the URL you want to link to.