kaisdavis/Drip Template.html

## Drip Template.html
<!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"/>
  <style type="text/css">
    /* Based on The MailChimp Reset INLINE: Yes. */
    /* Client-specific Styles */
    #outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
    body{width:100% !important; margin:0; padding:0;}

    /* Some sensible defaults for images
    Bring inline: Yes. */
    img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;}
    a img {border:none;}
    .image_fix {display:block;}

    /* Yahoo paragraph fix
    Bring inline: Yes. */
    p {margin: 1em 0;}

    /* Hotmail header color reset
    Bring inline: Yes. */
    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; /* Preferably not the same color as the normal header link color.  There is limited support for psuedo classes in email clients, this was added just for good measure. */
    }

    h1 a:visited, h2 a:visited,  h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
    color: purple !important; /* Preferably not the same color as the normal header link color. There is limited support for psuedo classes in email clients, this was added just for good measure. */
    }

    /* Styling your links has become much simpler with the new Yahoo.  In fact, it falls in line with the main credo of styling in email and make sure to bring your styles inline.  Your link colors will be uniform across clients when brought inline.
    Bring inline: Yes. */
    a {color: blue;}

    /* Template-Specific Styles */

    #main-content {
      font-family: 'Helvetica', 'Arial', sans-serif;
      color: #222222;
      line-height: 1.4;
      max-width: 550px;
      padding: 10px 16px;
    }

    #main-content h1 {
      margin: 0 0 15px 0;
      padding: 0;
      font-weight: bold;
    }

    #main-content h2 {
      margin: 0 0 12px 0;
      padding: 0;
      font-weight: bold;
    }

    #main-content h3 {
      margin: 0 0 10px 0;
      padding: 0;
      font-weight: bold;
    }

    #main-content b,
    #main-content strong {
      font-weight: bold;
    }

    #footer {
      border-top: 1px solid #d0d0d0;
      color: #777;
      font-family: 'Helvetica', 'Arial', sans-serif;
      font-size: 13px;
      line-height: 1.4;
      max-width: 550px;
      padding: 25px 16px;
    }

     blockquote {
        border-left:5px solid #d0d0d0;
        padding-left:1em;
        font-style:italic;
    }

    img {
        -ms-interpolation-mode: bicubic;
        max-width: 500px;
        outline: none;
        text-decoration: none
    }


  </style>
</head>
<body>
  <div id="main-content">{{ email.html }}</div>

  {% unless footer.html == blank %}
    <div id="footer">
      {{ footer.html }}
    </div>
  {% endunless %}
</body>
</html>
	<!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"/>
	<style type="text/css">
	/* Based on The MailChimp Reset INLINE: Yes. */
	/* Client-specific Styles */
	#outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
	body{width:100% !important; margin:0; padding:0;}

	/* Some sensible defaults for images
	Bring inline: Yes. */
	img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;}
	a img {border:none;}
	.image_fix {display:block;}

	/* Yahoo paragraph fix
	Bring inline: Yes. */
	p {margin: 1em 0;}

	/* Hotmail header color reset
	Bring inline: Yes. */
	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; /* Preferably not the same color as the normal header link color. There is limited support for psuedo classes in email clients, this was added just for good measure. */
	}

	h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color: purple !important; /* Preferably not the same color as the normal header link color. There is limited support for psuedo classes in email clients, this was added just for good measure. */
	}

	/* Styling your links has become much simpler with the new Yahoo. In fact, it falls in line with the main credo of styling in email and make sure to bring your styles inline. Your link colors will be uniform across clients when brought inline.
	Bring inline: Yes. */
	a {color: blue;}

	/* Template-Specific Styles */

	#main-content {
	font-family: 'Helvetica', 'Arial', sans-serif;
	color: #222222;
	line-height: 1.4;
	max-width: 550px;
	padding: 10px 16px;
	}

	#main-content h1 {
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: bold;
	}

	#main-content h2 {
	margin: 0 0 12px 0;
	padding: 0;
	font-weight: bold;
	}

	#main-content h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
	}

	#main-content b,
	#main-content strong {
	font-weight: bold;
	}

	#footer {
	border-top: 1px solid #d0d0d0;
	color: #777;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 13px;
	line-height: 1.4;
	max-width: 550px;
	padding: 25px 16px;
	}

	blockquote {
	border-left:5px solid #d0d0d0;
	padding-left:1em;
	font-style:italic;
	}

	img {
	-ms-interpolation-mode: bicubic;
	max-width: 500px;
	outline: none;
	text-decoration: none
	}


	</style>
	</head>
	<body>
	<div id="main-content">{{ email.html }}</div>

	{% unless footer.html == blank %}
	<div id="footer">
	{{ footer.html }}
	</div>
	{% endunless %}
	</body>
	</html>