80 lines
4.1 KiB
HTML
80 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<title>{{_.subject}}</title>
|
|
<meta charset="utf8"/>
|
|
</head>
|
|
<body>
|
|
<div style="width: 600px;margin: 0 auto;font-family: arial, sans-serif;font-size: 16px;color: #555">
|
|
<!-- Banner block -->
|
|
<div>
|
|
<a href="https://www.verdnatura.es"/><img src="cid:header.png" alt="VerdNatura" style="margin:0"/></a>
|
|
</div>
|
|
<!-- Banner block end -->
|
|
|
|
<!-- Title block -->
|
|
<div style="padding: 35px 0;background-color:#95d831;text-align: center">
|
|
<h1 style="margin: 0;font-size: 32px;color: #333;">{{_.title}}</h1>
|
|
</div>
|
|
<!-- Title block end -->
|
|
|
|
<!-- Mail body block -->
|
|
<div style="padding: 20px 0">
|
|
<p style="text-align: justify">{{_.dear}},</p>
|
|
<p style="text-align: justify">{{_.bodyDescription}}</p>
|
|
<p style="text-align: justify">
|
|
<div>{{_.paymentMethod}}: <strong style="font-size: 16px">{{payMethod}}</strong></div>
|
|
<div>{{_.paymentDay}}: <strong style="font-size: 16px">{{paymentDay}} {{_.everyMonth}}</strong></div>
|
|
</p>
|
|
<p style="text-align: justify">{{paymentAdvice}}</p>
|
|
<p style="text-align: justify">{{_.notifyError}}</p>
|
|
</div>
|
|
<!-- Mail body block end -->
|
|
|
|
<!-- Action button block -->
|
|
<div style="background-color: #333;overflow:hidden">
|
|
<a href="https://www.verdnatura.es" target="_blank" style="display:block;float:left;width:300px;height:72px;color:#fff;font-size:22px;text-decoration:none">
|
|
<div style="float:left;width:230px;padding:22px 0;height:72px;text-align:center">{{_.actionButton}}</div>
|
|
<div style="background-color:#95d831;text-align:center;float:right;padding-top:22px;height:50px;width:70px"><img style="margin:0" src="cid:action.png"/></div>
|
|
</a>
|
|
|
|
<a href="https://goo.gl/forms/j8WSL151ZW6QtlT72" target="_blank" style="display:block;float:left;width:300px;height:72px;color:#fff;font-size:22px;text-decoration:none">
|
|
<div style="float:left;width:230px;padding:22px 0;height:72px;text-align:center">{{_.infoButton}}</div>
|
|
<div style="background-color:#95d831;text-align:center;float:right;padding-top:22px;height:50px;width:70px"><img style="margin:0" src="cid:info.png"/></div>
|
|
</a>
|
|
</div>
|
|
<!-- Action button block end-->
|
|
|
|
<!-- Networks block -->
|
|
<div style="padding:20px 0;background-color:#555;text-align:center">
|
|
<a href="https://www.facebook.com/Verdnatura" target="_blank" style="text-decoration:none;margin-right: 10px">
|
|
<img src="cid:facebook.png" alt="Visita nuestro Facebook" style="margin:0"/>
|
|
</a>
|
|
<a href="https://www.twitter.com/Verdnatura" target="_blank" style="text-decoration:none;margin-right: 10px">
|
|
<img src="cid:twitter.png" alt="Visita nuestro Twitter" style="margin:0"/>
|
|
</a>
|
|
<a href="https://www.youtube.com/Verdnatura" target="_blank" style="text-decoration:none;margin-right: 10px">
|
|
<img src="cid:youtube.png" alt="Visita nuestro canal de Youtube" style="margin:0"/>
|
|
</a>
|
|
<a href="https://www.pinterest.com/Verdnatura" target="_blank" style="text-decoration:none;margin-right: 10px">
|
|
<img src="cid:pinterest.png" alt="Visita nuestro Pinterest" style="margin:0"/>
|
|
</a>
|
|
<a href="https://www.instagram.com/Verdnatura" target="_blank" style="text-decoration:none;margin-right: 10px">
|
|
<img src="cid:instagram.png" alt="Visita nuestro Instagram" style="margin:0"/>
|
|
</a>
|
|
<a href="https://www.linkedin.com/company/verdnatura" target="_blank" style="text-decoration:none;margin-right: 10px">
|
|
<img src="cid:linkedin.png" alt="Visita nuestro Linkedin" style="width:50px;margin:0"/>
|
|
</a>
|
|
</div>
|
|
<!-- Networks block end -->
|
|
|
|
<!-- Privacy block -->
|
|
<div style="padding:20px 0;font-size:10px;font-weight:100">
|
|
<p style="text-align: justify">{{_.fiscalAddress}}</p>
|
|
<p style="text-align: justify">{{_.privacy}}</p>
|
|
<p style="text-align: justify">{{_.privacyLaw}}</p>
|
|
</div>
|
|
<!-- Privacy block end -->
|
|
</div>
|
|
</body>
|
|
</html> |