255 lines
11 KiB
HTML
255 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title></title>
|
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
|
<meta content="width=device-width,initial-scale=1" name="viewport">
|
|
<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
|
|
}
|
|
|
|
.padding-30 {
|
|
padding: 0px 30px;
|
|
}
|
|
|
|
.padding-20 {
|
|
padding: 0px 20px;
|
|
}
|
|
|
|
.desktop_hide,
|
|
.desktop_hide table {
|
|
mso-hide: all;
|
|
display: none;
|
|
max-height: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
@media (max-width: 525px) {
|
|
.desktop_hide table.icons-inner {
|
|
display: inline-block !important
|
|
}
|
|
|
|
.icons-inner {
|
|
text-align: center
|
|
}
|
|
|
|
.icons-inner td {
|
|
margin: 0 auto
|
|
}
|
|
|
|
.row-content {
|
|
width: 95% !important
|
|
}
|
|
|
|
.mobile_hide {
|
|
display: none
|
|
}
|
|
|
|
.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
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="background-color:#fff;margin:0;padding:0;-webkit-text-size-adjust:none;text-size-adjust:none">
|
|
<table border="0" cellpadding="0" cellspacing="0" class="nl-container" role="presentation"
|
|
style="mso-table-lspace:0;mso-table-rspace:0;background-image:none;background-position:top left;background-size:auto;background-repeat:no-repeat"
|
|
width="100%">
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-1" role="presentation"
|
|
style="mso-table-lspace:0;mso-table-rspace:0" width="100%">
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
|
|
<table border="0" cellpadding="0" cellspacing="0" class="image_block block-1 padding-20" role="presentation"
|
|
style="mso-table-lspace:0;mso-table-rspace:0;margin-left: auto;margin-right: auto;padding-top: 20px;
|
|
padding-bottom: 20px;" width="220">
|
|
<tr>
|
|
<td class="pad" style="width:100%;padding-right:0;padding-left:0">
|
|
<div align="left" class="alignment" style="line-height:10px">
|
|
<a href="www.worklenz.com" style="outline:none;width: 170px;" tabindex="-1"
|
|
target="_blank"><img
|
|
src="https://worklenz.s3.amazonaws.com/email-templates-assets/email-logo.png"
|
|
style="display:block;height:auto;border:0;max-width:100%;margin-top: 10px;margin-bottom: 5px;"></a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<table align="center" border="0" cellpadding="0" cellspacing="0" class="row-content stack"
|
|
role="presentation"
|
|
style="mso-table-lspace:0;mso-table-rspace:0;color:#000;width:475px;"
|
|
width="475">
|
|
<tbody>
|
|
<tr>
|
|
<td class="column column-1"
|
|
style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;vertical-align:top;padding-top:5px;padding-bottom:5px;border-top:0;border-right:0;border-bottom:0;border-left:0"
|
|
width="100%">
|
|
<table border="0" cellpadding="0" cellspacing="0" class="image_block block-3" role="presentation"
|
|
style="mso-table-lspace:0;mso-table-rspace:0" width="100%">
|
|
<tr>
|
|
<td class="pad">
|
|
<h1
|
|
style="margin:0;color:rgb(66, 66, 66);font-size:26px;line-height:120%;text-align:center;direction:ltr;font-weight:700;letter-spacing:normal;margin-top:30px;margin-bottom:0;padding-top: 20px;padding-bottom: 20px;@import url('https://fonts.googleapis.com/css2?family=Mada:wght@500&display=swap');font-family: 'Mada', sans-serif;">
|
|
<span class="tinyMce-placeholder">Let's get started with Worklenz.</span>
|
|
</h1>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="pad" style="width:100%;padding-right:0;padding-left:0">
|
|
<div align="center" class="alignment" style="line-height:10px"><img
|
|
src="https://worklenz.s3.amazonaws.com/email-templates-assets/email-signup.png"
|
|
style="display:block;height:auto;border:0;width:180px;max-width:100%;margin-top: 30px;margin-bottom: 10px;"
|
|
width="180">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<table border="0" cellpadding="5" cellspacing="0" class="paragraph_block block-4 padding-30"
|
|
role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;word-break:break-word"
|
|
width="100%">
|
|
<tr>
|
|
<td class="pad">
|
|
<div
|
|
style="color:#505771;font-size:19px;@import url('https://fonts.googleapis.com/css2?family=Mada:wght@500&display=swap');font-family: 'Mada', sans-serif;font-weight:500;line-height:120%;text-align:center;direction:ltr;letter-spacing:0;mso-line-height-alt:24px">
|
|
<p style="margin-top: 0px;margin-bottom: 2px;">Hi [VAR_USER_NAME],</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<table border="0" cellpadding="8" cellspacing="0" class="paragraph_block block-5 padding-30"
|
|
role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;word-break:break-word"
|
|
width="100%">
|
|
<tr>
|
|
<td class="pad">
|
|
<div
|
|
style="color:rgb(143,152,164);font-size:16px;@import url('https://fonts.googleapis.com/css2?family=Mada:wght@500&display=swap');font-family: 'Mada', sans-serif;font-weight:400;line-height:135%;text-align:center;direction:ltr;letter-spacing:0;mso-line-height-alt:18px">
|
|
<p style="margin:0;margin-bottom:10px">Thanks for joining Worklenz!</p>
|
|
<p style="margin:0"> We're excited to have you on board. </p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<table border="0" cellpadding="10" cellspacing="0" class="button_block block-6" role="presentation"
|
|
style="mso-table-lspace:0;mso-table-rspace:0;margin-top: 10px;margin-bottom: 30px;"
|
|
width="100%">
|
|
<tr>
|
|
<td class="pad">
|
|
<div align="center" class="alignment">
|
|
<a href="https://[VAR_HOSTNAME]/auth/login">
|
|
<div
|
|
style="text-decoration:none;display:inline-block;color:#fff;background:#4992f0d9;border-radius:3px;width:auto;font-weight:400;padding-top:6px;padding-bottom:7px;@import url('https://fonts.googleapis.com/css2?family=Mada:wght@500&display=swap');font-family: 'Mada', sans-serif;text-align:center;mso-border-alt:none;word-break:keep-all">
|
|
<span
|
|
style="padding-left:25px;padding-right:25px;font-size:16px;display:inline-block;letter-spacing:normal;"><span
|
|
dir="ltr" style="word-break: break-word; line-height: 28px;">Go to
|
|
Worklenz</span></span>
|
|
</div>
|
|
</a>
|
|
<!--[if mso]></center></v:textbox></v:roundrect><![endif]-->
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-2" role="presentation"
|
|
style="mso-table-lspace:0;mso-table-rspace:0"
|
|
width="100%">
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<table align="center" border="0" cellpadding="0" cellspacing="0" class="row-content stack"
|
|
role="presentation"
|
|
style="mso-table-lspace:0;mso-table-rspace:0;color:#000;width:475px" width="505">
|
|
<tbody>
|
|
<tr>
|
|
<td class="column column-1"
|
|
style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;vertical-align:top;padding-top:5px;padding-bottom:5px;border-top:0;border-right:0;border-bottom:0;border-left:0"
|
|
width="100%">
|
|
<table border="0" cellpadding="0" cellspacing="0" class="icons_block block-1" role="presentation"
|
|
style="mso-table-lspace:0;mso-table-rspace:0" width="100%">
|
|
<tr>
|
|
<td class="pad"
|
|
style="vertical-align:middle;color:#9d9d9d;font-family:inherit;font-size:15px;padding-bottom:5px;padding-top:5px;text-align:center">
|
|
<table cellpadding="0" cellspacing="0" role="presentation"
|
|
style="mso-table-lspace:0;mso-table-rspace:0"
|
|
width="100%">
|
|
<tr>
|
|
<td class="alignment" style="vertical-align:middle;text-align:center">
|
|
<!--[if vml]>
|
|
<table align="left" cellpadding="0" cellspacing="0" role="presentation"
|
|
style="display:inline-block;padding-left:0px;padding-right:0px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
|
|
<![endif]-->
|
|
<!--[if !vml]><!-->
|
|
<table cellpadding="0"
|
|
cellspacing="0"
|
|
class="icons-inner" role="presentation"
|
|
style="mso-table-lspace:0;mso-table-rspace:0;display:inline-block;margin-right:-4px;padding-left:0;padding-right:0">
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table><!-- End -->
|
|
</body>
|
|
|
|
</html>
|