Last active
April 20, 2020 21:09
-
-
Save compwright/26a306aa22a389cc46e3851603f5a88b to your computer and use it in GitHub Desktop.
Email template with responsive text
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | |
| <title></title> | |
| <style type="text/css"> | |
| * { | |
| -webkit-text-size-adjust:100%; | |
| -ms-text-size-adjust:100%; | |
| } | |
| body { | |
| font-family: "Times New Roman", serif !important; | |
| font-size: 16px !important; | |
| line-height: 120% !important; | |
| text-rendering: optimizeLegibility; | |
| } | |
| hr { | |
| border: none; | |
| height: 1px; | |
| background: gray; | |
| } | |
| @media only screen and (max-width: 480px) { | |
| body { font-size: 16px !important; } | |
| } | |
| @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 414px) { | |
| body { font-size: 24px !important; } | |
| } | |
| @media only screen and (min-resolution: 2dppx) and (max-width: 414px) { | |
| body { font-size: 24px !important; } | |
| } | |
| @media only screen and (-webkit-min-device-pixel-ratio: 3) and (min-width: 640px) { | |
| body { font-size: 24px !important; } | |
| } | |
| @media only screen and (min-resolution: 3dppx) and (min-width: 640px) { | |
| body { font-size: 24px !important; } | |
| } | |
| @media only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 414px) { | |
| body { font-size: 32px !important; } | |
| } | |
| @media only screen and (min-resolution: 3dppx) and (max-width: 414px) { | |
| body { font-size: 32px !important; } | |
| } | |
| #forward { | |
| font-family: Arial, Helvetica, sans-serif; | |
| } | |
| #footer { | |
| text-align: center; | |
| font-size: 70%; | |
| color: gray; | |
| } | |
| #footer a { | |
| color: inherit; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <table width="600" align="center"><tbody><tr><td id="forward"> | |
| <!-- FORWARD CONTENT --> | |
| <p> | |
| Dear {{first_name:Friend}},<br><br> | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Justo laoreet sit amet cursus sit amet dictum sit amet. Tempus urna et pharetra pharetra massa. | |
| <br><br> | |
| Aliquam ut porttitor leo a diam. Malesuada fames ac turpis egestas. Odio pellentesque diam volutpat commodo sed egestas egestas fringilla. Augue neque gravida in fermentum et. In pellentesque massa placerat duis ultricies lacus sed turpis. Tristique risus nec feugiat in fermentum posuere urna. | |
| <br><br> | |
| -- Jonathon | |
| </p> | |
| <!-- END FORWARD CONTENT --> | |
| <hr></td></tr><tr><td id="body"> | |
| <!-- BODY CONTENT --> | |
| <p> | |
| Dear {{first_name:Friend}},<br><br> | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Justo laoreet sit amet cursus sit amet dictum sit amet. Tempus urna et pharetra pharetra massa. | |
| <br><br> | |
| Aliquam ut porttitor leo a diam. Malesuada fames ac turpis egestas. Odio pellentesque diam volutpat commodo sed egestas egestas fringilla. Augue neque gravida in fermentum et. In pellentesque massa placerat duis ultricies lacus sed turpis. Tristique risus nec feugiat in fermentum posuere urna. | |
| <br><br> | |
| Gravida cum sociis natoque penatibus et magnis. Proin sed libero enim sed. Mauris ultrices eros in cursus. Turpis massa sed elementum tempus. Tincidunt dui ut ornare lectus sit. Tempor id eu nisl nunc. Nulla aliquet porttitor lacus luctus accumsan tortor posuere. | |
| <br><br> | |
| Ultricies lacus sed turpis tincidunt id aliquet risus. Cras adipiscing enim eu turpis egestas pretium. Eget egestas purus viverra accumsan in nisl nisi. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. Sed viverra tellus in hac habitasse platea. | |
| <br><br> | |
| Porta nibh venenatis cras sed felis eget velit. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Scelerisque eu ultrices vitae auctor eu augue ut lectus arcu. Varius sit amet mattis vulputate. | |
| <br><br> | |
| For Liberty,<br><br><br> | |
| Jonathon Hill<br> | |
| State Representative<br> | |
| South Carolina House District 8 | |
| <br><br> | |
| P.S. Ultricies lacus sed turpis tincidunt id aliquet risus. Cras adipiscing enim eu turpis egestas pretium. Eget egestas purus viverra accumsan in nisl nisi. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. Sed viverra tellus in hac habitasse platea. | |
| </p> | |
| <!-- END BODY CONTENT --> | |
| </td></tr><tr><td id="footer"><hr><br> | |
| <!-- FOOTER CONTENT --> | |
| <p> | |
| PAID FOR BY JONATHON HILL FOR SC HOUSE DISTRICT 8<br> | |
| (864) 245-5885 | JHILL9693@GMAIL.COM<br> | |
| <br> | |
| <a data-id="3971913838" data-title="Unsubscribe" href="{{ocx_unsubscribe_link}}"><unsubscribe>Unsubscribe</unsubscribe></a> | |
| </p> | |
| <!-- END FOOTER CONTENT --> | |
| </td></tr></tbody></table> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment