RM Check a todos los radiobutton o checkbox Shared by Ramón Moreno, 2022-02-16 18:34:58 Tagged: Media Query, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet $(".doc_1").attr('checked', 'checked'); View this Snippet
FM 2.0_body-left Shared by FARM Marketing, 2021-11-01 20:06:33 Tagged: Boilerplate, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td style="background-color: #ffffff;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td style="padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;"> Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent laoreet malesuada cursus. Maecenas scelerisque congue eros eu posuere. Praesent in felis ut velit pretium lobortis rhoncus ut erat. </td> </tr> </table> </td> </tr> <!-- 1 Column Text : END --> View this Snippet
CS Modular Starter Template: Unordered list Shared by Carin Slater, 2021-08-02 19:00:50 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding: 0 30px 50px;"> <!--Unordered list - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <ul class="glist" style="margin:0; margin-left: 25px; padding:0; font-family: 'Trebuchet MS', Arial, sans-serif;" align="left" type="disc"> <li style="color: #028383; font-size:28px; line-height:28px; text-align: left;"> <p style="font-size:18px; line-height:28px; color:#0a080b;"><a class="link" href="https://www.example.com{{utm_code}}" style="color: #028383; text-decoration: underline;">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. Donec eu libero quis nibh viverra rhoncus eget nec orci.</p> </li> <li style="color: #028383; font-size:28px; line-height:28px; text-align: left; margin-top: 30px;"> <p style="font-size:18px; line-height:28px; color:#0a080b; mso-margin-top-alt: 20px;"><a class="link" href="https://www.example.com{{utm_code}}" style="color: #028383; text-decoration: underline;">Cras ornare lacus orci</a>, dignissim auctor purus commodo eu. In venenatis lobortis gravida. </p> </li> <li style="color: #028383; font-size:28px; line-height:28px; text-align: left; margin-top: 30px;"> <p style="font-size:18px; line-height:28px; color:#0a080b; mso-margin-top-alt: 20px;"><a class="link" href="https://www.example.com{{utm_code}}" style="color: #028383; text-decoration: underline;">Proin facilisis est elit</a>, eget dictum felis feugiat non. Nunc felis nibh, egestas eu massa tristique, condimentum volutpat diam.</p> </li> </ul> </td> </tr> View this Snippet
CS Modular Starter Template: Social Media block Shared by Carin Slater, 2021-08-02 19:00:08 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td class="darkmode" align="center" valign="top" style="padding:0 30px 50px; background: #eeeeee;"> <!--Social media - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <table border="0" cellpadding="0" cellspacing="0" role="presentation"> <tr> <td align="center" valign="top"> <a href="https://www.twitter.com" target="_blank"><img src="https://via.placeholder.com/50" class="fadeimg" alt="place alt text here" width="50" height="50" style="font-size: 12px; line-height: 14px; font-family: 'Trebuchet MS', Arial, sans-serif; color: #028383;"></a> </td> <td align="center" valign="top" style="padding: 0 30px;"> <a href="https://www.facebook.com" target="_blank"><img src="https://via.placeholder.com/50" class="fadeimg" alt="place alt text here" width="50" height="50" style="font-size: 12px; line-height: 14px; font-family: 'Trebuchet MS', Arial, sans-serif; color: #028383;"></a> </td> <td align="center" valign="top"> <a href="https://www.instagram.com" target="_blank"><img src="https://via.placeholder.com/50" class="fadeimg" alt="place alt text here" width="50" height="50" style="font-size: 12px; line-height: 14px; font-family: 'Trebuchet MS', Arial, sans-serif; color: #028383;"></a> </td> </tr> </table> </td> </tr> View this Snippet
CS Modular Starter Template: Paragraph Shared by Carin Slater, 2021-08-02 18:58:54 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding: 0 30px 50px;"> <!--Paragraph - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <p style="font-family: 'Trebuchet MS', Arial, sans-serif; margin: 0;font-size: 18px; line-height: 28px; text-align: center; color: #0A080B; font-weight: normal; text-align: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu libero quis nibh viverra rhoncus eget nec orci. Curabitur id pellentesque risus. <a class="link" href="https://www.example.com{{utm_code}}" style="color: #028383; text-decoration: underline;">Sed at gravida libero</a>. Duis vel metus neque. Suspendisse vehicula tristique purus.</p> </td> </tr> View this Snippet
CS Modular Starter Template: Ordered list Shared by Carin Slater, 2021-08-02 18:58:23 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding:0 30px 50px;"> <!--Ordered list - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <ol class="glist" style="margin:0; margin-left: 25px; padding:0;" align="left" type="1"> <li style="font-family: 'Trebuchet MS', Arial, sans-serif; padding-left: 5px; color: #028383; font-size:18px; line-height:28px; text-align: left; font-weight:bold;"> <p style="color:#0a080b; font-weight: normal;"><a class="link" href="https://www.example.com{{utm_code}}" style="color: #028383; text-decoration: underline;">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. Donec eu libero quis nibh viverra rhoncus eget nec orci.</p> </li> <li style="font-family: 'Trebuchet MS', Arial, sans-serif; padding-left: 5px; color: #028383; font-size:18px; line-height:28px; text-align: left; font-weight:bold; margin-top: 20px;"> <p style="color:#0a080b; font-weight: normal; mso-margin-top-alt: 20px;"><a class="link" href="https://www.example.com{{utm_code}}" style="color: #028383; text-decoration: underline;">Cras ornare lacus orci</a>, dignissim auctor purus commodo eu. In venenatis lobortis gravida.</p> </li> <li style="font-family: 'Trebuchet MS', Arial, sans-serif; padding-left: 5px; color: #028383; font-size:18px; line-height:28px; text-align: left; font-weight:bold; margin-top: 20px;"> <p style="color:#0a080b; font-weight: normal; mso-margin-top-alt: 20px;"><a class="link" href="https://www.example.com{{utm_code}}" style="color: #028383; text-decoration: underline;">Proin facilisis est elit</a>, eget dictum felis feugiat non. Nunc felis nibh, egestas eu massa tristique, condimentum volutpat diam.</p> </li> </ol> </td> </tr> View this Snippet
CS Modular Starter Template: Intro copy Shared by Carin Slater, 2021-08-02 18:57:43 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding:0 0 50px;"> <!--Intro copy - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <p class="std" style="font-family: 'Trebuchet MS', Arial, sans-serif; margin: 0 20px; font-size: 30px; line-height: 40px; font-weight: normal; color: #0A080B;">Intro content, supporting the headline, drawing the reader down the email</p> </td> </tr> View this Snippet
CS Modular Starter Template: Icon based list Shared by Carin Slater, 2021-08-02 18:57:00 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding: 0 30px 20px;"> <!--Icon list - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tr> <td align="left" valign="top" style="padding: 0 30px 30px 0;"> <img src="https://via.placeholder.com/75" alt="place alt text here" width="75" height="75" style="font-size: 16px; line-height: 26px; color: #027979;"> </td> <td align="left" valign="top" style="padding: 0 0 30px;"> <!--Paragraph--> <p style="font-family:'Trebuchet MS', Arial, sans-serif; font-size:18px; line-height:28px; color:#0a080b; margin: 0; padding:0; text-align: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="https://www.example.com{{utm_code}}" class="link" target="_blank" style="color: #027979; text-decoration: underline;">Donec eu libero quis</a> nibh viverra rhoncus eget nec orci.</p> </td> </tr> <tr> <td align="left" valign="top" style="padding: 0 30px 30px 0;"> <img src="https://via.placeholder.com/75" alt="place alt text here" width="75" height="75" style="font-size: 16px; line-height: 26px; color: #027979;"> </td> <td align="left" valign="top" style="padding: 0 0 30px;"> <!--Paragraph--> <p style="font-family:'Trebuchet MS', Arial, sans-serif; font-size:18px; line-height:28px; color:#0a080b; margin: 0; padding:0; text-align: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="https://www.example.com{{utm_code}}" class="link" target="_blank" style="color: #027979; text-decoration: underline;">Donec eu libero quis</a> nibh viverra rhoncus eget nec orci.</p> </td> </tr> <tr> <td align="left" valign="top" style="padding: 0 30px 30px 0;"> <img src="https://via.placeholder.com/75" alt="place alt text here" width="75" height="75" style="font-size: 16px; line-height: 26px; color: #027979;"> </td> <td align="left" valign="top" style="padding: 0 0 30px;"> <!--Paragraph--> <p style="font-family:'Trebuchet MS', Arial, sans-serif; font-size:18px; line-height:28px; color:#0a080b; margin: 0; padding:0; text-align: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="https://www.example.com{{utm_code}}" class="link" target="_blank" style="color: #027979; text-decoration: underline;">Donec eu libero quis</a> nibh viverra rhoncus eget nec orci.</p> </td> </tr> </table> </td> </tr> View this Snippet
CS Modular Starter Template: Header with centered logo Shared by Carin Slater, 2022-01-31 16:10:16 Tagged: Litmus Templates, All 1 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding:50px 0;"> <!--Header with logo - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template. Make sure to update both the light and dark mode logos--> <!--light mode logo--> <a href="https://www.example.com/{{utm_code}}" target="_blank"><img class="light-img" src="https://via.placeholder.com/168x78" width="168" height="78" alt="place alt text here" style="color: #4a4a4a; font-family: 'Trebuchet MS', Arial, sans-serif; text-align:center; font-weight:bold; font-size:24px; line-height:28x; text-decoration: none; padding: 0;"> <!--dark mode logo - Make sure to update this as well as the light mode logo--> <!--[if !mso]><! --> <div class="dark-img" style="display:none; overflow:hidden; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;" align="center"> <img src="https://via.placeholder.com/168x78" width="168" height="78" alt="place alt text here" style="color: #4a4a4a; font-family: 'Trebuchet MS', Arial, sans-serif; text-align:center; font-weight:bold; font-size:24px; line-height:28px; text-decoration: none; padding: 0;" border="0" /> </div> <!--<![endif]--> </a> </td> </tr> View this Snippet
CS Modular Starter Template: h3 headline Shared by Carin Slater, 2021-08-02 18:52:39 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding: 0 30px 50px;"> <!--H3 headline - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <h3 style="font-family:'Trebuchet MS', Arial, sans-serif; font-weight:bold; font-size:26px; line-height:30px; color:#0a080b; margin:0; padding:0;">Tertiary (H3)</h3> </td> </tr> View this Snippet
CS Modular Starter Template: h2 headline Shared by Carin Slater, 2021-08-02 18:51:49 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding: 0 30px 50px;"> <!--H2 headline - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <h2 style="font-family: 'Trebuchet MS', Arial, sans-serif; margin: 0;font-size: 36px; line-height: 46px; text-align: center; color: #028383; font-weight: normal;">Secondary headline (H2)</h2> </td> </tr> View this Snippet
CS Modular Starter Template: h1 headline Shared by Carin Slater, 2021-08-02 18:51:29 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding:0 0 50px;"> <!--H1 headline - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <h1 style="font-family: 'Trebuchet MS', Arial, sans-serif; margin: 0 20px;font-size: 50px; line-height: 60px; text-align: center; color: #0a080b; font-weight: normal;"><a href="https://www.example.com/{{utm_code}}" target="_blank" style="color: #0a080b; text-decoration: none;">Primary headline (H1)</a></h1> </td> </tr> View this Snippet
CS Modular Starter Template: Full width image, with padding Shared by Carin Slater, 2021-08-02 18:50:44 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding:0 30px 50px;"> <!--Full width image (with padding) - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <a href="https://www.example.com/{{utm_code}}" target="_blank"><img src="https://via.placeholder.com/540x300" class="fadeimg" width="540" height="300" alt="place alt text here" style="width: 100%; max-width: 540px; height: auto;" /></a> </td> </tr> View this Snippet
CS Modular Starter Template: Full width image, no left or right padding Shared by Carin Slater, 2021-08-02 18:48:51 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding: 0 0 50px;"> <!--Full width image (no LR padding) - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <a href="https://www.example.com/{{utm_code}}" target="_blank"><img src="https://via.placeholder.com/600x400" class="fadeimg" width="600" height="400" alt="place alt text here" style="width: 100%; max-width: 600px; height: auto; font-size: 18px; line-height: 28px; color: #0A080B;" /></a> </td> </tr> View this Snippet
CS Modular Starter Template: Footer Shared by Carin Slater, 2021-08-02 18:47:53 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td class="darkmode footer" align="center" valign="top" style="padding:50px 30px; background: #eeeeee;"> <!--Footer - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <p style="font-family: 'Trebuchet MS', Arial, sans-serif;font-size:14px;line-height:24px;mso-line-height-rule:exactly;color:#0a080b;margin-bottom:20px;">Any address information, legal, terms etc to be added here<br><br> <a href="https://www.example.com{{utm_code}}" class="link" target="_blank" style="color: #0a080b; text-decoration: underline;">Email Preferences</a> | <a href="https://www.example.com{{utm_code}}" class="link" target="_blank" style="color: #0a080b; text-decoration: underline;">Unsubscribe</a> | <a href="https://www.example.com{{utm_code}}" class="link" target="_blank" style="color: #0a080b; text-decoration: underline;">View Online</a> </p> </td> </tr> View this Snippet
CS Modular Starter Template: Experience rating Shared by Carin Slater, 2021-08-02 18:47:07 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding:0 30px 50px;"> <!--Experience rating - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <table class="w100p darkmode3" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:540px; background-color:#d7f1ff;"> <tr> <td align="center" valign="top" style="padding: 50px 30px 30px;"> <!--H2 heading--> <h2 class="white" style="font-family: 'Trebuchet MS', Arial, sans-serif; margin: 0;font-size: 36px; line-height: 46px; text-align: center; color: #0a080b; font-weight: normal;">Rate your experience (H2)</h2> </td> </tr> <tr> <td align="center" valign="top" style="padding: 0 30px 30px;"> <!--Paragraph--> <p style="font-family:'Trebuchet MS', Arial, sans-serif; font-size:18px; line-height:28px; color:#0a080b; margin: 0; padding:0; text-align: center;">Click on the number of stars you would like to give us for your recent purchasing experience:</p> </td> </tr> <tr> <td align="center" valign="top" dir="rtl" style="padding:0 0 50px;"> <p class="star" style="font-family:'Trebuchet MS', Arial, sans-serif; line-height:28px; color:#0a080b; margin:0; padding:0;"> <!--Fifth Star--> <a href="http://www.example.com" style="font-size: 60px; mso-ansi-font-size: 55px; mso-ansi-font-size: 70px; color: #028383; text-decoration: none;">★</a> <!--Fourth Star--> <a href="http://www.example.com" style="font-size: 60px; mso-ansi-font-size: 55px; mso-ansi-font-size: 70px; color: #028383; text-decoration: none;"> ★</a> <!--Third Star--> <a href="http://www.example.com" style="font-size: 60px; mso-ansi-font-size: 55px; mso-ansi-font-size: 70px; color: #028383; text-decoration: none;"> ★</a> <!--Second Star--> <a href="http://www.example.com" style="font-size: 60px; mso-ansi-font-size: 55px; mso-ansi-font-size: 70px; color: #028383; text-decoration: none;"> ★</a> <!--First Star--> <a href="http://www.example.com" style="font-size: 60px; mso-ansi-font-size: 55px; mso-ansi-font-size: 70px; color: #028383; text-decoration: none;"> ★</a> </p> </td> </tr> </table> </td> </tr> View this Snippet
CS Modular Starter Template: divider Shared by Carin Slater, 2021-08-02 18:46:08 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding:0 30px 50px;"> <!--Divider - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <hr style="border: 0; height: 1px; margin: 0; background: #999;" /> </td> </tr> View this Snippet
CS Modular Starter Template: CTA button Shared by Carin Slater, 2021-08-02 18:45:38 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding:0 0 50px;"> <!--CTA button - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <a href="https://www.example.com{{utm_code}}" class="cta" style="background-color: #028383; font-size: 18px; font-family: 'Trebuchet MS', Arial, sans-serif; font-weight:bold; text-decoration: none; padding: 14px 20px; color: #ffffff; display:inline-block; mso-padding-alt:0;"><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%;mso-text-raise:30pt"> </i><![endif]--><span style="mso-text-raise:15pt;"><span class="gmail-screen"><span class="gmail-difference">Call to action</span></span></span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%"> </i><![endif]--></a> </td> </tr> View this Snippet
CS Modular Starter Template: Call out section Shared by Carin Slater, 2021-08-02 18:45:08 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding:0 30px 50px;"> <!--Callout section - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <table class="w100p darkmode3" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:540px; background-color:#d7f1ff;"> <tr> <td align="center" valign="top" style="padding: 50px 30px 30px;"> <!--H3 heading--> <a class="link white" href="https://www.example.com/{{utm_code}}" style="color: #0a080b; text-decoration: none;"><h3 style="font-family:'Trebuchet MS', Arial, sans-serif; font-weight:bold; font-size:26px; line-height:30px; color:#0a080b; margin:0; padding:0;">Call out area (H3)</h3></a> </td> </tr> <tr> <td align="center" valign="top" style="padding: 0 30px 30px;"> <!--Paragraph--> <p style="font-family:'Trebuchet MS', Arial, sans-serif; font-size:18px; line-height:28px; color:#0a080b; margin: 0; padding:0; text-align: center;">Give prominence to important information within a callout section.</p> </td> </tr> <tr> <td align="center" valign="top" style="padding:0 30px 50px;"> <!--CTA button--> <a href="https://www.example.com{{utm_code}}" class="cta" style="background-color: #028383; font-size: 18px; font-family: 'Trebuchet MS', Arial, sans-serif; font-weight:bold; text-decoration: none; padding: 14px 20px; color: #ffffff; display:inline-block; mso-padding-alt:0;"><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%;mso-text-raise:30pt"> </i><![endif]--><span style="mso-text-raise:15pt;"><span class="gmail-screen"><span class="gmail-difference">Call to action</span></span></span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%"> </i><![endif]--></a> </td> </tr> </table> </td> </tr> View this Snippet
CS Modular Starter Template: 3 column image + text Shared by Carin Slater, 2021-08-02 18:44:16 Tagged: Litmus Templates, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding:0 30px 0;"> <!--3 column - images + text - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tr> <td align="center" valign="top" style="font-size:0;"> <!--[if (gte mso 9)|(IE)]> <table cellpadding="0" cellspacing="0" border="0" role="presentation" style="width: 100%;"> <tr> <td valign="top" style="width: 160px;"> <![endif]--> <div class="rPad-0" style="display:inline-block; padding-right: 30px;"> <table class="w100p" cellpadding="0" cellspacing="0" border="0" role="presentation" style="width: 160px;"> <tr> <td align="center" valign="top"> <img src="https://via.placeholder.com/75" alt="place alt text here" width="75" height="75" style="font-size: 16px; line-height: 26px; color: #027979;"> </td> </tr> <tr> <td align="center" valign="top" style="padding: 20px 0;"> <!--Paragraph headline--> <p class="cTxt" style="font-family:'Trebuchet MS', Arial, sans-serif; font-weight:bold; font-size:18px; line-height:28px; color:#0a080b; margin:0; padding:0; text-align: left; font-weight: bold;">Optional headline</p> </td> </tr> <tr> <td align="left" valign="top" style="padding-bottom: 50px;"> <!--Paragraph--> <p class="cTxt" style="font-family:'Trebuchet MS', Arial, sans-serif; font-size:18px; line-height:28px; color:#0a080b; margin: 0; padding:0; text-align: left;">Proin facilisis est elit, eget dictum felis <a href="https://www.example.com{{utm_code}}" class="link" target="_blank" style="color: #027979; text-decoration: underline;">feugiat non</a>.</p> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]> </td><td valign="top" style="width: 30px;"> </td><td valign="top" style="width: 160px;"> <![endif]--> <div class="rPad-0" style="display:inline-block; padding-right: 30px;"> <table class="w100p" cellpadding="0" cellspacing="0" border="0" role="presentation" style="width: 160px;"> <tr> <td align="center" valign="top"> <img src="https://via.placeholder.com/75" alt="place alt text here" width="75" height="75" style="font-size: 16px; line-height: 26px; color: #027979;"> </td> </tr> <tr> <td align="center" valign="top" style="padding: 20px 0;"> <!--Paragraph headline--> <p class="cTxt" style="font-family:'Trebuchet MS', Arial, sans-serif; font-weight:bold; font-size:18px; line-height:28px; color:#0a080b; margin:0; padding:0; text-align: left; font-weight: bold;">Optional headline</p> </td> </tr> <tr> <td align="left" valign="top" style="padding-bottom: 50px;"> <!--Paragraph--> <p class="cTxt" style="font-family:'Trebuchet MS', Arial, sans-serif; font-size:18px; line-height:28px; color:#0a080b; margin: 0; padding:0; text-align: left;">Proin facilisis est elit, eget dictum felis <a href="https://www.example.com{{utm_code}}" class="link" target="_blank" style="color: #027979; text-decoration: underline;">feugiat non</a>.</p> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]> </td><td valign="top" style="width: 30px;"> </td><td valign="top" style="width: 160px;"> <![endif]--> <div style="display:inline-block;"> <table class="w100p" cellpadding="0" cellspacing="0" border="0" role="presentation" style="width: 160px;"> <tr> <td align="center" valign="top"> <img src="https://via.placeholder.com/75" alt="place alt text here" width="75" height="75" style="font-size: 16px; line-height: 26px; color: #027979;"> </td> </tr> <tr> <td align="center" valign="top" style="padding: 20px 0;"> <!--Paragraph headline--> <p class="cTxt" style="font-family:'Trebuchet MS', Arial, sans-serif; font-weight:bold; font-size:18px; line-height:28px; color:#0a080b; margin:0; padding:0; text-align: left; font-weight: bold;">Optional headline</p> </td> </tr> <tr> <td align="left" valign="top" style="padding-bottom: 50px;"> <!--Paragraph--> <p class="cTxt" style="font-family:'Trebuchet MS', Arial, sans-serif; font-size:18px; line-height:28px; color:#0a080b; margin: 0; padding:0; text-align: left;">Proin facilisis est elit, eget dictum felis <a href="https://www.example.com{{utm_code}}" class="link" target="_blank" style="color: #027979; text-decoration: underline;">feugiat non</a>.</p> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> </td> </tr> View this Snippet