Permalink
Browse files

Create email_commentsremoved.html

Same code as email.html, just with comments removed for easy copy/paste.  Refer to comments in email.html for more how to use.
  • Loading branch information...
1 parent b35d6f4 commit b2b9072b94c5d3f1a591370eab3b8661c5865dc9 @thekristin thekristin committed Mar 18, 2016
Showing with 104 additions and 0 deletions.
  1. +104 −0 email_commentsremoved.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+ <title>Your Message Subject or Title</title>
+ <style type="text/css">
+ #outlook a {padding:0;}
+ body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
+ .ExternalClass {width:100%;}
+ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
+ #backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
+ img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;}
+ a img {border:none;}
+ .image_fix {display:block;}
+ p {margin: 1em 0;}
+ h1, h2, h3, h4, h5, h6 {color: black !important;}
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: blue !important;}
+ h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
+ color: red !important;
+ }
+
+ h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
+ color: purple !important;
+ }
+ table td {border-collapse: collapse;}
+ table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
+ a {color: orange;}
+ @media only screen and (max-device-width: 480px) {
+ a[href^="tel"], a[href^="sms"] {
+ text-decoration: none;
+ color: black; /* or whatever your want */
+ pointer-events: none;
+ cursor: default;
+ }
+
+ .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
+ text-decoration: default;
+ color: orange !important; /* or whatever your want */
+ pointer-events: auto;
+ cursor: default;
+ }
+ }
+
+ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
+ a[href^="tel"], a[href^="sms"] {
+ text-decoration: none;
+ color: blue;
+ pointer-events: none;
+ cursor: default;
+ }
+
+ .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
+ text-decoration: default;
+ color: orange !important;
+ pointer-events: auto;
+ cursor: default;
+ }
+ }
+
+ @media only screen and (-webkit-min-device-pixel-ratio: 2) {
+ /* Put your iPhone 4g styles in here */
+ }
+ @media only screen and (-webkit-device-pixel-ratio:.75){
+ /* Put CSS for low density (ldpi) Android layouts in here */
+ }
+ @media only screen and (-webkit-device-pixel-ratio:1){
+ /* Put CSS for medium density (mdpi) Android layouts in here */
+ }
+ @media only screen and (-webkit-device-pixel-ratio:1.5){
+ /* Put CSS for high density (hdpi) Android layouts in here */
+ }
+ </style>
+ <!--[if IEMobile 7]>
+ <style type="text/css">
+ /* Targeting Windows Mobile */
+ </style>
+ <![endif]-->
+ <!--[if gte mso 9]>
+ <style>
+ /* Target Outlook 2007 and 2010 */
+ </style>
+ <![endif]-->
+</head>
+<body>
+ <table cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
+ <tr>
+ <td>
+ <table cellpadding="0" cellspacing="0" border="0" align="center">
+ <tr>
+ <td width="200" valign="top"></td>
+ <td width="200" valign="top"></td>
+ <td width="200" valign="top"></td>
+ </tr>
+ </table>
+ <a href="http://htmlemailboilerplate.com" target ="_blank" title="Styling Links" style="color: orange; text-decoration: none;">Coloring Links appropriately</a>
+ <img class="image_fix" src="full path to image" alt="Your alt text" title="Your title text" width="x" height="x" />
+ <span class="mobile_link">123-456-7890</span>
+ </td>
+ </tr>
+ </table>
+</body>
+</html>

0 comments on commit b2b9072

Please sign in to comment.