613 lines
49 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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">
<!-- <span
style="margin-left: 10px;">OnFieldWork.com</span> -->
<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="text_block block-2" 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-left:60px;padding-right: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;mso-line-height-alt:16.8px">
<span
style="word-break: break-word; font-size:16px;">Thank
you for joining onFieldWork.com, the
Tool for Efficient Fieldwork & Project
Delivery</span>
</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 {{RECEIVER_NAME}},
</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;">
Your One-Time Password (OTP) for verification is:<b> {{OTP_CODE}}</b>
</span> <br /> <br />
<span style="word-break: break-word; font-size:16px;">
This OTP is valid for the next 10 minutes. Please do not share this code with anyone.
</span> <br /> <br />
<span style="word-break: break-word; font-size:16px;">
If you did not request this code, please ignore this email or contact our support team immediately.
</span>
</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:16px;">
Thank
you for joining onFieldWork.com, the
Tool for Efficient Fieldwork & Project
Delivery
</span><br /><br />
<span style="word-break: break-word; font-size:16px;">
Team, OnFiledWork.com
</span>
</p>
<p>
</p>
<!-- <p
style="margin:0;font-size:14px;mso-line-height-alt:25.2px">
<span
style="word-break: break-word; font-size:16px;">Here
are your details:</span>
</p>
<p
style="margin:0;font-size:14px;mso-line-height-alt:19.599999999999998px">
&nbsp;</p>
<p
style="margin:0;font-size:14px;mso-line-height-alt:25.2px">
<span
style="word-break: break-word; font-size:16px;">Role:
<strong>[Volunteer
Role]</strong><br>Date & Time:
<strong>[Event
Date/Time]</strong><br>Location:
<strong>[Location/Online
Link]</strong></span>
</p>
<p
style="margin:0;font-size:14px;mso-line-height-alt:19.599999999999998px">
&nbsp;</p>
<p
style="margin:0;font-size:14px;mso-line-height-alt:25.2px">
<span
style="word-break: break-word; font-size:16px;">Well
be in touch with any updates before the
event.</span>
</p>
<p
style="margin:0;font-size:14px;mso-line-height-alt:25.2px">
<span
style="word-break: break-word; font-size:16px;">Looking
forward to working together,<br>{NGO
Name}</span>
</p> -->
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- <table class="row row-4" 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;border-radius:0;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;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="center">
<div style="max-width:750px"><img
src="https://d15k2d11r6t6rl.cloudfront.net/pub/r388/l239mmxz/27a/mgu/yoy/trnp03_img_02.png"
style="display:block;height:auto;border:0;width:100%"
width="750" alt title height="auto"></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="text_block block-2" 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;"><strong>Our
mailing address:</strong></span>
</p>
<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;">{company_address}</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="text_block block-4" 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:20px;padding-left:10px;padding-right:10px;padding-top:20px">
<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;"><strong>Want
to change how you receive this
email?</strong></span>
</p>
<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://[updateprofile]/"
target="_blank" rel="noopener"
style="color: #555555;">manage
preference</a> &nbsp; &nbsp;·&nbsp;
&nbsp; <a
href="http://[globalunsubscribe]/"
target="_blank" rel="noopener"
style="color: #555555;">unsubscribe</a></span>
</p>
</div>
</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>