<!doctype html>
<!--Quite a few clients strip your Doctype out, and some even apply their own. Many clients do honor your doctype and it can make things much easier if you can validate constantly against a Doctype.-->
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Email template By Adobe Dreamweaver CC</title>
<!-- Please use an inliner tool to convert all CSS to inline as inpage or external CSS is removed by email clients -->
<!-- important in CSS is used to prevent the styles of currently inline CSS from overriding the ones mentioned in media queries when corresponding screen sizes are encountered -->
<style type="text/css">
body {
margin: 0;
background-image: url(All%20White%20Invite%202018%20back.jpg);
background-repeat: no-repeat;
}
body, table, td, p, a, li, blockquote {
-webkit-text-size-adjust: none!important;
font-family: Times New Roman:;
font-style: italic;
font-weight: 900;
}
button {
width: 90%;
}
@media screen and (max-width:600px) {
/*styling for objects with screen size less than 600px; */
body, table, td, p, a, li, blockquote {
-webkit-text-size-adjust: none!important;
font-family: sans-serif;
}
table {
/* All tables are 100% width */
width: 100%;
}
.footer {
/* Footer has 2 columns each of 48% width */
height: auto !important;
max-width: 48% !important;
width: 48% !important;
}
table.responsiveImage {
/* Container for images in catalog */
height: auto !important;
max-width: 30% !important;
width: 30% !important;
}
table.responsiveContent {
/* Content that accompanies the content in the catalog */
height: auto !important;
max-width: 66% !important;
width: 66% !important;
}
.top {
/* Each Columnar table in the header */
height: auto !important;
max-width: 48% !important;
width: 48% !important;
}
.catalog {
margin-left: 0%!important;
}
}
@media screen and (max-width:480px) {
/*styling for objects with screen size less than 480px; */
body, table, td, p, a, li, blockquote {
-webkit-text-size-adjust: none!important;
font-family: sans-serif;
}
table {
/* All tables are 100% width */
width: 100% !important;
border-style: none !important;
}
.footer {
/* Each footer column in this case should occupy 96% width and 4% is allowed for email client padding*/
height: auto !important;
max-width: 96% !important;
width: 96% !important;
}
.table.responsiveImage {
/* Container for each image now specifying full width */
height: auto !important;
max-width: 96% !important;
width: 96% !important;
}
.table.responsiveContent {
/* Content in catalog occupying full width of cell */
height: auto !important;
max-width: 96% !important;
width: 96% !important;
}
.top {
/* Header columns occupying full width */
height: auto !important;
max-width: 100% !important;
width: 100% !important;
}
.catalog {
margin-left: 0%!important;
}
button {
width: 90%!important;
}
}
.invite {
text-align: center;
}
</style>
</head>
<body yahoo="yahoo">
<table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="center"><table width="600" align="center" cellpadding="0" cellspacing="0">
<!-- Main Wrapper Table with initial width set to 60opx -->
<tbody>
<tr>
<td align="center"><p> </p>
<p><strong><font color=#ff7f50> <span style="font-size: x-large">Please Accept this invitation to rejoice with my Husband and I as we celebrate yet another year of Love and growth together</span></font> </strong><span style="font-size: 16px">.</span></p> <p> </p></td>
</tr>
<tr>
<!-- HTML Spacer row -->
<td style="font-size: 0; line-height: 0;" height="20"><table width="96%" align="left" cellpadding="0" cellspacing="0">
<tr>
<td style="font-size: 0; line-height: 0;" height="20"> </td>
</tr>
</table></td>
</tr>
<tr>
<!-- HTML IMAGE SPACER -->
<td height="20" align="center" valign="middle" style="font-size: 0; line-height: 0;"><a href="All White Invite 2018.jpg"><img src="All White Invite 2018.jpg" width="400" height="600" alt=""/></a></td>
</tr>
<tr>
<!-- HTML Spacer row -->
<td height="20" align="center" style="font-size: 0; line-height: 0;"><table width="96%" align="left" cellpadding="0" cellspacing="0">
<tr>
<td style="font-size: 0; line-height: 0;" height="20"> </td>
</tr>
</table>
<img src="All White InviteInside 2018 cut.jpg" width="400" height="600" alt=""/>
<table width="96%" align="left" cellpadding="0" cellspacing="0">
<tr> </tr>
</table></td>
</tr>
<tr>
<!-- Introduction area -->
<td><audio title="Ribbon" preload="auto" controls="controls" autoplay="autoplay" >
<source src="images/ribbon-in-the-sky-lyricsstevie-wonder-youtubemp3free.org.mp3" type="audio/mp3">
</audio></td>
</tr>
<tr>
<!-- HTML Spacer row -->
<td style="font-size: 0; line-height: 0;" height="10"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<!-- HTML spacer row -->
<td style="font-size: 0; line-height: 0;" height="20"> </td>
</tr>
<tr bgcolor="#d0cfcf"></tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
</body>
</html>