467 lines
36 KiB
HTML

<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<!--[if mso]>
<xml><w:WordDocument xmlns:w="urn:schemas-microsoft-com:office:word"><w:DontUseAdvancedTypographyReadingMail/></w:WordDocument>
<o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch><o:AllowPNG/></o:OfficeDocumentSettings></xml>
<![endif]-->
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700;900&amp;display=swap"
rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&amp;display=swap" rel="stylesheet"
type="text/css"><!--<![endif]-->
<style>
* {
box-sizing: border-box
}
body {
margin: 0;
padding: 0
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: inherit !important
}
#MessageViewBody a {
color: inherit;
text-decoration: none
}
p {
line-height: inherit
}
.desktop_hide,
.desktop_hide table {
mso-hide: all;
display: none;
max-height: 0;
overflow: hidden
}
.image_block img + div {
display: none
}
sub,
sup {
font-size: 75%;
line-height: 0
}
@media (max-width:770px) {
.social_block.desktop_hide .social-table {
display: inline-block !important
}
.mobile_hide {
display: none
}
.row-content {
width: 100% !important
}
.stack .column {
width: 100%;
display: block
}
.mobile_hide {
min-height: 0;
max-height: 0;
max-width: 0;
overflow: hidden;
font-size: 0
}
.desktop_hide,
.desktop_hide table {
display: table !important;
max-height: none !important
}
.row-2 .column-1 .block-1.text_block td.pad {
padding: 10px 10px 10px 30px !important
}
.row-2 .column-1 .block-2.text_block td.pad {
padding: 0 10px 0 30px !important
}
.row-3 .column-1 .block-1.text_block td.pad {
padding: 10px 0 10px 30px !important
}
.row-1 .column-1 {
padding: 30px 0 30px 30px !important
}
}
</style>
<!--[if mso ]><style>sup, sub { font-size: 100% !important; } sup { mso-text-raise:10% } sub { mso-text-raise:-10% }</style> <![endif]-->
</head>
<body class="body"
style="background-color:#d3d3d3;margin:0;padding:0;-webkit-text-size-adjust:none;text-size-adjust:none">
<table class="nl-container" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation"
style="mso-table-lspace:0;mso-table-rspace:0;background-color:#d3d3d3">
<tbody>
<tr>
<td>
<table class="row row-1" align="center" width="100%" border="0" cellpadding="0" cellspacing="0"
role="presentation" style="mso-table-lspace:0;mso-table-rspace:0">
<tbody>
<tr>
<td>
<table class="row-content stack" align="center" border="0" cellpadding="0"
cellspacing="0" role="presentation"
style="mso-table-lspace:0;mso-table-rspace:0;background-color:#0dde8e;color:#000;width:750px;margin:0 auto"
width="750">
<tbody>
<tr style="background-color: #fff;">
<td class="column column-1" width="100%"
style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;padding-bottom:30px;padding-left:60px;padding-top:20px;vertical-align:top">
<table class="image_block block-1" width="100%" border="0"
cellpadding="0" cellspacing="0" role="presentation"
style="mso-table-lspace:0;mso-table-rspace:0;">
<tr>
<td class="pad" style="width:100%">
<div class="alignment" align="left"
style="padding-left: 30px;">
<div style="max-width:169px;display: flex;justify-content: center;align-items: center;font-family:Montserrat,'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;">
<img src="https://cdn.marcoaiot.com/icons/logos/logo.png"
style="display:block;height:auto;border:0;width:25%"
width="169" alt title height="auto">
<a class="mx-1 text-green"
style="margin-left:10px;color: #71dd37; font-size: 20px; font-weight: bold;text-decoration: none;"
href="/">
<span class="text-blue"
style="color: #646cff;">OnField</span><span>Work</span><span class="text-dark"
style="color: #353a41;">.com</span>
</a>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="row row-2" align="center" width="100%" border="0" cellpadding="0" cellspacing="0"
role="presentation" style="mso-table-lspace:0;mso-table-rspace:0">
<tbody>
<tr>
<td>
<table class="row-content stack" align="center" border="0" cellpadding="0"
cellspacing="0" role="presentation"
style="mso-table-lspace:0;mso-table-rspace:0;background-color:#71dd37;border-radius:0;color:#000;width:750px;margin:0 auto;background: linear-gradient(to bottom, #85e053, #bcdcaa);"
width="750">
<tbody>
<tr>
<td class="column column-1" width="100%"
style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;vertical-align:top">
<table class="text_block block-1" width="100%" border="0"
cellpadding="0" cellspacing="0" role="presentation"
style="mso-table-lspace:0;mso-table-rspace:0;word-break:break-word">
<tr>
<td class="pad"
style="padding-bottom:10px;padding-left:60px;padding-right:10px;padding-top:10px">
<div style="font-family:sans-serif">
<div class
style="font-size:14px;font-family:Montserrat,'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;mso-line-height-alt:16.8px;color:#fff;line-height:1.2">
<p style="margin:0;font-size:14px;text-align:left;mso-line-height-alt:16.8px">
<span style="word-break: break-word; font-size:16px;">
Welcome
to OnFieldWork.com
</span><br><br>
<strong>
<span style="word-break: break-word; font-size: 34px;">
{{MAIL_TITLE}}
</span>
</strong>
</p>
</div>
</div>
</td>
</tr>
</table>
<table class="image_block block-3" width="100%" border="0"
cellpadding="0" cellspacing="0" role="presentation"
style="mso-table-lspace:0;mso-table-rspace:0">
<tr>
<td class="pad" style="padding-top:40px;width:100%">
<div class="alignment" align="center">
<div style="max-width:750px">
<img src="https://cdn.marcoaiot.com/img/mail-banner-01.jpg"
style="display:block;height:auto;border:0;width:100%; opacity: .7;"
width="750" alt title height="auto">
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="row row-3" align="center" width="100%" border="0" cellpadding="0" cellspacing="0"
role="presentation" style="mso-table-lspace:0;mso-table-rspace:0">
<tbody>
<tr>
<td>
<table class="row-content stack" align="center" border="0" cellpadding="0"
cellspacing="0" role="presentation"
style="mso-table-lspace:0;mso-table-rspace:0;background-color:#fff;color:#000;border-radius:0;width:750px;margin:0 auto"
width="750">
<tbody>
<tr>
<td class="column column-1" width="100%"
style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;padding-bottom:30px;padding-top:30px;vertical-align:top">
<table class="text_block block-1" width="100%" border="0"
cellpadding="0" cellspacing="0" role="presentation"
style="mso-table-lspace:0;mso-table-rspace:0;word-break:break-word">
<tr>
<td class="pad"
style="padding-bottom:10px;padding-left:60px;padding-right:10px;padding-top:10px">
<div style="font-family:sans-serif">
<div class
style="font-size:14px;font-family:Montserrat,'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;mso-line-height-alt:19.599999999999998px;color:#555;line-height:1.4">
<p style="margin:0;font-size:14px;mso-line-height-alt:25.2px; margin-top:50px">
<span style="word-break: break-word; font-size:16px;">
Hello,
</span>
</p>
<p style="margin:0;font-size:14px;mso-line-height-alt:25.2px; margin-top:20px">
<span style="word-break: break-word; font-size:16px;">
We received a request to reset your password for your OnFieldWork.com account.
To proceed, please click the link below to set a new password:
</span>
</p>
<p style="margin:0;font-size:14px;mso-line-height-alt:25.2px; margin-top:50px">
<div align="center">
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="" style="height:51px; v-text-anchor:middle; width:205px;" arcsize="2%" stroke="f" fillcolor="#e93f32"><w:anchorlock/><center style="color:#FFFFFF;"><![endif]-->
<a href="{{RESET_PWD_URL}}" target="_blank"
class="v-button"
style="box-sizing: border-box;display: inline-block;text-decoration: none;-webkit-text-size-adjust: none;text-align: center;color: #FFFFFF; background-color: #71dd37; border-radius: 1px;-webkit-border-radius: 1px; -moz-border-radius: 1px; width:auto; max-width:100%; overflow-wrap: break-word; word-break: break-word; word-wrap:break-word; mso-border-alt: none;font-size: 14px;">
<span style="display:block;padding:15px 40px;line-height:120%;">
<span style="font-size:16px; line-height: 21.6px;">
Set
Password
</span>
</span>
</a>
<!--[if mso]></center></v:roundrect><![endif]-->
</div>
</p>
<p style="margin:0;font-size:14px;mso-line-height-alt:25.2px;margin-top: 40px;">
<span style="word-break: break-word; font-size: 14px;">
*** If you did not request this change, please disregard this email. Your account will remain secure, and no action is required.
</span>
</p>
<p>
</p>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="row row-5" align="center" width="100%" border="0" cellpadding="0" cellspacing="0"
role="presentation" style="mso-table-lspace:0;mso-table-rspace:0">
<tbody>
<tr>
<td>
<table class="row-content stack" align="center" border="0" cellpadding="0"
cellspacing="0" role="presentation"
style="mso-table-lspace:0;mso-table-rspace:0;background-color:#fff;color:#000;width:750px;margin:0 auto"
width="750">
<tbody>
<tr>
<td class="column column-1" width="100%"
style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;padding-bottom:25px;padding-top:25px;vertical-align:top">
<table class="text_block block-1" width="100%" border="0"
cellpadding="10" cellspacing="0" role="presentation"
style="mso-table-lspace:0;mso-table-rspace:0;word-break:break-word">
<tr>
<td class="pad">
<div style="font-family:sans-serif">
<div class
style="font-size:12px;font-family:Montserrat,'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;mso-line-height-alt:14.399999999999999px;color:#555;line-height:1.2">
<p style="margin:0;font-size:14px;text-align:center;mso-line-height-alt:16.8px">
<span style="word-break: break-word; font-size: 12px;">
<a href="http://[previewinbrowser]/"
target="_blank" rel="noopener"
style="color: #555555;">
view this
email in your browser
</a>
</span>
</p>
</div>
</div>
</td>
</tr>
</table>
<table class="social_block block-3" width="100%" border="0"
cellpadding="10" cellspacing="0" role="presentation"
style="mso-table-lspace:0;mso-table-rspace:0">
<tr>
<td class="pad">
<div class="alignment" align="center">
<table class="social-table" width="144px" border="0"
cellpadding="0" cellspacing="0"
role="presentation"
style="mso-table-lspace:0;mso-table-rspace:0;display:inline-block">
<tr>
<td style="padding:0 2px 0 2px">
<a href="https://www.facebook.com/"
target="_blank">
<img src="https://cdn.marcoaiot.com/icons/brands//facebook@2x.png"
width="32" height="auto"
alt="Facebook" title="Facebook"
style="display:block;height:auto;border:0">
</a>
</td>
<td style="padding:0 2px 0 2px">
<a href="https://twitter.com/"
target="_blank">
<img src="https://cdn.marcoaiot.com/icons/brands//twitter@2x.png"
width="32" height="auto" alt="X"
title="X"
style="display:block;height:auto;border:0">
</a>
</td>
<td style="padding:0 2px 0 2px">
<a href="https://instagram.com/"
target="_blank">
<img src="https://cdn.marcoaiot.com/icons/brands//instagram@2x.png"
width="32" height="auto"
alt="Instagram"
title="Instagram"
style="display:block;height:auto;border:0">
</a>
</td>
<td style="padding:0 2px 0 2px">
<a href="https://www.linkedin.com/"
target="_blank">
<img src="https://cdn.marcoaiot.com/icons/brands//linkedin@2x.png"
width="32" height="auto"
alt="LinkedIn" title="LinkedIn"
style="display:block;height:auto;border:0">
</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table class="paragraph_block block-5" width="100%" border="0"
cellpadding="10" cellspacing="0" role="presentation"
style="mso-table-lspace:0;mso-table-rspace:0;word-break:break-word">
<tr>
<td class="pad">
<div style="color:#000;direction:ltr;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;letter-spacing:0;line-height:1.2;text-align:justify;mso-line-height-alt:14px">
<p style="margin:0;margin-bottom:16px">
<strong>Disclaimer: </strong>This email was
generated automatically by the OnFieldWork
platform (<a class="mx-1 text-green"
style="margin-left:1px;color: #71dd37; font-size: 11px; font-weight: 500;text-decoration: none;"
href="/">
<span class="text-blue"
style="color: #646cff;">OnField</span><span>Work</span><span class="text-dark"
style="color: #353a41;">.com</span>
</a>.).
The contents may
include confidential and/or personal information
intended exclusively for the named recipient.
Unauthorized access, review, distribution, or
copying is prohibited and may be unlawful. If
you are not the intended recipient, please
delete this email and notify your administrator.
OnFieldWork adheres to strict data-security
practices and processes personal data in
compliance with the GDPR and other applicable
regulations.
</p>
<p style="margin:0;margin-bottom:16px">
</p>
<p style="margin:0;margin-bottom:16px">
<br>For
details, refer to our Privacy Policy on
<a class="mx-1 text-green"
style="margin-left:1px;color: #71dd37; font-size: 11px; font-weight: 500;text-decoration: none;"
href="/">
<span class="text-blue"
style="color: #646cff;">OnField</span><span>Work</span><span class="text-dark"
style="color: #353a41;">.com</span>
</a>.
</p>
<p style="margin:0">
<br>Please do not reply to this
email; this mailbox is not monitored.
</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="row row-5" align="center" width="100%" border="0" cellpadding="0" cellspacing="0"
role="presentation" style="mso-table-lspace:0;mso-table-rspace:0">
<tbody>
<tr>
<td>
<table class="row-content stack" align="center" border="0" cellpadding="0"
cellspacing="0" role="presentation"
style="mso-table-lspace:0;mso-table-rspace:0;background-color:#fff;color:#000;width:750px;margin:0 auto"
width="750">
<tr>
<td style="background-color:#71dd37;height: 10px;">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><!-- End -->
</body>
</html>