html 电子邮件代码段

Posted 2021-05-11

<ol>
<li style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 28px; color: #727e83; text-align: left;">List Item #1</li>
<li style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 28px; color: #727e83; text-align: left;">List Item #2</li>
</ol>

<a style="color: #36bff7; text-decoration: none; font-family: 'Open Sans',Helvetica, arial, sans-serif;" href="LINK URL" target="_blank">LINK TEXT</a>

<p><img style="max-width: 100%; height: auto; display: block;" src="IMAGE URL" alt="IMAGE ALT TEXT"></a></p>

<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 1.2; font-weight: bold; color: #44505d !important; text-align: center; text-transform: uppercase; letter-spacing: 1px;">Just for You</p>

<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 1.5em; font-weight: 400; color: #44505d !important; text-align: center;">Headline 2</p>

<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 2em; font-weight: 400; color: #44505d !important; text-align: center;">Headline 1</p>

### Use the "Insert Call-to-Action" function in Hubspot

- Hit the Create a CTA blue button, or clone an existing one if this is a duplication
- Fill in the Name [internal reference], Campaign, and Link URL. Be sure to check the "open in a new window" box if you want to do that
- Go to the Design tab
- Hit the Image Button toggle
- Go to Choose Image
- Navigate to the Buttons folder, where you'll find a good selection of buttons. If there's something new that you'd like feel free to let me know. It takes like 2 seconds
- Hit Create CTA, then Insert CTA, and center the button by hovering over it and choosing the center justify icon

<ul>
<li style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 28px; color: #727e83; text-align: left;">List Item #1</li>
<li style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 28px; color: #727e83; text-align: left;">List Item #2</li>
</ul>

<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 28px; margin-bottom: 25px; color: #727e83;">FIRST PARAGRAPH</p>