CP Fix: iOS 11 Rendering my Email 1/2 the Width of the Screen Shared by Cemre Pacun, 2018-06-13 21:52:02 Tagged: Hack, iPhone Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <meta name="x-apple-disable-message-reformatting" /> View this Snippet
AD Bulletproof Button with Alternate Old-School Button for Outlook Shared by Andrew Driscoll, 2018-05-22 17:53:57 Tagged: Hack, All 2 Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <!-- Begin non-Outlook, Bulletproof button set to a minimum width of 300px --> <!--[if !mso]><!--> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td> <table class="responsive-btn" border="0" cellspacing="0" cellpadding="0" style="min-width: 300px; min-height: 52px;" align="left"> <tbody> <tr> <td align="center" style="border-radius: 3px; min-width: 300px;" bgcolor="#800000"> <a href="#" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none;border-radius: 3px; padding: 12px 18px; border: 1px solid #800000; display: inline-block; text-transform:uppercase; background-color: #800000;">My Button Text</a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <!--<![endif]--> <!-- End non-Outlook button --> <!-- Begin Outlook button --> <!--[if mso]> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td> <table height="52" border="0" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td height="52" align="center" valign="middle" bgcolor="#800000"> <a href="#" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; text-transform:uppercase; background-color: #800000;">My Button Text</a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <!--<![endif]--> <!-- End Outlook button --> View this Snippet
KM Outlook.com / Office 365 Targeting [Updated 2018] Shared by Kevin Mandeville, 2018-04-27 14:46:31 Tagged: Hack, Outlook Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet [owa] .foo { /* Insert CSS */ } View this Snippet
NT Outlook 2016/365: Purple color (visited link) easy fix Shared by Nischal Tiwari, 2018-04-22 23:49:11 Tagged: Hack, Outlook Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <style type="text/css"> a{color:#fff;} <!--Define the link color but don't include the !important tag and also define the inline styling --> </style> <html> <body> <a href="#link" style="color:#ff6600;">Link 1</a> <!-- This will help to remove the purple color link on visited link on Outlook email --> </body> </html> View this Snippet
KM Gmail Mobile Targeting Shared by Kevin Mandeville, 2018-03-12 17:06:14 Tagged: Media Query, Gmail Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet @media screen and (max-width: 480px) { u ~ div .foo { /* INSERT CSS HERE */ } } View this Snippet
RW Button works in nearly all clients with Link not blue in Outlook Shared by Ralf Witthohn, 2018-02-23 16:51:48 Tagged: Link, All Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <a href="#" style="background-color: #ada124; background-image: linear-gradient(to top, #EF3731, #ada124); border: 1px solid #ada124; border-radius: 3px; color: #ffffff; display: inline-block; font-family: sans-serif; font-weight: bold; mso-border-alt: 8px solid #ada124; mso-padding-alt: 0; padding: 8px 16px; text-decoration: none;"><strong>Button</strong></a> View this Snippet
TA HTML Character Codes - For testing previews in all clients Shared by TWO MEN AND A TRUCK, 2018-02-22 21:10:24 Tagged: Typography, All Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <span style="font-size: 40px;"> ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☎ ☏ ☐ ☑ ☒ ☓ ☔ ☕ ☖ ☗ ☘ ☙ ☚ ☛ ☜ ☝ ☞ ☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷ ☸ ☹ ☺ ☻ ☼ ☽ ☾ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇ ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟ ♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♩ ♪ ♫ ♬ ♭ ♮ ♯ ♰ ♱ ✁ ✂ ✃ ✄ ✅ ✆ ✇ ✈ ✉ ✊ ✋ ✌ ✍ ✎ ✏ ✐ ✑ ✒ ✓ ✔ ✕ ✖ ✗ ✘ ✙ ✚ ✛ ✜ ✝ ✞ ✟ ✠ ✡ ✢ ✣ ✤ ✥ ✦ ✧ ✨ ✩ ✪ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ✴ ✵ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❌ ❍ ❎ ❏ ❐ ❑ ❒ ❓ ❔ ❕ ❖ ❗ ❘ ❙ ❚ ❛ ❜ ❝ ❞ ❟ ❠ ❡ ❢ ❣ ❤ ❥ ❦ ❧ ❨ ❩ ❪ ❫ ❬ ❭ ❮ ❯ ❰ ❱ ❲ ❳ ❴ ❵ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿ ➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➉ ➊ ➋ ➌ ➍ ➎ ➏ ➐ ➑ ➒ ➓ ➔ ➕ ➖ ➗ ➘ ➙ ➚ ➛ ➜ ➝ ➞ ➟ ➠ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➰ ➱ ➲ ➳ ➴ ➵ ➶ ➷ ➸ ➹ ➺ ➻ ➼ ➽ ➾ 	 ! " # $ % & ' ( ) * + , . / : ; < = > ? @ [ \ ] ^ _ ` { | }   ¡ ¢ £ ¤ ¥ ¦ § ¨ © ª « ¬ ­ ® ¯ ° ± ² ³ ´ µ ¶ · ¸ ¹ º » ¼ ½ ¾ ¿ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö × Ø Ù Ú Û Ü Ý Þ ß à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ÷ ø ù ú û ü ý þ ÿ Ā ā Ă ă Ą ą Ć ć Ĉ ĉ Ċ ċ Č č Ď ď Đ đ Ē ē Ė ė Ę ę Ě ě Ĝ ĝ Ğ ğ Ġ ġ Ģ Ĥ ĥ Ħ ħ Ĩ ĩ Ī ī Į į İ ı IJ ij Ĵ ĵ Ķ ķ ĸ Ĺ ĺ Ļ ļ Ľ ľ Ŀ ŀ Ł ł Ń ń Ņ ņ Ň ň ʼn Ŋ ŋ Ō ō Ő ő Œ œ Ŕ ŕ Ŗ ŗ Ř ř Ś ś Ŝ ŝ Ş ş Š š Ţ ţ Ť ť Ŧ ŧ Ũ ũ Ū ū Ŭ ŭ Ů ů Ű ű Ų ų Ŵ ŵ Ŷ ŷ Ÿ Ź ź Ż ż Ž ž ƒ Ƶ ǵ ȷ ˆ ˇ ˘ ˙ ˚ ˛ ˜ ˝ ̑ Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ ς σ τ υ φ χ ψ ω ϑ ϒ ϕ ϖ Ϝ ϝ ϰ ϱ ϵ ϶ Ё Ђ Ѓ Є Ѕ І Ї Ј Љ Њ Ћ Ќ Ў Џ А Б В Г Д Е Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ъ Ы Ь Э Ю Я а б в г д е ж з и й к л м н о п р с т у ф х ц ч ш щ ъ ы ь э ю я ё ђ ѓ є ѕ і ї ј љ њ ћ ќ ў џ                 ​ ‌ ‍ ‎ ‏ ‐ – — ― ‖ ‘ ’ ‚ “ ” „ † ‡ • ‥ … ‰ ‱ ′ ″ ‴ ‵ ‹ › ‾ ⁁ ⁃ ⁄ ⁏ ⁗   ⁠ ⁡ ⁢ ⁣ € ⃛ ⃜ ℂ ℅ ℊ ℋ ℌ ℍ ℎ ℏ ℐ ℑ ℒ ℓ ℕ № ℗ ℘ ℙ ℚ ℛ ℜ ℝ ℞ ™ ℤ ℧ ℨ ℩ ℬ ℭ ℯ ℰ ℱ ℳ ℴ ℵ ℶ ℷ ℸ ⅅ ⅆ ⅇ ⅈ ⅓ ⅔ ⅕ ⅖ ⅗ ⅘ ⅙ ⅚ ⅛ ⅜ ⅝ ⅞ ← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙ ↚ ↛ ↝ ↞ ↟ ↠ ↡ ↢ ↣ ↤ ↥ ↦ ↧ ↩ ↪ ↫ ↬ ↭ ↮ ↰ ↱ ↲ ↳ ↵ ↶ ↷ ↺ ↻ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃ ⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⇍ ⇎ ⇏ ⇐ ⇑ ⇒ ⇓ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⇝ ⇤ ⇥ ⇵ ⇽ ⇾ ⇿ ∀ ∁ ∂ ∃ ∄ ∅ ∇ ∈ ∉ ∋ ∌ ∏ ∐ ∑ − ∓ ∔ ∖ ∗ ∘ √ ∝ ∞ ∟ ∠ ∡ ∢ ∣ ∤ ∥ ∦ ∧ ∨ ∩ ∪ ∫ ∬ ∭ ∮ ∯ ∰ ∱ ∲ ∳ ∴ ∵ ∶ ∷ ∸ ∺ ∻ ∼ ∽ ∾ ∿ ≀ ≁ ≂ ≃ ≄ ≅ ≆ ≇ ≈ ≉ ≊ ≋ ≌ ≍ ≎ ≏ ≐ ≑ ≒ ≓ ≔ ≕ ≖ ≗ ≙ ≚ ≜ ≟ ≠ ≡ ≢ ≤ ≥ ≦ ≧ ≨ ≩ ≪ ≫ ≬ ≭ ≮ ≯ ≰ ≱ ≲ ≳ ≴ ≵ ≶ ≷ ≸ ≹ ≺ ≻ ≼ ≽ ≾ ≿ ⊀ ⊁ ⊂ ⊃ ⊄ ⊅ ⊆ ⊇ ⊈ ⊉ ⊊ ⊋ ⊍ ⊎ ⊏ ⊐ ⊑ ⊒ ⊓ ⊔ ⊕ ⊖ ⊗ ⊘ ⊙ ⊚ ⊛ ⊝ ⊞ ⊟ ⊠ ⊡ ⊢ ⊣ ⊤ ⊥ ⊧ ⊨ ⊩ ⊪ ⊫ ⊬ ⊭ ⊮ ⊯ ⊰ ⊲ ⊳ ⊴ ⊵ ⊶ ⊷ ⊸ ⊹ ⊺ ⊻ ⊽ ⊾ ⊿ ⋀ ⋁ ⋂ ⋃ ⋄ ⋅ ⋆ ⋇ ⋈ ⋉ ⋊ ⋋ ⋌ ⋍ ⋎ ⋏ ⋐ ⋑ ⋒ ⋓ ⋔ ⋕ ⋖ ⋗ ⋘ ⋙ ⋚ ⋛ ⋞ ⋟ ⋠ ⋡ ⋢ ⋣ ⋦ ⋧ ⋨ ⋩ ⋪ ⋫ ⋬ ⋭ ⋮ ⋯ ⋰ ⋱ ⋲ ⋳ ⋴ ⋵ ⋶ ⋷ ⋹ ⋺ ⋻ ⋼ ⋽ ⋾ ⌅ ⌆ ⌈ ⌉ ⌊ ⌋ ⌌ ⌍ ⌎ ⌏ ⌐ ⌒ ⌓ ⌕ ⌖ ⌜ ⌝ ⌞ ⌟ ⌢ ⌣ 〈 〉 ⌭ ⌮ ⌶ ⌽ ⌿ ⍼ ⎰ ⎱ ⎴ ⎵ ⎶ ⏜ ⏝ ⏞ ⏟ ⏢ ⏧ ␣ Ⓢ ─ │ ┌ ┐ └ ┘ ├ ┤ ┬ ┴ ┼ ═ ║ ╒ ╓ ╔ ╕ ╖ ╗ ╘ ╙ ╚ ╛ ╜ ╝ ╞ ╟ ╠ ╡ ╢ ╣ ╤ ╥ ╦ ╧ ╨ ╩ ╪ ╫ ╬ ▀ ▄ █ ░ ▒ ▓ □ ▪ ▫ ▭ ▮ ▱ △ ▴ ▵ ▸ ▹ ▽ ▾ ▿ ◂ ◃ ◊ ○ ◬ ◯ ◸ ◹ ◺ ◻ ◼ ★ ☆ ☎ ♀ ♂ ♠ ♣ ♥ ♦ ♪ ♭ ♮ ♯ ✓ ✗ ✠ ✶ ❘ ❲ ❳ ⟈ ⟉ ⟦ ⟧ ⟨ ⟩ ⟪ ⟫ ⟬ ⟭ ⟵ ⟶ ⟷ ⟸ ⟹ ⟺ ⟼ ⟿ ⤂ ⤃ ⤄ ⤅ ⤌ ⤍ ⤎ ⤏ ⤐ ⤑ ⤒ ⤓ ⤖ ⤙ ⤚ ⤛ ⤜ ⤝ ⤞ ⤟ ⤠ ⤣ ⤤ ⤥ ⤦ ⤧ ⤨ ⤩ ⤪ ⤳ ⤵ ⤶ ⤷ ⤸ ⤹ ⤼ ⤽ ⥅ ⥈ ⥉ ⥊ ⥋ ⥎ ⥏ ⥐ ⥑ ⥒ ⥓ ⥔ ⥕ ⥖ ⥗ ⥘ ⥙ ⥚ ⥛ ⥜ ⥝ ⥞ ⥟ ⥠ ⥡ ⥢ ⥣ ⥤ ⥥ ⥦ ⥧ ⥨ ⥩ ⥪ ⥫ ⥬ ⥭ ⥮ ⥯ ⥰ ⥱ ⥲ ⥳ ⥴ ⥵ ⥶ ⥸ ⥹ ⥻ ⥼ ⥽ ⥾ ⥿ ⦅ ⦆ ⦋ ⦌ ⦍ ⦎ ⦏ ⦐ ⦑ ⦒ ⦓ ⦔ ⦕ ⦖ ⦚ ⦜ ⦝ ⦤ ⦥ ⦦ ⦧ ⦨ ⦩ ⦪ ⦫ ⦬ ⦭ ⦮ ⦯ ⦰ ⦱ ⦲ ⦳ ⦴ ⦵ ⦶ ⦷ ⦹ ⦻ ⦼ ⦾ ⦿ ⧀ ⧁ ⧂ ⧃ ⧄ ⧅ ⧉ ⧍ ⧎ ⧏ ⧐ ⧜ ⧝ ⧞ ⧣ ⧤ ⧥ ⧫ ⧴ ⧶ ⨀ ⨁ ⨂ ⨄ ⨆ ⨌ ⨍ ⨐ ⨑ ⨒ ⨓ ⨔ ⨕ ⨖ ⨗ ⨢ ⨣ ⨤ ⨥ ⨦ ⨧ ⨩ ⨪ ⨭ ⨮ ⨯ ⨰ ⨱ ⨳ ⨴ ⨵ ⨶ ⨷ ⨸ ⨹ ⨺ ⨻ ⨼ ⨿ ⩀ ⩂ ⩃ ⩄ ⩅ ⩆ ⩇ ⩈ ⩉ ⩊ ⩋ ⩌ ⩍ ⩐ ⩓ ⩔ ⩕ ⩖ ⩗ ⩘ ⩚ ⩛ ⩜ ⩝ ⩟ ⩦ ⩪ ⩭ ⩮ ⩯ ⩰ ⩱ ⩲ ⩳ ⩴ ⩵ ⩷ ⩸ ⩹ ⩺ ⩻ ⩼ ⩽ ⩾ ⩿ ⪀ ⪁ ⪂ ⪃ ⪄ ⪅ ⪆ ⪇ ⪈ ⪉ ⪊ ⪋ ⪌ ⪍ ⪎ ⪏ ⪐ ⪑ ⪒ ⪓ ⪔ ⪕ ⪖ ⪗ ⪘ ⪙ ⪚ ⪝ ⪞ ⪟ ⪠ ⪡ ⪢ ⪤ ⪥ ⪦ ⪧ ⪨ ⪩ ⪪ ⪫ ⪬ ⪭ ⪮ ⪯ ⪰ ⪳ ⪴ ⪵ ⪶ ⪷ ⪸ ⪹ ⪺ ⪻ ⪼ ⪽ ⪾ ⪿ ⫀ ⫁ ⫂ ⫃ ⫄ ⫅ ⫆ ⫇ ⫈ ⫋ ⫌ ⫏ ⫐ ⫑ ⫒ ⫓ ⫔ ⫕ ⫖ ⫗ ⫘ ⫙ ⫚ ⫛ ⫤ ⫦ ⫧ ⫨ ⫩ ⫫ ⫬ ⫭ ⫮ ⫯ ⫰ ⫱ ⫲ ⫳ ⫽ ff fi fl ffi ffl 𝒜 𝒞 𝒟 𝒢 𝒥 𝒦 𝒩 𝒪 𝒫 𝒬 𝒮 𝒯 𝒰 𝒱 𝒲 𝒳 𝒴 𝒵 𝒶 𝒷 𝒸 𝒹 𝒻 𝒽 𝒾 𝒿 𝓀 𝓁 𝓂 𝓃 𝓅 𝓆 𝓇 𝓈 𝓉 𝓊 𝓋 𝓌 𝓍 𝓎 𝓏 𝔄 𝔅 𝔇 𝔈 𝔉 𝔊 𝔍 𝔎 𝔏 𝔐 𝔑 𝔒 𝔓 𝔔 𝔖 𝔗 𝔘 𝔙 𝔚 𝔛 𝔜 𝔞 𝔟 𝔠 𝔡 𝔢 𝔣 𝔤 𝔥 𝔦 𝔧 𝔨 𝔩 𝔪 𝔫 𝔬 𝔭 𝔮 𝔯 𝔰 𝔱 𝔲 𝔳 𝔴 𝔵 𝔶 𝔷 𝔸 𝔹 𝔻 𝔼 𝔽 𝔾 𝕀 𝕁 𝕂 𝕃 𝕄 𝕆 𝕊 𝕋 𝕌 𝕍 𝕎 𝕏 𝕐 𝕒 𝕓 𝕔 𝕕 𝕖 𝕗 𝕘 𝕙 𝕚 𝕛 𝕜 𝕝 𝕞 𝕟 𝕠 𝕡 𝕢 𝕣 𝕤 𝕥 𝕦 𝕧 𝕨 𝕩 𝕪 𝕫 </span> View this Snippet
IR Responsive table for all email clients 2018 Shared by Ignacio Rodrigues, 2018-02-19 19:47:16 Tagged: Table, All Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie-edge"> <title></title> <style> body { margin: 0px !important; padding: 0px !important; } @media only screen and (max-width:480px) { .wrapper { width: 100% !important; } </style> </head> <body> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#2b3452" style="background-color:#2b3452;"> <tr> <td align="center" valign="top"> <![endif]--> <table align="center" cellpadding="0" cellspacing="0" width="100%" bgcolor="#2b3452"> <tr> <td align="center" valign="top"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="600"> <tr> <td align="center" valign="top" width="600"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper"> <tbody> <tr> <td align="center" valign="top"> <!-- Content --> </td> </tr> </tbody> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </body> </html> View this Snippet
FC VML-Based Bulletproof Button Shared by Florian Cargouet, 2018-02-19 07:57:06 Tagged: Hack, All Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <div> <!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://buttons.cm/" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="8%" stroke="f" fillcolor="#ffffff"> <w:anchorlock/> <center> <![endif]--> <a href="https://buttons.cm/" style="background-color:#ffffff;border-radius:3px;color:#246bff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">Create your button</a> <!--[if mso]> </center> </v:roundrect> <![endif]--> </div> View this Snippet
NT Gmail Blue Link fixes for 2018 Shared by Nischal Tiwari, 2018-02-16 05:05:37 Tagged: Hack, Gmail Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Google Auto Blue Colors</title> <style media="all"> /*Gmail specific free text line height fix*/ u + .body .m_free-text span { line-height: 1.2em; } /*Gmail specific free text and footer font color fix*/ u + .body .m_free-text a, u + .body .m_footer a { color: #FF6600 !important; } </style> </head> <body class="body"> <table cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="center" style="font-family:'Lato',Tahoma, Arial, sans-serif; color:#ffffff; text-decoration:none; padding-top:10px; padding-bottom:10px; font-size:13px;" class="m_footer">Demo Company Name, 29 Ringwood Street, Ringwood, Vic 3134 Australia </td> </tr> </tbody> </table> </body> </html> View this Snippet
CP Preheader text - cross-client, minimal code Shared by Cosmin Popovici, 2018-02-01 09:04:16 Tagged: Preheader Text, All Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <!-- Add this <div> immediately after your opening <body> tag. --> <div style="display:none;font-size:0;line-height:0;">{your text}</div> View this Snippet
AL 2ColumnFlipper - Staggered desktop - Stacked mobile properly Shared by Anthony Lizza, 2018-01-25 14:17:21 Tagged: Table, All 1 Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge" /><!--<![endif]--><meta name="viewport" content="width=device-width"> <title>XXXXX</title> <style type="text/css">a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: 'Open sans', inherit !important; font-weight: inherit !important; line-height: inherit !important; } .rightyleft{ direction: rtl; } @media screen and (max-width: 425px) { td[class="rightyleft"]{ direction:ltr !important; } td[class="mobileText"]{ text-align:center !important; } } @media yahoo { table {min-width:0px !important;} body {min-width:0px !important;} table {min-width:0px !important;} td {min-width:0px !important;} a {min-width:0px !important;} div {min-width:0px !important;} } </style> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,700italic,300" rel="stylesheet" type="text/css" /><!--[if (gte mso 9)|(IE)]> <style type="text/css"> table {border-collapse: collapse !important;} body {font-family: Arial, Helvetica, sans-serif !important;} table {font-family: Arial, Helvetica, sans-serif !important;} td {font-family: Arial, Helvetica, sans-serif !important;} a {font-family: Arial, Helvetica, sans-serif !important;} div {font-family: Arial, Helvetica, sans-serif !important;} span {font-family: Arial, Helvetica, sans-serif !important;} .rightyleft{ direction:ltr !important}; </style> <![endif]--> </head> <body bgcolor="#E0E0E0" style="Margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;background-color:#e0e0e0;"><!-- UPDATE HEADLINE PREVIEW BELOW --> <div class="HEADLINE-UPDATE-PREVIEW" style="display:none;font-size:1px;color:#333333;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">We’re excited to announce...</div> <!-- UPDATE HEADLINE PREVIEW ABOVE --><!--[if (gte mso 9)|(IE)]> <table width="600" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <![endif]--> <center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#e0e0e0;"> <div class="webkit" style="max-width:600px;"><!--[if (gte mso 9)|(IE)]> <table width="600" align="center" style="border-spacing:0;font-family: sans-serif;color:#333333;" > <tr> <td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" > <![endif]--> <table align="center" bgcolor="#FFFFFF" class="outer" style="border-spacing:0;font-family: sans-serif;color:#333333;Margin:0 auto;width:100%;max-width:600px;"><!-- LOGO_BANNER --> <!--2222222222222222 TWO COLUMNS --> <tr> <td style="padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;text-align:center;font-size:0;"><!--[if (gte mso 9)|(IE)]> <table width="100%" style="border-spacing:0;font-family:sans-serif;color:#333333;" > <tr> <td width="50%" align="center" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0px;" > <![endif]--> <div class="col425" style="width:100%;max-width:300px;display:inline-block;vertical-align:top; overflow:visible;"> <table style="border-spacing:0;font-family:sans-serif;color:#333333;" width="100%"> <tbody> <tr> <td class="inner" style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;"> <table class="contents" style="border-spacing:0;font-family:sans-serif;color:#333333;width:100%;font-size:14px;text-align:left;direction:ltr !important;"> <tbody> <tr> <td align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><img alt="Cartagena, Colombia" height="191" src="xxx.jpg" style="border:none;display:block;padding:0px;" title="Cartagena, Colombia" width="300" /></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> <td width="50%" align="left" valign="top" style="padding-top:0;padding-bottom:0;padding-right:17px;padding-left:0;" > <![endif]--> <div class="col425" style="width:100%;max-width:300px;display:inline-block;vertical-align:top; overflow:visible;"> <table dir="ltr" style="border-spacing:0;font-family:sans-serif;color:#333333;" width="100%"> <tbody> <tr> <td class="inner" style="padding-top:15px;padding-bottom:10px;padding-right:17px;padding-left:17px;"> <table align="center" style="border-spacing:0;font-family:sans-serif;color:#333333;width:100%;font-size:14px;text-align:center;"> <tbody> <tr> <td align="left" class="mobileText" style="font-size: 14px; line-height: 18px; font-family: 'Open sans', Arial, Helvetica, sans-serif; color: #37424a;font-weight:normal;letter-spacing:0px;">This is flipper 2 columns - !! There is Outlook code necessary !!</td> </tr> <tr> <td class="SPACER" style="padding:0px;font-size: 4px; line-height:5px; font-family: 'Open sans', Arial, Helvetica, sans-serif; color: #84888b;"> </td> </tr> <tr> <td align="left" class="mobileText" style="font-size: 14px; line-height: 18px; font-family: 'Open sans', Arial, Helvetica, sans-serif; color: #37424a;font-weight:normal;letter-spacing:0px;">Without this code, when it stacks in mobile, it would go <br />IMG<br />TEXT<br />TEXT<br />IMG</td> </tr> <tr> <td class="SPACER" style="padding:0px;font-size: 4px; line-height:5px; font-family: 'Open sans', Arial, Helvetica, sans-serif; color: #84888b;"> </td> </tr> <tr> <td align="left" class="mobileText" style="font-size: 14px; line-height: 18px; font-family: 'Open sans', Arial, Helvetica, sans-serif; color: #37424a;font-weight:normal;letter-spacing:0px;">This will ensure when stacking <br />IMG<br />TEXT<br />IMG<br />TEXT</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--></td> </tr> <!-- END OF 22222222222222 TWO COLUMNS --> <tr bgcolor="#E0E0E0"> <td class="SPACER" style="padding:0px;font-size: 4px; line-height: 15px; font-family: 'Open sans', Arial, Helvetica, sans-serif; color: #37424a;"> </td> </tr> <!--2222222222222222 TWO COLUMNS --> <tr> <td class="rightyleft" style="padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;text-align:center;font-size:0;"><!--[if (gte mso 9)|(IE)]> <table width="100%" style="border-spacing:0;font-family:sans-serif;color:#333333;" > <tr> <td width="50%" align="center" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0px;" > <![endif]--> <div class="col425" style="width:100%;max-width:300px;display:inline-block;vertical-align:top; overflow:visible;"> <table style="border-spacing:0;font-family:sans-serif;color:#333333;" width="100%"> <tbody> <tr> <td class="inner" style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;"> <table class="contents" style="border-spacing:0;font-family:sans-serif;color:#333333;width:100%;font-size:14px;text-align:left;direction:ltr !important;"> <tbody> <tr> <td align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><img alt="Cartagena, Colombia" height="191" src="xxx.jpg" style="border:none;display:block;padding:0px;" title="Cartagena, Colombia" width="300" /></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> <td width="50%" align="left" valign="top" style="padding-top:0;padding-bottom:0;padding-right:17px;padding-left:0;" > <![endif]--> <div class="col425" style="width:100%;max-width:300px;display:inline-block;vertical-align:top; overflow:visible;"> <table dir="ltr" style="border-spacing:0;font-family:sans-serif;color:#333333;" width="100%"> <tbody> <tr> <td dir="ltr" class="inner" style="padding-top:15px;padding-bottom:10px;padding-right:17px;padding-left:17px;"> <table align="center" style="border-spacing:0;font-family:sans-serif;color:#333333;width:100%;font-size:14px;text-align:center;"> <tbody> <tr> <td align="left" class="mobileText" style="font-size: 18px; line-height: 24px; font-family: 'Open sans', Arial, Helvetica, sans-serif; color: #37424a;font-weight:600;letter-spacing:0px;">remember this side is the flipper </td> </tr> <tr> <td align="left" class="mobileText" style="font-size: 14px; line-height: 18px; font-family: 'Open sans', Arial, Helvetica, sans-serif; color: #37424a;font-weight:normal;letter-spacing:0px;">there is dir=ltr on the TD inner to make sure punctuation and text look normal</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--></td> </tr> <!-- END OF 22222222222222 TWO COLUMNS --> <tr bgcolor="#E0E0E0"> <td class="SPACER" style="padding:0px;font-size: 4px; line-height: 15px; font-family: 'Open sans', Arial, Helvetica, sans-serif; color: #37424a;"> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--></div> </center> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </body> </html> View this Snippet
BF Remove blue links in all clients Shared by Barry Flammia, 2018-01-16 10:39:27 Tagged: Link, All Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet a[x-apple-data-detectors], u+#body a, #MessageViewBody a { color: inherit!important; text-decoration: none!important; font-size: inherit!important; font-family: inherit!important; font-weight: inherit!important; line-height: inherit!important; } View this Snippet
VJ test sample Shared by vidya j, 2018-01-08 11:52:34 Tagged: Boilerplate, All Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <link rel="stylesheet" type="text/css" href="{{root}}css/app.css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"> <title>{{subject}}</title> <!-- <style> --> </head> <body> <span class="preheader">{{description}}</span> <table class="body"> <tr> <td class="center" align="center" valign="top"> <center> {{!-- Pages you create in the src/pages/ folder are inserted here when the flattened emails are created. --}} {{> body}} </center> </td> </tr> </table> <!-- prevent Gmail on iOS font size manipulation --> <div style="display:none; white-space:nowrap; font:15px courier; line-height:0;"> </div> </body> </html> View this Snippet
KM Remove Samsung Blue Links Shared by Kevin Mandeville, 2018-05-08 18:36:56 Tagged: Link, Android 1 Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet #MessageViewBody a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } View this Snippet
BF Superscript th in dates Shared by Barry Flammia, 2017-10-03 08:36:39 Tagged: Typography, All Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <sup style="font-size: [VALUE=50-75%]; line-height: 0; font-weight: bold;">th</sup> <!--[if gte mso 9]> <style> sup { font-size: 100% !important; vertical-align: top;} </style> <![endif]--> View this Snippet
KM Override Gmail Blue Links Shared by Kevin Mandeville, 2018-02-20 05:34:19 Tagged: Link, Gmail 7 Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet u + #body a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } /* ADD id="body" TO body TAG*/ View this Snippet
RN Outlook 2013 120DPI make images scale properly Shared by Robin Nieminen, 2017-10-11 14:24:10 Tagged: Boilerplate, Outlook 1 Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <!--[if gte mso 9]><xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml><![endif]--> </head> View this Snippet
RN Litmus Preview Hack Shared by Robin Nieminen, 2017-09-26 09:29:57 Tagged: Preheader Text, All Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <div style="display: none; max-height: 0px; overflow: hidden;"> Insert hidden preheader text here </div> <!-- Insert ‌ hack after hidden preview text --> <div style="display: none; max-height: 0px; overflow: hidden;"> ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </div> View this Snippet
SB Mini Items Shared by Sheetal Bhuvanesh, 2017-07-24 15:13:40 Tagged: Boilerplate, All Snippet Trigger Manage Snippets 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 library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td bgcolor="#ffffff" align="center" style="padding: 20px 15px 40px 15px;" class="section-padding"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="600"> <tr> <td align="center" valign="top" width="600"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" class="responsive-table"> <tr> <td align="center" height="100%" valign="top" width="100%"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="540"> <tr> <td align="center" valign="top" width="540"> <![endif]--> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:540px;"> <tr> <td align="center" valign="top" style="font-size:0;" class="padding"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="540"> <tr> <td align="left" valign="top" width="240"> <![endif]--> <div style="display:inline-block; max-width:50%; min-width:240px; vertical-align:top; width:100%;" class="wrapper"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:240px;" class="wrapper"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding: 20px 10px 30px 10px;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="center" valign="middle" bgcolor="#d42a56" style="font-size: 16px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; color: #ffffff; padding: 10px 0px;"><span style="font-size: 14px; font-weight: 100; font-family: Helvetica, Arial, sans-serif; color: #ffffff;">PRICES FROM </span>£30 </td> </tr> <tr> <td align="center" valign="middle"> <a href="XXDBLCLKXX-ENTER URL HERE-XXGAXX" name="mini-img" target="_blank"><img src="mini-1.jpg" width="240" height="230" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 240px; height: 230px;" alt="ALT_GOES_HERE" border="0" class="img-max"></a> </td> </tr> <tr> <td align="center" style="padding: 15px 0 0 0; font-family: Arial, sans-serif; color: #333333; font-size: 20px;">Item 1</td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;">Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum.</td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;"><a href="XXDBLCLKXX-ENTER URL HERE-XXGAXX" name="mini-text-link" target="_blank" style="color: #d42a56; text-decoration: none;"><strong>Read More ›</strong></a></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> <td width="20" style="font-size: 1px;"> </td> <td align="right" valign="top" width="240"> <![endif]--> <div style="display:inline-block; max-width:50%; min-width:240px; vertical-align:top; width:100%;" class="wrapper"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td class="mso-right"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:240px; float: right;" class="wrapper"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding: 20px 10px 30px 10px;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="center" bgcolor="#d42a56" style="font-size: 16px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; color: #ffffff; padding: 10px 0px;">NEW<span style="font-size: 14px; font-weight: 100; font-family: Helvetica, Arial, sans-serif; color: #ffffff;"> DESIGNS</span> </td> </tr> <tr> <td align="center" valign="middle"> <a href="XXDBLCLKXX-ENTER URL HERE-XXGAXX" name="mini-img" target="_blank"><img src="mini-2.jpg" width="240" height="230" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 240px; height: 230px;" alt="ALT_GOES_HERE" border="0" class="img-max"></a> </td> </tr> <tr> <td align="center" style="padding: 15px 0 0 0; font-family: Arial, sans-serif; color: #333333; font-size: 20px;">Item 2</td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;">Integer ut tempor lectus. Vivamus at gravida arcu.</td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;"><a href="XXDBLCLKXX-ENTER URL HERE-XXGAXX" name="mini-text-link" target="_blank" style="color: #d42a56; text-decoration: none;"><strong>Read More ›</strong></a></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td align="center" height="100%" valign="top" width="100%"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="540"> <tr> <td align="center" valign="top" width="540"> <![endif]--> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:540px;"> <tr> <td align="center" valign="top" style="font-size:0;" class="padding"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="540"> <tr> <td align="left" valign="top" width="240"> <![endif]--> <div style="display:inline-block; max-width:50%; min-width:240px; vertical-align:top; width:100%;" class="wrapper"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:240px;" class="wrapper"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding: 20px 10px 30px 10px;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="center" bgcolor="#552F49" style="font-size: 16px; font-family: Verdana, Geneva, sans-serif; color: #ffffff; padding: 10px 0px;">BLACKOUT </td> </tr> <tr> <td align="center" valign="middle"> <a href="XXDBLCLKXX-ENTER URL HERE-XXGAXX" name="mini-img" target="_blank"><img src="mini-3.jpg" width="240" height="230" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 240px; height: 230px;" alt="ALT_GOES_HERE" border="0" class="img-max"></a> </td> </tr> <tr> <td align="center" style="padding: 15px 0 0 0; font-family: Arial, sans-serif; color: #333333; font-size: 20px;">Item 3</td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;">Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum.</td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;"><a href="XXDBLCLKXX-ENTER URL HERE-XXGAXX" name="mini-text-link" target="_blank" style="color: #d42a56; text-decoration: none;"><strong>Read More ›</strong></a></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> <td width="20" style="font-size: 1px;"> </td> <td align="right" valign="top" width="240"> <![endif]--> <div style="display:inline-block; max-width:50%; min-width:240px; vertical-align:top; width:100%;" class="wrapper"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td class="mso-right"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:240px; float: right;" class="wrapper"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding: 20px 10px 30px 10px;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="center" bgcolor="#d42a56" style="font-size: 16px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; color: #ffffff; padding: 10px 0px;"><span style="font-size: 14px; font-weight: 100; font-family: Helvetica, Arial, sans-serif; color: #ffffff;">PRICES FROM </span>£30 </td> </tr> <tr> <td align="center" valign="middle"> <a href="XXDBLCLKXX-ENTER URL HERE-XXGAXX" name="mini-img" target="_blank"><img src="mini-4.jpg" width="240" height="230" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 240px; height: 230px;" alt="ALT_GOES_HERE" border="0" class="img-max"></a> </td> </tr> <tr> <td align="center" style="padding: 15px 0 0 0; font-family: Arial, sans-serif; color: #333333; font-size: 20px;">Item 4</td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;">Integer ut tempor lectus. Vivamus at gravida arcu.</td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;"><a href="XXDBLCLKXX-ENTER URL HERE-XXGAXX" name="mini-text-link" target="_blank" style="color: #d42a56; text-decoration: none;"><strong>Read More ›</strong></a></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> View this Snippet
VJ
SB
