@inv2/common
Version:
A common module for v2
997 lines (981 loc) • 40.6 kB
HTML
<html
lang="en"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:v="urn:schemas-microsoft-com:vml"
>
<head>
<title>{{subject}}</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<!--[if mso
]><xml
><o:OfficeDocumentSettings
><o:PixelsPerInch>96</o:PixelsPerInch
><o:AllowPNG /></o:OfficeDocumentSettings></xml
><![endif]-->
<!--[if !mso]><!-->
<link
href="https://fonts.googleapis.com/css?family=Roboto"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Abril+Fatface"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Merriweather"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Montserrat"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Nunito"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Bitter"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Permanent+Marker"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Roboto+Slab"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Cabin"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Oxygen"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Oswald"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Lato"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Ubuntu"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Open+Sans"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Droid+Serif"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Playfair+Display"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Poppins"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro"
rel="stylesheet"
type="text/css"
/>
<!--<![endif]-->
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
}
a[x-apple-data-detectors] {
color: inherit ;
text-decoration: inherit ;
}
#MessageViewBody a {
color: inherit;
text-decoration: none;
}
p {
line-height: inherit;
}
.desktop_hide,
.desktop_hide table {
mso-hide: all;
display: none;
max-height: 0px;
overflow: hidden;
}
@media (max-width: 700px) {
.desktop_hide table.icons-inner {
display: inline-block ;
}
.icons-inner {
text-align: center;
}
.icons-inner td {
margin: 0 auto;
}
.row-content {
width: 100% ;
}
.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: 0px;
}
.desktop_hide,
.desktop_hide table {
display: table ;
max-height: none ;
}
}
</style>
</head>
<body
style="
background-color: #eae4db;
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: 0pt;
mso-table-rspace: 0pt;
background-color: #eae4db;
"
width="100%"
>
<tbody>
<tr>
<td>
<table
align="center"
border="0"
cellpadding="0"
cellspacing="0"
class="row row-1"
role="presentation"
style="mso-table-lspace: 0pt; mso-table-rspace: 0pt"
width="100%"
>
<tbody>
<tr>
<td>
<table
align="center"
border="0"
cellpadding="0"
cellspacing="0"
class="row-content"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
background-color: #ffffff;
color: #000000;
width: 680px;
"
width="680"
>
<tbody>
<tr>
<td
class="column column-1"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
font-weight: 400;
text-align: left;
vertical-align: top;
padding-top: 0px;
padding-bottom: 0px;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
"
width="100%"
>
<table
border="0"
cellpadding="0"
cellspacing="0"
class="image_block"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
width="100%"
>
<tr>
<td
style="
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 35px;
width: 100%;
"
>
<div align="center" style="line-height: 10px">
<img
alt="Your Logo"
src="{{url}}images/Logo_nobg.png"
style="
display: block;
height: auto;
border: 0;
width: 136px;
max-width: 100%;
"
title="investnaija Logo"
width="136"
/>
</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table
align="center"
border="0"
cellpadding="0"
cellspacing="0"
class="row row-2"
role="presentation"
style="mso-table-lspace: 0pt; mso-table-rspace: 0pt"
width="100%"
>
<tbody>
<tr>
<td>
<table
align="center"
border="0"
cellpadding="0"
cellspacing="0"
class="row-content stack"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
background-color: #ffffff;
color: #000000;
width: 680px;
"
width="680"
>
<tbody>
<tr>
<td
class="column column-1"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
font-weight: 400;
text-align: left;
vertical-align: top;
padding-left: 50px;
padding-right: 50px;
padding-top: 40px;
padding-bottom: 30px;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
"
width="100%"
>
<table
border="0"
cellpadding="0"
cellspacing="0"
class="paragraph_block"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
word-break: break-word;
"
width="100%"
>
<tr>
<td>
<div
style="
color: #101112;
font-size: 13.5px;
font-family: 'Nunito', Arial,
'Helvetica Neue', Helvetica, sans-serif;
font-weight: 400;
line-height: 20px;
text-align: left;
direction: ltr;
letter-spacing: 0px;
mso-line-height-alt: 19.2px;
"
>
<p style="margin: 0; margin-bottom: 16px">
<strong>Dear {{name}},</strong>
</p>
<p style="margin: 0; margin-bottom: 16px">
{{{message}}}
</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table
align="center"
border="0"
cellpadding="0"
cellspacing="0"
class="row row-3"
role="presentation"
style="mso-table-lspace: 0pt; mso-table-rspace: 0pt"
width="100%"
>
<tbody>
<tr>
<td>
<table
align="center"
border="0"
cellpadding="0"
cellspacing="0"
class="row-content stack"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
background-color: #ffffff;
color: #000000;
width: 680px;
"
width="680"
>
<tbody>
<tr>
<td
class="column column-1"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
font-weight: 400;
text-align: left;
vertical-align: top;
padding-left: 50px;
padding-right: 50px;
padding-top: 40px;
padding-bottom: 30px;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
"
width="100%"
>
<table
border="0"
cellpadding="0"
cellspacing="0"
class="social_block"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
width="100%"
>
<tr>
<td
style="
text-align: center;
padding-right: 0px;
padding-left: 0px;
"
>
<table
align="center"
border="0"
cellpadding="0"
cellspacing="0"
class="social-table"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
width="144px"
>
<tr>
<td style="padding: 0 2px 0 2px">
<a
href="https://www.facebook.com/in.investnaija"
target="_blank"
><img
alt="Facebook"
height="32"
src="{{url}}images/facebook2x.png"
style="
display: block;
height: auto;
border: 0;
"
title="facebook"
width="32"
/></a>
</td>
<td style="padding: 0 2px 0 2px">
<a
href="https://twitter.com/investnaija"
target="_blank"
><img
alt="Twitter"
height="32"
src="{{url}}images/twitter2x.png"
style="
display: block;
height: auto;
border: 0;
"
title="twitter"
width="32"
/></a>
</td>
<td style="padding: 0 2px 0 2px">
<a
href="https://www.linkedin.com/showcase/investnaija"
target="_blank"
><img
alt="Linkedin"
height="32"
src="{{url}}images/linkedin2x.png"
style="
display: block;
height: auto;
border: 0;
"
title="linkedin"
width="32"
/></a>
</td>
<td style="padding: 0 2px 0 2px">
<a
href="https://www.instagram.com/investnaija/"
target="_blank"
><img
alt="Instagram"
height="32"
src="{{url}}images/instagram2x.png"
style="
display: block;
height: auto;
border: 0;
"
title="instagram"
width="32"
/></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table
border="0"
cellpadding="10"
cellspacing="0"
class="paragraph_block"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
word-break: break-word;
"
width="100%"
>
<tr>
<td>
<div
style="
color: #000000;
font-size: 14px;
font-family: Nunito, Arial, Helvetica Neue,
Helvetica, sans-serif;
font-weight: 400;
line-height: 120%;
text-align: center;
direction: ltr;
letter-spacing: 0px;
mso-line-height-alt: 16.8px;
"
>
<!-- <p style="margin: 0">
<a
href="dummy.com"
rel="noopener"
style="
text-decoration: underline;
color: #0068a5;
"
target="_blank"
><u>Open in your browser</u></a
>
</p> -->
</div>
</td>
</tr>
</table>
<table
border="0"
cellpadding="10"
cellspacing="0"
class="paragraph_block"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
word-break: break-word;
"
width="100%"
>
<tr>
<td>
<div
style="
color: #000000;
font-size: 9px;
font-family: Nunito, Arial, Helvetica Neue,
Helvetica, sans-serif;
font-weight: 400;
line-height: 120%;
text-align: center;
direction: ltr;
letter-spacing: 0px;
mso-line-height-alt: 10.799999999999999px;
"
>
<p style="margin: 0">
10, Bankole Oki Street, Ikoyi, Lagos Tel:
0700 468378 62452 (0700 INVESTNAIJA)
</p>
</div>
</td>
</tr>
</table>
<table
border="0"
cellpadding="10"
cellspacing="0"
class="paragraph_block"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
word-break: break-word;
"
width="100%"
>
<tr>
<td>
<div
style="
color: #000000;
font-size: 9px;
font-family: Nunito, Arial, Helvetica Neue,
Helvetica, sans-serif;
font-weight: 400;
line-height: 120%;
text-align: center;
direction: ltr;
letter-spacing: 0px;
mso-line-height-alt: 10.799999999999999px;
"
>
<p style="margin: 0">
<a
href="https://www.investnaija.com"
rel="noopener"
style="
text-decoration: underline;
color: #0068a5;
"
target="_blank"
>www.investnaija.com</a
>
info@investnaija.com
</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table
align="center"
border="0"
cellpadding="0"
cellspacing="0"
class="row row-4"
role="presentation"
style="mso-table-lspace: 0pt; mso-table-rspace: 0pt"
width="100%"
>
<tbody>
<tr>
<td>
<table
align="center"
border="0"
cellpadding="0"
cellspacing="0"
class="row-content stack"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
background-color: #ffffff;
color: #000000;
width: 680px;
"
width="680"
>
<tbody>
<tr>
<td
class="column column-1"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
font-weight: 400;
text-align: left;
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
"
width="100%"
>
<table
border="0"
cellpadding="0"
cellspacing="0"
class="text_block"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
word-break: break-word;
"
width="100%"
>
<tr>
<td
style="
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
padding-top: 15px;
"
>
<div style="font-family: sans-serif">
<div
class="txtTinyMce-wrapper"
style="
font-size: 12px;
font-family: Nunito, Arial,
Helvetica Neue, Helvetica, sans-serif;
mso-line-height-alt: 18px;
color: #000000;
line-height: 1.5;
"
>
<!-- <p
style="
margin: 0;
font-size: 10px;
text-align: center;
"
>
We love having you here but as the
saying goes “Sometimes when you love
someone, you have to let them go ...”,
Hope to see you soon ❤
</p> -->
<p
style="
margin: 0;
font-size: 12px;
text-align: center;
mso-line-height-alt: 18px;
"
>
</p>
<p
style="
margin: 0;
font-size: 12px;
text-align: center;
"
>
<!-- <a
href="hhh.com"
rel="noopener"
style="
text-decoration: underline;
color: #a08b7c;
"
target="_blank"
>Unsubscribe from this mail list</a -->
<!-- > -->
<br /><br />
</p>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table
align="center"
border="0"
cellpadding="0"
cellspacing="0"
class="row row-5"
role="presentation"
style="mso-table-lspace: 0pt; mso-table-rspace: 0pt"
width="100%"
>
<tbody>
<tr>
<td>
<table
align="center"
border="0"
cellpadding="0"
cellspacing="0"
class="row-content stack"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
color: #000000;
width: 680px;
"
width="680"
>
<tbody>
<tr>
<td
class="column column-1"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
font-weight: 400;
text-align: left;
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
"
width="100%"
>
<table
border="0"
cellpadding="0"
cellspacing="0"
class="icons_block"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
width="100%"
>
<tr>
<td
style="
vertical-align: middle;
color: #9d9d9d;
font-family: inherit;
font-size: 12px;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
"
>
<table
cellpadding="0"
cellspacing="0"
role="presentation"
style="
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
width="100%"
>
<tr>
<td
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: 0pt;
mso-table-rspace: 0pt;
display: inline-block;
margin-right: -4px;
padding-left: 0px;
padding-right: 0px;
"
>
<!--<![endif]-->
<tr>
<td
style="
vertical-align: middle;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 6px;
"
>
<!-- <img
align="center"
alt="investnaija"
class="icon"
height="32px"
src="{{url}}images/Logo_nobg.png"
style="
display: block;
height: auto;
margin: 0 auto;
border: 0;
"
width="34"
/> -->
</td>
<td
style="
font-family: Nunito, Arial,
Helvetica Neue, Helvetica,
sans-serif;
font-size: 12px;
color: #fff;
vertical-align: middle;
letter-spacing: undefined;
text-align: center;
"
></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- End -->
</body>
</html>