This is a fluid hybrid HTML email template written with mobile responsiveness and client compatibility in mind.
This template has been written based on the following article, and has been modified for certain complatibilities with civiMail and with certain mail clients and screen sizes based on our constituency. Source: https://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919
This template contains: One column with images available and blue CTA button Two equal columns with images available and blue CTA button Three equal columns with images available and blue CTA button Two columns, image on left with text on right Green Highlight box Instructions
The style is already inlined in this template for ease of use. If you'd like the version with style-in-head, shoot me a message. If you get the style-in-head version:
- You must remember to send it through an in-liner (mailchimp has a good tool available) or gmail (and other) clients will strip all styling
- If you have constituents who use Outlook - you must remember to double check your images for a "width=###" (no "px" at the end) that is not a "style". Some inliners and some wysiwyg's will strip this out, but it's a fix for outlook clients that will otherwise not respect your image sizing.
- Double check everything else with something like litmus! I may have forgotten something.