Created
May 25, 2020 06:33
-
-
Save kostimarko/df39287fdbbe42b0106ebb3b369893c2 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> | |
<head> | |
<title> </title> | |
<!--[if !mso]><!-- --> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<!--<![endif]--> | |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<style type="text/css"> | |
#outlook a { | |
padding: 0; | |
} | |
body { | |
margin: 0; | |
padding: 0; | |
-webkit-text-size-adjust: 100%; | |
-ms-text-size-adjust: 100%; | |
} | |
table, | |
td { | |
border-collapse: collapse; | |
mso-table-lspace: 0pt; | |
mso-table-rspace: 0pt; | |
} | |
img { | |
border: 0; | |
height: auto; | |
line-height: 100%; | |
outline: none; | |
text-decoration: none; | |
-ms-interpolation-mode: bicubic; | |
} | |
p { | |
display: block; | |
margin: 13px 0; | |
} | |
</style> | |
<!--[if mso]> | |
<xml> | |
<o:OfficeDocumentSettings> | |
<o:AllowPNG/> | |
<o:PixelsPerInch>96</o:PixelsPerInch> | |
</o:OfficeDocumentSettings> | |
</xml> | |
<![endif]--> | |
<!--[if lte mso 11]> | |
<style type="text/css"> | |
.mj-outlook-group-fix { width:100% !important; } | |
</style> | |
<![endif]--> | |
<!--[if !mso]><!--> | |
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css"> | |
<style type="text/css"> | |
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700); | |
</style> | |
<!--<![endif]--> | |
<style type="text/css"> | |
@media only screen and (min-width:480px) { | |
.mj-column-per-100 { | |
width: 100% !important; | |
max-width: 100%; | |
} | |
} | |
</style> | |
<style type="text/css"> | |
@media only screen and (max-width:480px) { | |
table.mj-full-width-mobile { | |
width: 100% !important; | |
} | |
td.mj-full-width-mobile { | |
width: auto !important; | |
} | |
} | |
</style> | |
</head> | |
<body style="background-color:#81d4f7;"> | |
<div style="background-color:#81d4f7;"> | |
<!-- START LOGO --> | |
<!--[if mso | IE]> | |
<table | |
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" | |
> | |
<tr> | |
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> | |
<![endif]--> | |
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;"> | |
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"> | |
<tbody> | |
<tr> | |
<td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px;text-align:center;"> | |
<!--[if mso | IE]> | |
<table role="presentation" border="0" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td | |
class="" style="vertical-align:middle;width:560px;" | |
> | |
<![endif]--> | |
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> | |
<tbody> | |
<tr> | |
<td style="vertical-align:middle;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> | |
<tr> | |
<td align="left" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"> | |
<tbody> | |
<tr> | |
<td style="width:200px;"> <img height="auto" src="https://placeholder.com/wp-content/uploads/2018/10/placeholder.com-logo3.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="200" | |
/> </td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
<!-- END LOGO --> | |
<!-- Start Header Image Container --> | |
<!--[if mso | IE]> | |
<table | |
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" | |
> | |
<tr> | |
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> | |
<![endif]--> | |
<div style="margin:0px auto;max-width:600px;"> | |
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> | |
<tbody> | |
<tr> | |
<td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;"> | |
<!--[if mso | IE]> | |
<table role="presentation" border="0" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td | |
class="" style="vertical-align:top;width:600px;" | |
> | |
<![endif]--> | |
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> | |
<tbody> | |
<tr> | |
<td style="vertical-align:top;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> | |
<!-- Header Image --> | |
<tr> | |
<td align="center" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"> | |
<tbody> | |
<tr> | |
<td style="width:600px;"> <a href="https://kostimarko.design/" target="_blank"> | |
<img | |
height="auto" src="https://designshack.net/wp-content/uploads/placeholder-image.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600" | |
/> | |
</a> </td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
<!-- Header Image --> | |
</table> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
<!-- End Header Image Container --> | |
<!--[if mso | IE]> | |
<table | |
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" | |
> | |
<tr> | |
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> | |
<![endif]--> | |
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;"> | |
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"> | |
<tbody> | |
<tr> | |
<td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"> | |
<!--[if mso | IE]> | |
<table role="presentation" border="0" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td | |
class="" width="600px" | |
> | |
<table | |
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" | |
> | |
<tr> | |
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> | |
<![endif]--> | |
<div style="margin:0px auto;max-width:600px;"> | |
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> | |
<tbody> | |
<tr> | |
<td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;"> | |
<!--[if mso | IE]> | |
<table role="presentation" border="0" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td | |
class="" style="vertical-align:top;width:600px;" | |
> | |
<![endif]--> | |
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> | |
<tbody> | |
<tr> | |
<td style="vertical-align:top;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> | |
<!-- First Paragraph --> | |
<tr> | |
<td align="left" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-bottom:0px;word-break:break-word;"> | |
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:18px;line-height:27px;text-align:left;color:#000000;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt.</div> | |
</td> | |
</tr> | |
<!-- First Paragraph --> | |
<!-- Second Paragraph --> | |
<tr> | |
<td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> | |
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:18px;line-height:27px;text-align:left;color:#000000;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt.</div> | |
</td> | |
</tr> | |
<!-- Second Paragraph --> | |
<!-- Third Paragraph --> | |
<tr> | |
<td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> | |
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:18px;line-height:27px;text-align:left;color:#000000;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt.</div> | |
</td> | |
</tr> | |
<!-- Third Paragraph --> | |
<!-- Fourth Paragraph --> | |
<tr> | |
<td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:0px;word-break:break-word;"> | |
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:18px;font-weight:800;line-height:27px;text-align:left;color:#000000;">Egestas pretium aenean pharetra magna ac</div> | |
</td> | |
</tr> | |
<!-- Fourth Paragraph --> | |
<!-- Bullets --> | |
<tr> | |
<td align="left" style="font-size:0px;padding:10px 25px;padding-top:0px;word-break:break-word;"> | |
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:18px;font-weight:400;line-height:27px;text-align:left;color:#000000;"> | |
<ul align="left" type="disc"> | |
<li> Et leo duis ut diam quam nulla porttitor. </li> | |
<li> Et leo duis ut diam quam nulla porttitor. </li> | |
<li> Et leo duis ut diam quam nulla porttitor. </li> | |
<li> Et leo duis ut diam quam nulla porttitor. </li> | |
</ul> | |
</div> | |
</td> | |
</tr> | |
<!-- Bullets --> | |
</table> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td | |
class="" width="600px" | |
> | |
<table | |
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" | |
> | |
<tr> | |
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> | |
<![endif]--> | |
<div style="margin:0px auto;max-width:600px;"> | |
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> | |
<tbody> | |
<tr> | |
<td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"> | |
<!--[if mso | IE]> | |
<table role="presentation" border="0" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td | |
class="" style="vertical-align:top;width:600px;" | |
> | |
<![endif]--> | |
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"> | |
<!-- Button CTA --> | |
<tr> | |
<td align="center" vertical-align="middle" style="font-size:0px;padding:10px 25px;word-break:break-word;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;"> | |
<tr> | |
<td align="center" bgcolor="#29ade3" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#29ade3;" valign="middle"> <a href="https://kostimarko.design/" style="display:inline-block;background:#29ade3;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:18px;font-weight:700;line-height:27px;margin:0;text-decoration:none;text-transform:uppercase;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" | |
target="_blank"> | |
Download Now | |
</a> </td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<!-- Button CTA --> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
<!-- START FOOTER --> | |
<!--[if mso | IE]> | |
<table | |
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" | |
> | |
<tr> | |
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> | |
<![endif]--> | |
<div style="background:#29ade3;background-color:#29ade3;margin:0px auto;max-width:600px;"> | |
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#29ade3;background-color:#29ade3;width:100%;"> | |
<tbody> | |
<tr> | |
<td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"> | |
<!--[if mso | IE]> | |
<table role="presentation" border="0" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td | |
class="" width="600px" | |
> | |
<table | |
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" | |
> | |
<tr> | |
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> | |
<![endif]--> | |
<div style="margin:0px auto;max-width:600px;"> | |
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> | |
<tbody> | |
<tr> | |
<td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"> | |
<!--[if mso | IE]> | |
<table role="presentation" border="0" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td | |
class="" style="vertical-align:top;width:600px;" | |
> | |
<![endif]--> | |
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"> | |
<tr> | |
<td align="center" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:10px;padding-left:0px;word-break:break-word;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"> | |
<tbody> | |
<tr> | |
<td style="width:100px;"> <img height="auto" src="https://matamatalonglands.co.nz/wp-content/uploads/sites/5/2016/12/placeholder-logo-300x150.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" | |
width="100" /> </td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
<!-- END FOOTER --> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment