if(mailPreheader) div(style="font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;") #{mailPreheader}

a(style="color: #FFFFFF; text-decoration: underline;" target="_new" href=mailHeaderLinkUrl) #{mailHeaderLinkTxt}

a(target="_new" href=siteUrl) img(alt="Logo" style="border:0px;display:block;vertical-align:top;height:auto;margin:0 auto;color:#ffffff;font-size:15px;font-family:Arial,Helvetica,sans-serif;width:100%;max-width:166px;height:auto;" src="https://www.wikilerni.com/themes/wikilerni/img/wikilerni-purple-2-128.png" width="128" vspace="0" hspace="0" border="0" align="middle")

span(style="font-weight: normal;") #{mailTitle}

td(class="long-text links-color" style="font-weight: normal; color: #ffffff; font-size: 15px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal;" width="100%" valign="top" align="left") !{mailMainContent}

if linksCTA tbody for link in linksCTA tr td(style="text-align:center;font-weight:normal;padding:12px;padding-left:14px;padding-right:14px;background-color:#8c599c;background-image:url('https://www.wikilerni.com/themes/wikilerni/img/background-texture.png');color:#f2f2f2;font-size:22px;font-family:Arial,Helvetica,sans-serif;border-radius:10px;" width="auto" valign="middle" bgcolor="#8c599c;" align="center") a(style="text-decoration:none;font-weight:normal;color:#f2f2f2;font-size:22px;font-family:Arial,Helvetica,sans-serif;" target="_new" href=link.url) #{link.txt} tr td

td(style="font-weight:normal;color:#FFFFFF;font-size:13px;font-family:Arial,Helvetica,sans-serif;text-align:center;" width="100%" valign="top" align="center") - let url; for item in footLinks - url=item.attributes.href; if(url.indexOf("http")!==0) url=siteUrl+url a(href=url style="color:#FFFFFF;text-decoration:underline;" target="_new") #{item.anchor} span(style="padding:0 1px") |

p(style="margin:1em0px;margin-bottom:0px;margin-top:0px;") #{mailRecipientTxt} #{mailRecipientAddress}