You are here

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

Transportation pillar call-to-action button.

<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 &raquo;</span></a></td></tr></table>

 

In the bolded section above (<a href="/"), replace / with the URL you want to link to.

Energy Efficiency Lists

Energy Efficiency pillar call-to-action button.

<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 &raquo;</span></a></td></tr></table>

 

In the bolded section above (<a href="/"), replace / with the URL you want to link to.

Renewable Energy Lists

Renewable Energy pillar call-to-action button.

<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 &raquo;</span></a></td></tr></table>

 

In the bolded section above (<a href="/"), replace / with the URL you want to link to.

EERE Corporate Lists

EERE Corporate call-to-action button.

<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 &raquo;</span></a></td></tr></table>

 

In the bolded section above (<a href="/"), replace / with the URL you want to link to.

Other EERE Lists

Other EERE list call-to-action button.

<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 &raquo;</span></a></td></tr></table>

 

In the bolded section above (<a href="/"), replace / with the URL you want to link to.