Universal Email Template for AjaxForm MODx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> | |
| <head> | |
| <!--[if gte mso 9]> | |
| <xml> | |
| <o:OfficeDocumentSettings> | |
| <o:AllowPNG/> | |
| <o:PixelsPerInch>96</o:PixelsPerInch> | |
| </o:OfficeDocumentSettings> | |
| </xml> | |
| <![endif]--> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE"> | |
| <title>Template Base</title> | |
| </head> | |
| <body style="width: 100% !important;min-width: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100% !important;margin: 0;padding: 0;background-color: #FFFFFF"> | |
| <style id="media-query"> | |
| /* Client-specific Styles & Reset */ | |
| #outlook a { | |
| padding: 0; | |
| } | |
| /* .ExternalClass applies to Outlook.com (the artist formerly known as Hotmail) */ | |
| .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; | |
| } | |
| /* Buttons */ | |
| .button a { | |
| display: inline-block; | |
| text-decoration: none; | |
| -webkit-text-size-adjust: none; | |
| text-align: center; | |
| } | |
| .button a div { | |
| text-align: center !important; | |
| } | |
| /* Outlook First */ | |
| body.outlook p { | |
| display: inline !important; | |
| } | |
| /* Media Queries */ | |
| @media only screen and (max-width: 500px) { | |
| table[class="body"] img { | |
| height: auto !important; | |
| width: 100% !important; } | |
| table[class="body"] img.fullwidth { | |
| max-width: 100% !important; } | |
| table[class="body"] center { | |
| min-width: 0 !important; } | |
| table[class="body"] .container { | |
| width: 95% !important; } | |
| table[class="body"] .row { | |
| width: 100% !important; | |
| display: block !important; } | |
| table[class="body"] .wrapper { | |
| display: block !important; | |
| padding-right: 0 !important; } | |
| table[class="body"] .columns, table[class="body"] .column { | |
| table-layout: fixed !important; | |
| float: none !important; | |
| width: 100% !important; | |
| padding-right: 0px !important; | |
| padding-left: 0px !important; | |
| display: block !important; } | |
| table[class="body"] .wrapper.first .columns, table[class="body"] .wrapper.first .column { | |
| display: table !important; } | |
| table[class="body"] table.columns td, table[class="body"] table.column td, .col { | |
| width: 100% !important; } | |
| table[class="body"] table.columns td.expander { | |
| width: 1px !important; } | |
| table[class="body"] .right-text-pad, table[class="body"] .text-pad-right { | |
| padding-left: 10px !important; } | |
| table[class="body"] .left-text-pad, table[class="body"] .text-pad-left { | |
| padding-right: 10px !important; } | |
| table[class="body"] .hide-for-small, table[class="body"] .show-for-desktop { | |
| display: none !important; } | |
| table[class="body"] .show-for-small, table[class="body"] .hide-for-desktop { | |
| display: inherit !important; } | |
| .mixed-two-up .col { | |
| width: 100% !important; } } | |
| @media screen and (max-width: 500px) { | |
| div[class="col"] { | |
| width: 100% !important; | |
| } | |
| } | |
| @media screen and (min-width: 501px) { | |
| table[class="container"] { | |
| width: 500px !important; | |
| } | |
| } | |
| </style> | |
| <table cellpadding="0" cellspacing="0" width="100%" class="body" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;height: 100%;width: 100%;table-layout: fixed"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td class="center" align="center" valign="top" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;text-align: center;background-color: #FFFFFF"> | |
| <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: #FFFFFF"> | |
| <!--[if gte mso 9]> | |
| <table id="outlookholder" border="0" cellspacing="0" cellpadding="0" align="center"> | |
| <tr> | |
| <td> | |
| <![endif]--> | |
| <!--[if (IE)]> | |
| <table width="500" align="center" cellpadding="0" cellspacing="0" border="0"> | |
| <tr> | |
| <td> | |
| <![endif]--> | |
| <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" class="container" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 500px;margin: 0 auto;text-align: inherit"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top"> | |
| <table cellpadding="0" cellspacing="0" width="100%" bgcolor="transparent" class="block-grid " style="border-spacing: 0;border-collapse: collapse;vertical-align: top;width: 100%;max-width: 500px;color: #000000;background-color: transparent"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;text-align: center;font-size: 0"> | |
| <!--[if (gte mso 9)|(IE)]> | |
| <table width="100%" align="center" bgcolor="transparent" cellpadding="0" cellspacing="0" border="0"> | |
| <tr> | |
| <![endif]--> | |
| <!--[if (gte mso 9)|(IE)]> | |
| <td valign="top" width="500" style="width:500px;"> | |
| <![endif]--> | |
| <!--[if (gte mso 9)|(IE)]> | |
| </td> | |
| <![endif]--> | |
| <!--[if (gte mso 9)|(IE)]></td> | |
| </tr> | |
| </table> | |
| <![endif]--> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <!--[if mso]> | |
| </td> | |
| </tr> | |
| </table> | |
| <![endif]--> | |
| <!--[if (IE)]> | |
| </td> | |
| </tr> | |
| </table> | |
| <![endif]--> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent"> | |
| <!--[if gte mso 9]> | |
| <table id="outlookholder" border="0" cellspacing="0" cellpadding="0" align="center"> | |
| <tr> | |
| <td> | |
| <![endif]--> | |
| <!--[if (IE)]> | |
| <table width="500" align="center" cellpadding="0" cellspacing="0" border="0"> | |
| <tr> | |
| <td> | |
| <![endif]--> | |
| <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" class="container" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 500px;margin: 0 auto;text-align: inherit"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top"> | |
| <table cellpadding="0" cellspacing="0" width="100%" bgcolor="transparent" class="block-grid " style="border-spacing: 0;border-collapse: collapse;vertical-align: top;width: 100%;max-width: 500px;color: #333;background-color: transparent"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;text-align: center;font-size: 0"> | |
| <!--[if (gte mso 9)|(IE)]> | |
| <table width="100%" align="center" bgcolor="transparent" cellpadding="0" cellspacing="0" border="0"> | |
| <tr> | |
| <![endif]--> | |
| <!--[if (gte mso 9)|(IE)]> | |
| <td valign="top" width="500" style="width:500px;"> | |
| <![endif]--> | |
| <div class="col num12" style="display: inline-block;vertical-align: top;width: 100%"> | |
| <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 30px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent"> | |
| <table cellpadding="0" cellspacing="0" width="100%" style="border-spacing: 0;border-collapse: collapse;vertical-align: top"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 10px;padding-right: 10px;padding-bottom: 0px;padding-left: 10px"> | |
| <div style="color:#555555;line-height:120%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;"> | |
| <div style="font-size:14px;line-height:17px;color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:left;"> | |
| <p style="margin: 0;font-size: 14px;line-height: 17px"><span style="font-size: 24px; line-height: 28px;"><strong><span style="font-family: arial, helvetica, sans-serif; line-height: 28px; font-size: 24px;">Сообщение с [[++site_name]]</span></strong> | |
| </span> | |
| </p> | |
| </div> | |
| </div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table cellpadding="0" cellspacing="0" width="100%" style="border-spacing: 0;border-collapse: collapse;vertical-align: top"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 15px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px"> | |
| <div style="color:#aaaaaa;line-height:120%;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;"> | |
| <div style="font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;line-height:14px;color:#aaaaaa;text-align:left;"> | |
| <p style="margin: 0;font-size: 14px;line-height: 17px">Name:[[+name]]</p> | |
| </div> | |
| </div> | |
| </td> | |
| </tr> | |
| <tr style="vertical-align: top"> | |
| <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 15px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px"> | |
| <div style="color:#aaaaaa;line-height:120%;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;"> | |
| <div style="font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;line-height:14px;color:#aaaaaa;text-align:left;"> | |
| <p style="margin: 0;font-size: 14px;line-height: 17px">Email:[[+email]]</p> | |
| </div> | |
| </div> | |
| </td> | |
| </tr> | |
| <tr style="vertical-align: top"> | |
| <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 15px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px"> | |
| <div style="color:#aaaaaa;line-height:120%;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;"> | |
| <div style="font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;line-height:14px;color:#aaaaaa;text-align:left;"> | |
| <p style="margin: 0;font-size: 14px;line-height: 17px">Phone:[[+phone]]</p> | |
| </div> | |
| </div> | |
| </td> | |
| </tr> | |
| <tr style="vertical-align: top"> | |
| <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 15px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px"> | |
| <div style="color:#aaaaaa;line-height:120%;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;"> | |
| <div style="font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;line-height:14px;color:#aaaaaa;text-align:left;"> | |
| <p style="margin: 0;font-size: 14px;line-height: 17px">Message:[[+message]]</p> | |
| </div> | |
| </div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top"> | |
| </table> | |
| <table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td align="center" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 30px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px"> | |
| <div style="height: 1px;"> | |
| <table align="center" border="0" cellspacing="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;border-top: 1px solid #eee;width: 100%"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td align="center" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top"></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| <!--[if (gte mso 9)|(IE)]> | |
| </td> | |
| <![endif]--> | |
| <!--[if (gte mso 9)|(IE)]></td> | |
| </tr> | |
| </table> | |
| <![endif]--> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <!--[if mso]> | |
| </td> | |
| </tr> | |
| </table> | |
| <![endif]--> | |
| <!--[if (IE)]> | |
| </td> | |
| </tr> | |
| </table> | |
| <![endif]--> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: #fff"> | |
| <!--[if gte mso 9]> | |
| <table id="outlookholder" border="0" cellspacing="0" cellpadding="0" align="center"> | |
| <tr> | |
| <td> | |
| <![endif]--> | |
| <!--[if (IE)]> | |
| <table width="500" align="center" cellpadding="0" cellspacing="0" border="0"> | |
| <tr> | |
| <td> | |
| <![endif]--> | |
| <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" class="container" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 500px;margin: 0 auto;text-align: inherit"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top"> | |
| <table cellpadding="0" cellspacing="0" width="100%" bgcolor="transparent" class="block-grid " style="border-spacing: 0;border-collapse: collapse;vertical-align: top;width: 100%;max-width: 500px;color: #333;background-color: transparent"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;text-align: center;font-size: 0"> | |
| <!--[if (gte mso 9)|(IE)]> | |
| <table width="100%" align="center" bgcolor="transparent" cellpadding="0" cellspacing="0" border="0"> | |
| <tr> | |
| <![endif]--> | |
| <!--[if (gte mso 9)|(IE)]> | |
| <td valign="top" width="500" style="width:500px;"> | |
| <![endif]--> | |
| <div class="col num12" style="display: inline-block;vertical-align: top;width: 100%"> | |
| <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 25px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent"> | |
| <table cellpadding="0" cellspacing="0" width="100%" style="border-spacing: 0;border-collapse: collapse;vertical-align: top"> | |
| <tbody> | |
| <tr style="vertical-align: top"> | |
| <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px"> | |
| <div style="color:#bbbbbb;line-height:120%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;"> | |
| <div style="font-size:12px;line-height:14px;color:#bbbbbb;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:left;"> | |
| <p style="margin: 0;font-size: 12px;line-height: 14px;text-align: center">Сайт Калининградский радиолюбителей</p> | |
| <p style="margin: 0;font-size: 12px;line-height: 14px;text-align: center">UC2K.ru</p> | |
| </div> | |
| </div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| <!--[if (gte mso 9)|(IE)]> | |
| </td> | |
| <![endif]--> | |
| <!--[if (gte mso 9)|(IE)]></td> | |
| </tr> | |
| </table> | |
| <![endif]--> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <!--[if mso]> | |
| </td> | |
| </tr> | |
| </table> | |
| <![endif]--> | |
| <!--[if (IE)]> | |
| </td> | |
| </tr> | |
| </table> | |
| <![endif]--> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment