CS Use off-white/off-dark colors to prevent color changing in Dark Mode (Ted Goas/Paul Airy) Shared by Carin Slater, 2022-12-03 21:43:21 Tagged: Hack, 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 <!--Prevent email clients from manipulating dark mode styles by using slightly off-white (#fffff0) or slighting off-black (#00000f)--> <style> @media (Prefers-color-scheme: dark) { .fubar { background: #fffff0 !important; color: #00000f !important; } </style> View this Snippet
CS Fixing VML button background colors for Dark Mode (Wilbert Heinen) Shared by Carin Slater, 2022-12-03 21:39:44 Tagged: Hack, Outlook 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 <!--Dark Mode fix for VML buttons - use rbga as the color value in the <a> or else Outlook picks up on the background color and inverts it. Outlook doesn't support rbga values and ignores it leaving the VML color to come through. Wilbert Heinen - https://twitter.com/wilbertheinen/status/1405795916196495361?s=20&t=giNcZVNC3_IyL972-BmWGg--> <div><!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:50px;v-text-anchor:middle;width:170px;" arcsize="10%" stroke="f" fillcolor="#1F7F4C"> <w:anchorlock/> <center> <![endif]--> <a href="http://litmus.com" style="background-color:rgba(31, 127, 76,1);border-radius:5px;color:#ffffff;display:inline-block;font-size: 18px; font-family: Helvetica, Arial, sans-serif;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:170px;-webkit-text-size-adjust:none;">I am a button →</a> <!--[if mso]> </center> </v:roundrect> <![endif]--></div> View this Snippet
CS Show/Hide images for Dark Mode Shared by Carin Slater, 2022-12-03 21:38:50 Tagged: Image, 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 <!--Dark Mode image swap code. Works in Apple/iOS. Works on Outlook.com, but only if the images are linked--> <!--Styles--> <style> .dark-img { display: none !important; } @media (prefers-color-scheme: dark) { .dark-img { display: block !important; } .light-img { display: none !important; } } [data-ogsc] .dark-img { display: block !important; } [data-ogsc] .light-img { display: none !important; } </style> <!--HTML--> <a href=""><img class="light-img" src="https://via.placeholder.com/600x300" width="600" height="300" alt="" style="width: 100%; max-width: 600px; height: auto;" border="0" /> <!--[if !mso]><! --> <img class="dark-img" src="https://via.placeholder.com/600x300" width="600" height="300" alt="" style="width: 100%; max-width: 600px; height: auto;" border="0" /> <!--<![endif]--></a> View this Snippet
CS Keep Text the same color in Outlook's Dark Mode (Nicole Merlin) Shared by Carin Slater, 2022-12-03 21:36:18 Tagged: Hack, Outlook 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 <!--Dark Mode hack to keep text the same color on Outlook ala Nicole Merlin: https://webdesign.tutsplus.com/tutorials/how-to-fix-outlook-dark-mode-problems--cms-37718--> <!--Styles--> <!--[if (gte mso 9)|(IE)]> <style> .keep-black { mso-style-textfill-type:gradient; mso-style-textfill-fill-gradientfill-stoplist:"0 \#000000 1 100000\,99000 \#000000 1 100000"; color: #ffffff !important; } a.keep-black { mso-style-textfill-type:gradient; mso-style-textfill-fill-gradientfill-stoplist:"0 \#000000 1 100000\,99000 \#000000 1 100000"; color: #ffffff !important; } .keep-white { mso-style-textfill-type:gradient; mso-style-textfill-fill-gradientfill-stoplist:"0 \#FFFFFF 0 100000\,100000 \#FFFFFF 0 100000"; color: #000000 !important; } a.keep-white { mso-style-textfill-type:gradient; mso-style-textfill-fill-gradientfill-stoplist:"0 \#ffffff 1 100000\,100000 \#ffffff 1 100000"; color: #000000 !important; } </style> <![endif]--> <!--HTML with VML--> <tr> <td background="https://i.imgur.com/YJOX1PC.png" bgcolor="#7bceeb" width="600" height="200" valign="top"> <!--[if gte mso 9]> <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:200px;"> <v:fill type="tile" src="https://i.imgur.com/YJOX1PC.png" color="#7bceeb" /> <v:textbox inset="0,0,0,0"> <![endif]--> <div> <h1 class="keep-white" style="font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:36px; line-height:46px; color:#ffffff; margin:50px 0; padding:0; text-align: center;"> H1 - Proxima Nova Bold #262524 36/46 </h1> </div> <!--[if gte mso 9]> </v:textbox> </v:rect> <![endif]--> </td> </tr> <!--HTML w/o VML--> <tr> <td align="left" valign="top" style="background-color: #38B18F;"> <h1 class="keep-white" style="font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:36px; line-height:46px; color:#ffffff; margin:40px 0; padding:0; text-align: center;"> H1 - Proxima Nova Bold #262524 36/46 </h1> </td> </tr> View this Snippet
CS Keeping White Text White in Gmail Dark Mode (Remi Parmentier) Shared by Carin Slater, 2022-12-03 21:34:56 Tagged: Hack, Gmail 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 <!--Dark Mode hack to keep white text white in Gmail. Uses color blends ala Remi Parmentier: https://www.hteumeuleu.com/2021/fixing-gmail-dark-mode-css-blend-modes/--> <!--Styles--> <style> u + .body .gmail-screen { background:#000; mix-blend-mode:screen; } u + .body .gmail-difference { background:#000; mix-blend-mode:difference; } </style> <!--HTML--> <p style="color: #ffffff;"> <span class="gmail-screen"><span class="gmail-difference">I am white text</span></span> </p> View this Snippet
CS Override Dark Mode Background Colors (Annett Forcier) Shared by Carin Slater, 2022-12-03 21:33:47 Tagged: Hack, Gmail 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 <!--Dark Mode hack to over-ride email clients changing background colors via Annett Forcier: https://twitter.com/The_Annett/status/1204896185728716805--> style="background: linear-gradient(#262524, #262524); background-color: #262524;" View this Snippet
CS Target Android/Outlook.com for Dark Mode Shared by Carin Slater, 2022-12-03 21:29:26 Tagged: Hack, Android 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 <!--Dark Mode media queries to target some Android and Outlook.com --> <style> /* targets color attribute */ [data-ogsc] .fubar { } /* targets background attribute */ [data-ogsb] .fubar { } </style> View this Snippet
CS Target Apple/iOS for dark mode. Shared by Carin Slater, 2022-12-03 21:28:52 Tagged: Media Query, iPhone 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 <!--Dark Mode media queries to target Apple and iOS--> <style> @media (prefers-color-scheme: dark) { .fubar { } } </style> View this Snippet
CS Dark Mode Meta Tags Shared by Carin Slater, 2022-12-03 21:27:23 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 <!--Dark Mode meta tags needed to enable Dark Mode in email client user agents--> <meta name="color-scheme" content="light dark"> <meta name="supported-color-schemes" content="light dark only"> <style type="text/css"> :root { color-scheme: light dark; supported-color-schemes: light dark; } </style> View this Snippet
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
