XC3S/christmas mail template

## christmas mail template
<!doctype html>

<html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:v="urn:schemas-microsoft-com:vml"
 xmlns:o="urn:schemas-microsoft-com:office:office">


<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1" />

<!--[if !mso]><!-- -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--<![endif]-->


<title>Email on Acid: Responsive Email Template (Standalone HTML version)</title>


<style type="text/css">

@media only screen and (max-width: 640px)  {

.deviceWidth { width: 440px !important; padding: 0; }

.hideForMobile { display: none !important; }

.removePaddingForMobile { padding: 0 !important; }
.navPaddingForMobile { padding: 20px !important; }
.titlePaddingForMobile { padding: 15px 20px 0 20px !important; }
.textPaddingForMobile { padding: 15px 20px 15px 20px !important; }
.whiteBackgroundForMobile { background-color: #ffffff !important; }

}


@media only screen and (max-width: 479px) {

.deviceWidth { width: 280px !important; padding: 0; }

.hideForMobile { display: none !important; }

.removePaddingForMobile { padding: 0 !important; }
.navPaddingForMobile { padding: 20px !important; }
.titlePaddingForMobile { padding: 15px 20px 0 20px !important; }
.textPaddingForMobile { padding: 15px 20px 15px 20px !important; }
.whiteBackgroundForMobile { background-color: #ffffff !important; }

}


.ReadMsgBody { width: 100%; background-color: #f6f7fb; }
.ExternalClass { width: 100%; background-color: #f6f7fb; }

body {
width: 100%;
margin: 0;
padding: 0;
background-color: #f6f7fb;
font-family: Arial, sans-serif;
mso-line-height-rule: exactly;
-webkit-font-smoothing: antialiased;
-ms-text-size-adjust: none !important;
}

table { border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; }
table td { border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; }


.nav {
font-family: Arial, sans-serif;
font-size: 14px;
color: #272727;
font-weight: normal;
line-height: 14px;
mso-line-height-rule: exactly;
text-align: center;
vertical-align: top;
}

.nav a { color: #272727; text-decoration: none; }


.heading {
font-family: Arial, sans-serif;
font-size: 26px;
color: #45b1e2;
font-weight: bold;
line-height: 26px;
mso-line-height-rule: exactly;
text-align: center;
vertical-align: top;
}

.heading a { color: #45b1e2; text-decoration: none; }


.title {
font-family: Arial, sans-serif;
font-size: 20px;
color: #20a2dc;
font-weight: bold;
line-height: 24px;
mso-line-height-rule: exactly;
text-align: left;
vertical-align: top;
}

.title a { color: #20a2dc; text-decoration: none; }


.rssTitle {
font-family: Arial, sans-serif;
font-size: 16px;
color: #20a2dc;
font-weight: bold;
line-height: 20px;
mso-line-height-rule: exactly;
text-align: left;
vertical-align: top;
}

.rssTitle a { color: #20a2dc; text-decoration: none; }


.bodyText { color: #222222; }
.bodyText a { color: #20a2dc; font-weight: bold; }

.bodyText, .bodyText a {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
mso-line-height-rule: exactly;
vertical-align: top;
text-decoration: none;
}


.footerText {
font-family: Arial, sans-serif;
font-size: 12px;
color: #999999;
font-weight: bold;
line-height: 18px;
mso-line-height-rule: exactly;
text-align: center;
vertical-align: top;
}

.footerText a { color: #999999; text-decoration: none; }


.button1 { background-color: #45b1e2; }

.button1 a {
display: block;
border: 0;
padding: 10px;
font-family: Arial, sans-serif;
font-size: 14px;
color: #ffffff;
font-weight: bold;
line-height: 16px;
text-decoration: none;
text-align: center;
background: #45b1e2;
border: 1px solid #45b1e2;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}


.button2 { background-color: #999999; }

.button2 a {
display: block;
border: 0;
padding: 10px;
font-family: Arial, sans-serif;
font-size: 14px;
color: #ffffff;
font-weight: bold;
line-height: 16px;
text-decoration: none;
text-align: center;
background: #999999;
border: 1px solid #999999;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.button1, .button2 {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
word-break: break-word;
word-wrap: break-word;
}


</style>

<!--[if gte mso 9]><xml>
 <o:OfficeDocumentSettings>
  <o:AllowPNG/>
  <o:PixelsPerInch>96</o:PixelsPerInch>
 </o:OfficeDocumentSettings>
</xml><![endif]-->

</head>


<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="width:100%;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#f6f7fb;font-family:Arial, sans-serif;mso-line-height-rule:exactly;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:none !important;" >

    <!-- Start: Wrapper -->
    <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
        <tr>
            <td width="100%" valign="top" bgcolor="#f6f7fb" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >


                <!-- Start: Main content container -->
                <table border="0" cellspacing="0" cellpadding="0" align="center"  class="deviceWidth" style="width:580px;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
                    <tr>
                        <td align="center" bgcolor="#ffffff" style="border-left-width:1px;border-left-style:solid;border-left-color:#e2e3e7;border-right-width:1px;border-right-style:solid;border-right-color:#e2e3e7;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e2e3e7;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >

                            <table border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff"  class="deviceWidth" style="width:580px;border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
                                <tr>
                                    <td valign="top" bgcolor="#ffffff" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >

                                        <a>
                                          <!--
                                            <img src="https://www.emailonacid.com/images/emails/2015/seashells_template/photo-1col.jpg" width="580" alt="" border="0"  class="deviceWidth" style="display:block;border-width:0;-ms-interpolation-mode:bicubic;" />
                                          -->
                                          <img src="https://images.unsplash.com/photo-1479722842840-c0a823bd0cd6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=580&q=80" width="580" alt="" border="0"  class="deviceWidth" style="display:block;border-width:0;-ms-interpolation-mode:bicubic;" />

                                        </a>

                                    </td>
                                </tr>
                            </table>


                            <table border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff"  class="deviceWidth" style="width:580px;border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
                                <tr>
                                    <td align="center" valign="top" bgcolor="#ffffff"  class="heading" style="padding-top:40px;padding-bottom:20px;padding-right:40px;padding-left:40px;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;font-family:Arial, sans-serif;font-size:28px;color:#45b1e2;font-weight:bold;line-height:26px;mso-line-height-rule:exactly;text-align:center;vertical-align:top;" >

                                        <a style="color:#026EC0;text-decoration:none;" >
                                        	Blub
                                        </a>

                                    </td>
                                </tr>
                                <tr>
                                    <td align="center" valign="top" bgcolor="#ffffff"  class="bodyText" style="padding-top:0;padding-bottom:15px;padding-right:45px;padding-left:45px;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;color:#222222;font-family:Arial, sans-serif;font-size:16px;line-height:20px;mso-line-height-rule:exactly;vertical-align:top;text-decoration:none;" >

                                    <!-- Text 1 ü -->
                                    Hallo,<br><br>
                                    Ein frohes, gesundes und gesegnetes Weihnachtsfest und alles Gute für das Jahr 2023 wünschen Euch<br><br>
                                    Christine und Gerd

                                    <!-- Text 2 -->
                                    <!-- wünschen Dir die Weißenborner Geithes -->
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                  </td>

                                </tr>

                            </table>

                        </td>
                    </tr>
                </table>

                <!-- End: Footer section -->

            </td>
        </tr>
    </table>
    <!-- End: Wrapper -->

</body>
</html>
	<!doctype html>

	<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:v="urn:schemas-microsoft-com:vml"
	xmlns:o="urn:schemas-microsoft-com:office:office">


	<head>

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<meta name="viewport" content="width=device-width, initial-scale=1" />

	<!--[if !mso]><!-- -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<!--<![endif]-->


	<title>Email on Acid: Responsive Email Template (Standalone HTML version)</title>


	<style type="text/css">

	@media only screen and (max-width: 640px) {

	.deviceWidth { width: 440px !important; padding: 0; }

	.hideForMobile { display: none !important; }

	.removePaddingForMobile { padding: 0 !important; }
	.navPaddingForMobile { padding: 20px !important; }
	.titlePaddingForMobile { padding: 15px 20px 0 20px !important; }
	.textPaddingForMobile { padding: 15px 20px 15px 20px !important; }
	.whiteBackgroundForMobile { background-color: #ffffff !important; }

	}


	@media only screen and (max-width: 479px) {

	.deviceWidth { width: 280px !important; padding: 0; }

	.hideForMobile { display: none !important; }

	.removePaddingForMobile { padding: 0 !important; }
	.navPaddingForMobile { padding: 20px !important; }
	.titlePaddingForMobile { padding: 15px 20px 0 20px !important; }
	.textPaddingForMobile { padding: 15px 20px 15px 20px !important; }
	.whiteBackgroundForMobile { background-color: #ffffff !important; }

	}


	.ReadMsgBody { width: 100%; background-color: #f6f7fb; }
	.ExternalClass { width: 100%; background-color: #f6f7fb; }

	body {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #f6f7fb;
	font-family: Arial, sans-serif;
	mso-line-height-rule: exactly;
	-webkit-font-smoothing: antialiased;
	-ms-text-size-adjust: none !important;
	}

	table { border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; }
	table td { border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; }

	img { border: 0; -ms-interpolation-mode: bicubic; }




	.nav {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #272727;
	font-weight: normal;
	line-height: 14px;
	mso-line-height-rule: exactly;
	text-align: center;
	vertical-align: top;
	}

	.nav a { color: #272727; text-decoration: none; }


	.heading {
	font-family: Arial, sans-serif;
	font-size: 26px;
	color: #45b1e2;
	font-weight: bold;
	line-height: 26px;
	mso-line-height-rule: exactly;
	text-align: center;
	vertical-align: top;
	}

	.heading a { color: #45b1e2; text-decoration: none; }


	.title {
	font-family: Arial, sans-serif;
	font-size: 20px;
	color: #20a2dc;
	font-weight: bold;
	line-height: 24px;
	mso-line-height-rule: exactly;
	text-align: left;
	vertical-align: top;
	}

	.title a { color: #20a2dc; text-decoration: none; }


	.rssTitle {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #20a2dc;
	font-weight: bold;
	line-height: 20px;
	mso-line-height-rule: exactly;
	text-align: left;
	vertical-align: top;
	}

	.rssTitle a { color: #20a2dc; text-decoration: none; }


	.bodyText { color: #222222; }
	.bodyText a { color: #20a2dc; font-weight: bold; }

	.bodyText, .bodyText a {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	mso-line-height-rule: exactly;
	vertical-align: top;
	text-decoration: none;
	}


	.footerText {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	line-height: 18px;
	mso-line-height-rule: exactly;
	text-align: center;
	vertical-align: top;
	}

	.footerText a { color: #999999; text-decoration: none; }




	.button1 { background-color: #45b1e2; }

	.button1 a {
	display: block;
	border: 0;
	padding: 10px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
	text-align: center;
	background: #45b1e2;
	border: 1px solid #45b1e2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}


	.button2 { background-color: #999999; }

	.button2 a {
	display: block;
	border: 0;
	padding: 10px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
	text-align: center;
	background: #999999;
	border: 1px solid #999999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

	.button1, .button2 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	word-break: break-word;
	word-wrap: break-word;
	}


	</style>

	<!--[if gte mso 9]><xml>
	<o:OfficeDocumentSettings>
	<o:AllowPNG/>
	<o:PixelsPerInch>96</o:PixelsPerInch>
	</o:OfficeDocumentSettings>
	</xml><![endif]-->

	</head>


	<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="width:100%;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#f6f7fb;font-family:Arial, sans-serif;mso-line-height-rule:exactly;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:none !important;" >

	<!-- Start: Wrapper -->
	<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
	<tr>
	<td width="100%" valign="top" bgcolor="#f6f7fb" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >


	<!-- Start: Main content container -->
	<table border="0" cellspacing="0" cellpadding="0" align="center" class="deviceWidth" style="width:580px;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
	<tr>
	<td align="center" bgcolor="#ffffff" style="border-left-width:1px;border-left-style:solid;border-left-color:#e2e3e7;border-right-width:1px;border-right-style:solid;border-right-color:#e2e3e7;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e2e3e7;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >

	<table border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff" class="deviceWidth" style="width:580px;border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
	<tr>
	<td valign="top" bgcolor="#ffffff" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >

	<a>
	<!--
	<img src="https://www.emailonacid.com/images/emails/2015/seashells_template/photo-1col.jpg" width="580" alt="" border="0" class="deviceWidth" style="display:block;border-width:0;-ms-interpolation-mode:bicubic;" />
	-->
	<img src="https://images.unsplash.com/photo-1479722842840-c0a823bd0cd6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=580&q=80" width="580" alt="" border="0" class="deviceWidth" style="display:block;border-width:0;-ms-interpolation-mode:bicubic;" />

	</a>

	</td>
	</tr>
	</table>


	<table border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff" class="deviceWidth" style="width:580px;border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
	<tr>
	<td align="center" valign="top" bgcolor="#ffffff" class="heading" style="padding-top:40px;padding-bottom:20px;padding-right:40px;padding-left:40px;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;font-family:Arial, sans-serif;font-size:28px;color:#45b1e2;font-weight:bold;line-height:26px;mso-line-height-rule:exactly;text-align:center;vertical-align:top;" >

	<a style="color:#026EC0;text-decoration:none;" >
	Blub
	</a>

	</td>
	</tr>
	<tr>
	<td align="center" valign="top" bgcolor="#ffffff" class="bodyText" style="padding-top:0;padding-bottom:15px;padding-right:45px;padding-left:45px;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;color:#222222;font-family:Arial, sans-serif;font-size:16px;line-height:20px;mso-line-height-rule:exactly;vertical-align:top;text-decoration:none;" >

	<!-- Text 1 ü -->
	Hallo,<br><br>
	Ein frohes, gesundes und gesegnetes Weihnachtsfest und alles Gute für das Jahr 2023 wünschen Euch<br><br>
	Christine und Gerd

	<!-- Text 2 -->
	<!-- wünschen Dir die Weißenborner Geithes -->
	<br>
	<br>
	<br>
	<br>
	</td>

	</tr>

	</table>

	</td>
	</tr>
	</table>

	<!-- End: Footer section -->

	</td>
	</tr>
	</table>
	<!-- End: Wrapper -->

	</body>
	</html>