eric
/
doughnut-wedding
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
doughnut-wedding/email/doughnut_wedding.html

249 lines
11 KiB
HTML
Raw Normal View History

Added mockups and email html
2017-04-23 12:40:06 -07:00
<!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>
Updated config to use google bucket folder gallery
2017-04-23 12:48:23 -07:00
<title>Eric and Katrina's Doughnut Wedding!</title>
Added mockups and email html
2017-04-23 12:40:06 -07:00
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0 " />
<meta name="format-detection" content="telephone=no"/>
<!--[if !mso]><!-->
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'/>
<!--<![endif]-->
<style type="text/css">
body {
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
-webkit-font-smoothing: antialiased !important;
}
img {
border: 0 !important;
outline: none !important;
}
p {
Margin: 0px !important;
padding: 0px !important;
}
table {
border-collapse: collapse;
mso-table-lspace: 0px;
mso-table-rspace: 0px;
}
td, a, span {
border-collapse: collapse;
mso-line-height-rule: exactly;
}
.ExternalClass * {
line-height: 100%;
}
span.MsoHyperlink {
mso-style-priority: 99;
color: inherit;
}
span.MsoHyperlinkFollowed {
mso-style-priority: 99;
color: inherit;
}
center table {
width: 100% !important;
}
.em_white1 a {
color: #f3f4f6 !important;
text-decoration: none !important;
}
.em_blue a {
color:#34a8ff !important;
text-decoration:none !important;
}
.em_white a {
color: #ffffff !important;
text-decoration: none !important;
}
/*Stylesheet for the devices width between 481px to 599px*/
@media only screen and (min-width:481px) and (max-width:599px) {
table[class=em_main_table] {
width: 480px !important;
}
table[class=em_wrapper] {
width: 100% !important;
}
td[class=em_aside] {
padding: 0px 0px !important; /*Update the values as required*/
}
td[class=em_hide], table[class=em_hide], span[class=em_hide], br[class=em_hide] {
display: none !important;
}
img[class=em_full_img] {
width: 100% !important;
height: auto !important;
}
td[class=em_center] {
text-align: center !important;
}
td[class=em_width10] {
width: 10px !important;
}
td[class=em_height] {
height: 20px !important;
font-size: 1px !important;
line-height: 1px !important;
}
td[class=em_pad_top] {
padding-top: 20px !important;
}
br[class=br] {
display: none !important;
}
}
/*Stylesheet for the devices width between 0px to 480px*/
@media only screen and (max-width:480px) {
.em_white {
font-size:16px !important;
}
table[class=em_main_table] {
width: 100% !important;
}
table[class=em_wrapper] {
width: 100% !important;
}
td[class=em_aside] {
padding: 0px 0px !important; /*Update the ualves as required*/
}
td[class=em_hide], table[class=em_hide], span[class=em_hide], br[class=em_hide] {
display: none !important;
}
img[class=em_full_img] {
width: 100% !important;
height: auto !important;
}
td[class=em_center] {
text-align: center !important;
}
td[class=em_width10] {
width: 10px !important;
}
td[class=em_height] {
height: 20px !important;
font-size: 1px !important;
line-height: 1px !important;
}
td[class=em_pad_top] {
padding-top: 15px !important;
}
br[class=br] {
display: none !important;
}
}
</style>
</head>
<body style="margin:0px; padding:0px;" bgcolor="#ffffff">
<!--Full width table start-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top"><table width="680" border="0" align="center" class="em_wrapper" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
<tr>
<td class="em_hide" height="1" style="line-height:0px; font-size:0px;"><img src="https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/email/1450138002_spacer.gif" height="1" alt="" width="680" style="display:block; width:680px; min-width:680px;" border="0" /></td>
</tr>
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<!--=== HEADER SECTION === -->
</tr>
</tr>
<tr> </tr>
</table></td>
<td width="20" class="em_width10"><img src="https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/email/1450138002_spacer.gif" width="1" height="1" alt="" style="display:block; border:none;"/></td>
</tr>
</table></td>
</tr>
<!--=== //HEADER SECTION === -->
<!--=== BODY SECTION === -->
<tr>
<td valign="top" bgcolor="#f9f9f9"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<!--=== HERO SECTION === -->
<tr>
<td valign="top"><table width="680" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top" align="center"><a href="https://www.doughnutwedding.com" target="_blank" style="text-decoration:none;"><img src="https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/email/doughnut_wedding_1.jpg" alt="Please join us for ERIC + KATRINA'S" width="640" class="em_full_img" style="display:block; max-width:640px; border:none; font-family:Variable, Tahoma, Geneva, sans-serif; font-size:35px; line-height:62px; color:#ff4b55; font-style:italic;"/></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<!--=== //HERO SECTION === -->
<!--=== 1 SECTION === -->
<tr>
<td valign="top"><table width="680" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top" align="center"><a href="https://www.doughnutwedding.com" target="_blank" style="text-decoration:none;"><img src="https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/email/doughnut_wedding_2.jpg" alt="DOUGHNUT WEDDING" width="640" class="em_full_img" style="display:block; max-width:680px; border:none; font-famil y:Variable, Tahoma, Geneva, sans-serif; font-size:35px; line-height:62px; color:#ff4b55; font-style:italic;"/></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<!--=== //1 SECTION === -->
<!--=== 2 SECTION === -->
<tr>
<td valign="top"><table width="680" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top" align="center"><a href="https://www.doughnutwedding.com" target="_blank" style="text-decoration:none;"><img src="https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/email/doughnut_wedding_3.jpg" alt="Friday, May 12, 2017<br>Two O'Clock" width="640" class="em_full_img" style="display:block; max-width:680px; border:none; font-famil y:Variable, Tahoma, Geneva, sans-serif; font-size:35px; line-height:62px; color:#ff4b55; font-style:italic;"/></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<!--=== //2 SECTION === -->
<!--=== 3 SECTION === -->
<tr>
<td valign="top"><table width="680" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top" align="center"><a href="https://www.doughnutwedding.com" target="_blank" style="text-decoration:none;"><img src="https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/email/doughnut_wedding_4.jpg" alt="RSVP Online" width="640" class="em_full_img" style="display:block; max-width:680px; border:none; font-family:Variable, Tahoma, Geneva, sans-serif; font-size:35px; line-height:62px; color:#ff4b55; font-style:italic;"/></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<!--=== //3 SECTION === -->
<!--=== 4 SECTION === -->
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top" align="center"><a href="https://www.doughnutwedding.com" target="_blank" style="text-decoration:none;"><img src="https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/email/doughnut_wedding_5.jpg" alt="doughnutwedding.com" width="640" class="em_full_img" style="display:block; max-width:680px; border:none; font-family:Variable, Tahoma, Geneva, sans-serif; font-size:35px; line-height:62px; color:#ff4b55; font-style:italic;"/></a></td>
</tr>
</table></td>
<td width="15" class="em_width10"><img src="https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/email/1450138002_spacer.gif" width="1" height="1" alt="" style="display:block; border:none;"/></td>
</tr>
</table></td>
</tr>
<!--=== //4 SECTION === -->
<!--=== 5 SECTION === -->
<tr>
<td valign="top"><table width="680" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper">
<tr>
<td width="15" class="em_width10"><img src="https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/email/1450138002_spacer.gif" width="1" height="1" alt="" style="display:block; border:none;"/></td>
<!--=== //5 SECTION === -->
</table></td>
</tr>
<!--=== //BODY SECTION === -->
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>