468 lines
36 KiB
HTML
468 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&display=swap"
|
||
rel="stylesheet" type="text/css">
|
||
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&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 {{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;">
|
||
Welcome to OnFieldWork.com. You’ve successfully joined your team on the platform.
|
||
To activate your account and set your password, please click the link below:
|
||
|
||
</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:16px;">
|
||
Thank
|
||
you for joining onFieldWork.com, the
|
||
Tool for Efficient Fieldwork & Project
|
||
Delivery
|
||
</span>
|
||
</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;"> </td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table><!-- End -->
|
||
</body>
|
||
|
||
</html> |