0% found this document useful (0 votes)
79 views31 pages

Email Campaign - Source Code

The document contains CSS style definitions for various Google fonts including Google Sans, Google Sans Text, Google Sans Display, and Noto Sans JP. It defines font families, weights, styles and provides URLs to font files. It also contains some basic CSS for layout and styling of HTML elements like images, links, and containers.

Uploaded by

Afumoons
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
79 views31 pages

Email Campaign - Source Code

The document contains CSS style definitions for various Google fonts including Google Sans, Google Sans Text, Google Sans Display, and Noto Sans JP. It defines font families, weights, styles and provides URLs to font files. It also contains some basic CSS for layout and styling of HTML elements like images, links, and containers.

Uploaded by

Afumoons
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<div id="editbody1">

<div style="font-size: 10pt; font-family: Verdana, Geneva, sans-serif">


<style type="text/css">
<blade font|-face%20%7B%0D>font-family: "Google Sans";
font-style: normal;
font-weight: 400;
mso-font-alt: Arial;
src: local("Google Sans Regular"),
local("GoogleSans-Regular"),

url("https://fonts.gstatic.com/s/googlesans/v6/4UaGrENHsxJlGDuGo1OIlL3Owps.ttf")
format("truetype");
}

<blade font|-face%20%7B%0D>font-family: "Google Sans";


font-style: normal;
font-weight: 500;
mso-font-alt: Arial;
src: local("Google Sans Medium"),
local("GoogleSans-Medium"),

url("https://fonts.gstatic.com/s/googlesans/v6/4UabrENHsxJlGDuGo1OIlLU94YtzCwM.ttf"
) format("truetype");
}

<blade font|-face%20%7B%0D>font-family: "Google Sans";


font-style: normal;
font-weight: 700;
mso-font-alt: Arial;
src: local("Google Sans Bold"),
local("GoogleSans-Bold"),

url("https://fonts.gstatic.com/s/googlesans/v6/4UabrENHsxJlGDuGo1OIlLV154tzCwM.ttf"
) format("truetype");
}

<blade font|-face%20%7B%0D>font-family: "Google Sans Text";


font-weight: 700;
mso-font-alt: Arial;
font-style: normal;
src:
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/googlesanstext-bold-
webfont.woff2") format("woff2"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/googlesanstext-
bold-webfont.woff") format("woff"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/GoogleSansText-
Bold.ttf") format("truetype");
}

<blade font|-face%20%7B%0D>font-family: "Google Sans Text";


font-style: normal;
font-weight: 500;
mso-font-alt: Arial;
src:
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/googlesanstext-
medium-webfont.woff2") format("woff2"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/googlesanstext-
medium-webfont.woff") format("woff"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/GoogleSansText-
Medium.ttf") format("truetype");
}

<blade font|-face%20%7B%0D>font-family: "Google Sans Text";


font-style: normal;
font-weight: 400;
mso-font-alt: Arial;
src:
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/googlesanstext-
regular-webfont.woff2") format("woff2"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/googlesanstext-
regular-webfont.woff") format("woff"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/GoogleSansText-
Regular.ttf") format("truetype");
}

<blade font|-face%20%7B%0D>font-family: "Google Sans Display";


font-style: normal;
font-weight: 700;
mso-font-alt: Arial;
src:
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/googlesansdisplay-
bold-webfont.woff2") format("woff2"),

url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/googlesansdisplay-
bold-webfont.woff") format("woff"),

url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/GoogleSansDisplay-
Bold.ttf") format("truetype");
}

<blade font|-face%20%7B%0D>font-family: "Google Sans Display";


src:
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/googlesansdisplay-
regular-webfont.woff2") format("woff2"),

url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/googlesansdisplay-
regular-webfont.woff") format("woff"),

url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/GoogleSansDisplay-
Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
mso-font-alt: Arial;
}

<blade font|-face%20%7B%0D>font-family: "Noto Sans JP";


font-style: normal;
font-weight: 500;
src: url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-
jp-v24-latin_japanese-500.woff");
src: local("Noto Sans Japanese Medium"),
local("NotoSansJapanese-Medium"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-500.eot?#iefix") format("embedded-opentype"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-500.woff2") format("woff2"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-500.woff") format("woff"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-500.ttf") format("truetype"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-500.svg#NotoSansJP") format("svg");
}

<blade font|-face%20%7B%0D>font-family: "Noto Sans JP";


font-style: normal;
font-weight: 400;
src: url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-
jp-v24-latin_japanese-regular.woff");
src: local("Noto Sans Japanese Regular"),
local("NotoSansJapanese-Regular"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-regular.eot?#iefix") format("embedded-opentype"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-regular.woff2") format("woff2"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-regular.woff") format("woff"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-regular.ttf") format("truetype"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-regular.svg#NotoSansJP") format("svg");
}

<blade font|-face%20%7B%0D>font-family: "Noto Sans JP";


font-style: normal;
font-weight: 700;
src: url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-
jp-v24-latin_japanese-700.woff");
src: local("Noto Sans Japanese Bold"),
local("NotoSansJapanese-Bold"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-700.eot?#iefix") format("embedded-opentype"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-700.woff2") format("woff2"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-700.woff") format("woff"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-700.ttf") format("truetype"),
url("https://lp.cloudplatformonline.com/rs/808-GJW-314/images/noto-sans-jp-
v24-latin_japanese-700.svg#NotoSansJP") format("svg");
}

#editbody1,
#editbody1 table,
#editbody1 th,
#editbody1 td {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
color: #5f6368;
font-family: sans-serif;
font-weight: 400;
}

#editbody1 table,
#editbody1 td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
border-spacing: 0;
color: #5f6368;
font-family: sans-serif;
}

#editbody1 img {
-ms-interpolation-mode: bicubic;
}

#editbody1 img {
border: 0;
outline: none;
text-decoration: none;
}

#editbody1 table {
border-collapse: collapse !important;
}

#editbody1,
#editbody1 html {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}

#editbody1 a {
text-decoration: underline;
}

#editbody1 a[x-apple-data-detectors] {
color: inherit !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important;
}

#editbody1 #v1v1v1MessageViewBody a {
color: inherit;
text-decoration: none;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
}

#editbody1 h1,
#editbody1 h2,
#editbody1 h3,
#editbody1 h4,
#editbody1 h5,
#editbody1 h6,
#editbody1 p {
margin: 0;
padding: 0;
}
#editbody1 #v1v1v1MessageViewBody,
#editbody1 #v1v1v1MessageWebViewDiv {
width: 100% !important;
margin: 0 auto !important;
}

#editbody1 div[style*="margin: 16px 0;"] {


margin: 0 !important;
}

#editbody1 .v1v1v1h177 {
height: 177px;
}

#editbody1 .v1v1v1h112 {
height: 112px;
}

#editbody1 .v1v1v1h212 {
height: 212px;
}
</style>
<style type="text/css">
<blade media|%20(prefers-color-scheme%3A%20dark)%20%7B
%0D>#editbody1 .v1v1v1lightBackground {
background-color: #dddddd !important;
}
}

#editbody1 a {
color: #1a73e8 !important;
text-decoration: underline;
}

#editbody1 a.v1v1v1whiteText {
color: #ffffff !important;
}

<blade media|%20(prefers-color-scheme%3A%20dark)%20%7B
%0D>#editbody1 .v1v1v1lightImage {
color: #202124 !important;
}
}

<blade media|%20(max-width%3A%20600px)%20%7B%0D>#editbody1 .v1v1v1container {


width: 95% !important;
}

#editbody1 .v1v1v1inner-container {
padding-left: 25px !important;
padding-right: 25px !important;
}

#editbody1 .v1v1v1inner-container-alt {
padding-left: 25px !important;
padding-right: 0 !important;
}

#editbody1 .v1v1v1inner-container.v1v1v1social-container {
padding-left: 10px !important;
padding-right: 10px !important;
}

#editbody1 img {
height: auto !important;
max-width: 100% !important;
}

#editbody1 img.v1v1v1logo {
width: 140px !important;
}

#editbody1 img.v1v1v1workspace-logo {
width: 127px !important;
}

#editbody1 img.v1v1v1partner-logo {
max-height: 30px !important;
width: auto !important;
}

#editbody1 .v1v1v1header {
padding: 24px 10px !important;
}

#editbody1 .v1v1v1workspace-header {
padding: 0 10px !important;
}

#editbody1 .v1v1v1h-logos {
width: 150px !important;
}

#editbody1 .v1v1v1h-logos2 {
width: 150px !important;
}

#editbody1 .v1v1v1showMobileHeaderCTA {
display: block !important;
width: 100% !important;
}

#editbody1 .v1v1v1width50 {
width: 50% !important;
}

#editbody1 h1.v1v1v1headline {
font-size: 24px !important;
line-height: 32px !important;
}

#editbody1 .v1v1v1headline-icon {
width: 50px !important;
}

#editbody1 .v1v1v1hom {
display: none !important;
}
#editbody1 .v1v1v1heroLocationText {
font-size: 16px !important;
line-height: 24px !important;
}

#editbody1 .v1v1v1heroLocationDateTime {
font-size: 20px !important;
line-height: 26px !important;
}

#editbody1 .v1v1v1heroFrameImg {
width: 95% !important;
}

#editbody1 .v1v1v1bgColorWhite {
background-color: #ffffff !important;
}

#editbody1 .v1v1v1bgColorGray {
background-color: #f1f3f4 !important;
}

#editbody1 .v1v1v1heroFullPadding {
padding-top: 113px !important;
}

#editbody1 .v1v1v1heroFullInnerPadding {
padding: 32px 16px 40px 16px !important;
}

#editbody1 .v1v1v1fullPhotoMobile {
height: 165px !important;
background-size: cover !important;
background-position: 100% 90% !important;
}

#editbody1 .v1v1v1mobileH1 {
display: block !important;
mso-hide: none !important;
}

#editbody1 .v1v1v1alignLeft {
direction: ltr !important;
text-align: left !important;
}

#editbody1 .v1v1v1mobile-height {
height: auto !important;
}

#editbody1 .v1v1v1mobile-map-img {
width: 100% !important;
display: block !important;
max-height: 100% !important;
overflow: visible !important;
}

#editbody1 .v1v1v1mobile-pa-hero-img {
padding-bottom: 24px !important;
width: 100% !important;
display: block !important;
max-height: 100% !important;
overflow: visible !important;
}

#editbody1 .v1v1v1mobile-map-img img {


width: 100% !important;
}

#editbody1 .v1v1v1width100 {
width: 100% !important;
max-width: 100% !important;
}

#editbody1 .v1v1v1mobile-block {
display: block !important;
}

#editbody1 .v1v1v1pad-t24 {
padding-top: 24px !important;
}

#editbody1 .v1v1v1pad-r0 {
padding-right: 0 !important;
}

#editbody1 .v1v1v1pad-t0 {
padding-top: 0 !important;
}

#editbody1 .v1v1v1pad-b40 {
padding-bottom: 40px !important;
}

#editbody1 .v1v1v1pad-b16 {
padding-bottom: 16px !important;
}

#editbody1 .v1v1v1pad-b12 {
padding-bottom: 12px !important;
}

#editbody1 .v1v1v1pad-b24 {
padding-bottom: 24px !important;
}

#editbody1 .v1v1v1pad-b20 {
padding-bottom: 20px !important;
}

#editbody1 .v1v1v1pad-b32 {
padding-bottom: 32px !important;
}

#editbody1 .v1v1v1pad-t16 {
padding-top: 16px !important;
}
#editbody1 .v1v1v1pad-t24 {
padding-top: 24px !important;
}

#editbody1 .v1v1v1pad-l15 {
padding-left: 15px !important;
}

#editbody1 .v1v1v1pad-l10 {
padding-left: 10px !important;
}

#editbody1 .v1v1v1pad-l0 {
padding-left: 0 !important;
}

#editbody1 .v1v1v1pad-all0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}

#editbody1 .v1v1v1pad-location {
padding-top: 20px !important;
padding-left: 0 !important;
}

#editbody1 .v1v1v1pad-img-features {
padding-top: 16px !important;
padding-bottom: 24px !important;
}

#editbody1 .v1v1v1pad-map-cal1 {
padding: 24px 25px 14px 25px !important;
width: auto !important;
}

#editbody1 .v1v1v1pad-map-cal2 {
padding: 0 25px 20px 25px !important;
width: auto !important;
}

#editbody1 .v1v1v1pad-map-cal3 {
padding: 20px 25px 20px 25px !important;
width: auto !important;
}

#editbody1 .v1v1v1time {
width: 100% !important;
display: block !important;
border-bottom: none !important;
padding-bottom: 0 !important;
}

#editbody1 .v1v1v1info {
width: 100% !important;
display: block !important;
padding-top: 0 !important;
}

#editbody1 .v1v1v1column {
max-width: 50% !important;
width: 49% !important;
}

#editbody1 .v1v1v1contents {
width: 90% !important;
}

#editbody1 .v1v1v1three-column img {


width: 100% !important;
max-width: 100% !important;
}

#editbody1 .v1v1v1p-column {
max-width: 50% !important;
width: 49% !important;
padding-bottom: 20px !important;
}

#editbody1 .v1v1v1partner-column img {


width: 100% !important;
max-width: 100% !important;
}

#editbody1 .v1v1v1prefooter-parent {
padding-bottom: 22px !important;
}

#editbody1 .v1v1v1no-float {
float: none !important;
}

#editbody1 .v1v1v1h177 {
height: auto;
}

#editbody1 .v1v1v1h112 {
height: auto;
}

#editbody1 .v1v1v1h212 {
height: auto;
}
}

<blade media|%20screen%20and%20(max-width%3A%20380px)%20%7B%0D>#editbody1
img.v1v1v1partner-logo {
max-height: 20px !important;
width: auto !important;
}
}

<blade media|%20screen%20and%20(max-width%3A%20350px)%20%7B
%0D>#editbody1 .v1v1v1column {
max-width: 100% !important;
width: 100% !important;
text-align: center !important;
}

#editbody1 .v1v1v1contents {
width: 100% !important;
}

#editbody1 .v1v1v1three-column img {


width: 80% !important;
max-width: 80% !important;
margin: 0 auto !important;
}
}

#editbody1 img.v1v1v1no-arrow+div {
display: none !important;
}
</style>
<style type="text/css">
#editbody1 div#v1v1v1emailPreHeader {
display: none !important;
}
</style>
<div
id="v1v1v1emailPreHeader"
style="
mso-hide: all;
visibility: hidden;
opacity: 0;
color: transparent;
mso-line-height-rule: exactly;
line-height: 0;
font-size: 0px;
overflow: hidden;
border-width: 0;
display: none !important;
"
>
UPQUALITY Training & Consultant, build Indonesia competence
</div>
<center style="width: 100%; table-layout: fixed">
<div
style="
background-color: #f8f9fa;
width: 100%;
max-width: 600px;
margin: 0 auto;
"
>
<table
class="v1v1v1container"
style="
max-width: 600px;
width: 600px;
word-break: break-word;
margin: 0 auto;
"
border="0"
width="600"
cellspacing="0"
cellpadding="0"
align="center"
bgcolor="#FFFFFF"
>
<tbody>
<tr>
<td
id="v1v1v1moduleContainer"
class="v1v1v1mktoContainer"
style="background-color: #ffffff"
align="center"
valign="top"
bgcolor="#ffffff"
>
<table
id="v1v1v1headerLogoCTAModulea77f581e-27c4-4f28-b15e-
c7e1d0de003a"
class="v1v1v1mktoModule"
style="
max-width: 600px;
width: 100%;
background: #f8f9fa;
"
border="0"
width="600"
cellspacing="0"
cellpadding="0"
align="center"
>
<tbody>
<tr >
<td
id="v1v1v1header-Logo-cta777cefa0-9ed3-4db1-b3da-
d049e2c47303"
class="v1v1v1header v1v1v1mktoText"
dir="ltr"
style="padding: 24px 24px 24px 30px;"
valign="top"
>
<table
style="max-width: 600px; width: 100%"
border="0"
width="600"
cellspacing="0"
cellpadding="0"
align="left"
>
<tbody>
<tr>
<td
class="v1v1v1width50 v1v1v1pad-l0"
style="
font-family: 'Google Sans', 'Noto Sans JP',
Arial, sans-serif;
padding-left: 20px;
font-size: 14px;
vertical-align: middle;
width: 300px;
text-align: left;
"
align="left"
valign="middle"
width="300"
>
<img

src="https://galeri.upquality.net/public/uploads/original/a4/f9/20cf7e473d01cdc8759
6a1574aa8.png"
width="141"
height="69"
/>
</td>
<td
class="v1v1v1showMobileHeaderCTA"
style="
font-family: 'Google Sans', 'Noto Sans JP',
Arial, sans-serif;
font-size: 14px;
vertical-align: middle;
width: 300px;
text-align: right;
display: none;
"
align="right"
valign="middle"
width="300"
>
<table
border="0"
cellspacing="0"
cellpadding="0"
align="right"
>
<tbody>
<tr>
<td
dir="ltr"
style="border-radius: 4px"
align="right"
bgcolor="#1a73e8"
>
<a
class="v1v1v1whiteText"
style="
font-family: 'Google Sans',
'Noto Sans JP', Arial, sans-serif;
color: #ffffff;
text-decoration: none;
font-size: 14px;
letter-spacing: 1px;
font-weight: bold;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #1a73e8;
margin: 0;
padding: 14px 16px 14px 16px;
display: inline-block;
"
href="https://upquality.net="
target="_blank"
rel="noopener noreferrer"
>Visit our site</a
>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td
style="
font-family: 'Google Sans', 'Noto Sans JP',
Arial, sans-serif;
padding-left: 20px;
font-size: 14px;
vertical-align: middle;
width: 300px;
text-align: left;
"
>
<img

src="https://galeri.upquality.net/public/uploads/original/4c/dd/a3d817699d1976e42b4
d59d93c50.jpg"
width="616"
height="7"
/>
</td>
<td
style="
font-family: 'Google Sans', 'Noto Sans JP',
Arial, sans-serif;
font-size: 14px;
vertical-align: middle;
width: 300px;
text-align: right;
display: none;
"
>
&nbsp;
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table
id="v1v1v1heroGradientFrameModule32ffbea0-19b8-47e8-9a42-
b84c0acdb912"
class="v1v1v1mktoModule"
style="max-width: 600px; width: 100%"
border="0"
width="600"
cellspacing="0"
cellpadding="0"
align="center"
>
<tbody>
<tr>
<td
class="v1v1v1inner-container"
style="padding: 32px 50px 20px 50px"
valign="top"
>
<table
border="0"
width="100%"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td style="width: 100%">
<table
class="v1v1v1width100"
dir="rtl"
style="width: 235px;"
border="0"
width="235"
cellspacing="0"
cellpadding="0"
align="right"
>
<tbody>
<tr>
<td
class="v1v1v1pad-b12 v1v1v1width100"
style="
background-repeat: no-repeat !important;
background-size: cover !important;
background-image:
url('https://galeri.upquality.net/public/uploads/original/df/7a/65a23dfef0f79bc8864
04603f529.png');
width: 235px;
"
valign="top"
width="235"
height="177"
>
<div
id="v1v1v1heroFrameImage32ffbea0-19b8-
47e8-9a42-b84c0acdb912"
class="v1v1v1mktoImg"
>
<img
class="v1v1v1heroFrameImg"
style="
display: block;
width: 225px;
max-width: 225px;
text-align: right;
"

src="https://galeri.upquality.net/public/uploads/original/37/92/28c2c18719fc58c8984
69c2435d2.jpg"
width="225"
height="167"
align="right"
border="0"
/>
</div>
</td>
</tr>
</tbody>
</table>
<table
class="v1v1v1width100"
dir="ltr"
style="width: 265px"
border="0"
width="265"
cellspacing="0"
cellpadding="0"
align="left"
>
<tbody>
<tr>
<td
class="v1v1v1pad-t24 v1v1v1pad-r0
v1v1v1h177"
dir="ltr"
style="padding-right: 19px"
align="left"
valign="middle"
height="177"
>
<h1
id="v1v1v1heroFrameTitle32ffbea0-19b8-
47e8-9a42-b84c0acdb912"
class="v1v1v1mktoText v1v1v1headline"
style="
font-family: 'Google Sans Display',
'Google Sans', 'Noto Sans JP',
Arial, sans-serif;
font-size: 32px;
line-height: 40px;
color: #202124;
font-weight: bold;
margin: 0;
padding: 0;
text-align: left;
"
>
Turbo-charge your training delivery
using LMS technology
</h1>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table
style="width: 101%;"
border="0"
width="100%"
cellspacing="0"
cellpadding="0"
align="left"
>
<tbody>
<tr style="mso-hide: none">
<td
dir="ltr"
style="
padding: 24px 0px 0px;
width: 100%;
"
valign="top"
>
<p
id="v1v1v1heroFrameSubheadline32ffbea0-19b8-47e8-
9a42-b84c0acdb912"
class="v1v1v1mktoText"
style="
font-family: 'Google Sans', 'Noto Sans JP',
Arial, sans-serif;
font-size: 16px;
line-height: 24px;
color: #5f6368;
text-align: left;
margin: 0;
padding: 0;
mso-hide: none;
"
>
Saatnya bagi Anda menghantarkan pelatihan
menjadi lebih mudah dan bebas masalah.
Platform LMS online akan membantu Anda lebih
optimal berkolaborasi dan berinteraksi secara
daring dengan peserta tanpa batas waktu.
</p>
</td>
</tr>
<tr style="mso-hide: none">
<td dir="ltr" width: 100%">
&nbsp;
</td>
</tr>
<tr style="display: none !important; mso-hide: all">
<td
dir="ltr"
style="
padding: 24px 0px 0px;
display: none !important;
width: 100%;
"
valign="top"
>
<table
style="
display: none !important;
mso-hide: all;
"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr
style="
display: none !important;
mso-hide: all;
"
>
<td
dir="ltr"
style="
font-family: 'Google Sans',
'Noto Sans JP', Arial, sans-serif;
padding-right: 16px;
display: none !important;
mso-hide: all;
"
valign="top"
>
<img
style="height: 21px !important"

src="https://galeri.upquality.net/public/uploads/original/db/0c/2e09980615a63cfe765
bbf96990d.png"
height="21"
/>
</td>
<td
id="v1v1v1heroFrameLocation32ffbea0-19b8-
47e8-9a42-b84c0acdb912"
class="v1v1v1mktoText
v1v1v1heroLocationText"
dir="ltr"
style="
color: #5f6368;
font-family: 'Google Sans',
'Noto Sans JP', Arial, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 21px;
display: none !important;
mso-hide: all;
"
valign="top"
>
Online Training
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="mso-hide: none">
<td
dir="ltr"
style="
width: 100%;
padding: 24px 0px 0px;
"
valign="top"
>
<table
style="mso-hide: none"
border="0"
cellspacing="0"
cellpadding="0"
align="left"
>
<tbody>
<tr style="mso-hide: none">
<th
class="v1v1v1mobile-block v1v1v1width100
v1v1v1pad-b24"
style="
font-weight: normal;
text-align: left;
mso-hide: none;
"
>
<table
style="mso-hide: none"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr style="mso-hide: none">
<td
id="v1v1v1heroFrameCTA32ffbea0-
19b8-47e8-9a42-b84c0acdb912"
class="v1v1v1mktoText"
dir="ltr"
style="
border-radius: 4px;
mso-hide: none;
"
bgcolor="#1a73e8"
>
<a
class="v1v1v1whiteText"
style="
font-family: 'Google Sans',
'Noto Sans JP', Arial,
sans-serif;
color: #ffffff;
text-decoration: none;
font-size: 14px;
letter-spacing: 1px;
font-weight: bold;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #1a73e8;
margin: 0;
padding: 14px 16px 14px 16px;
display: inline-block;
"

href="https://upquality.net/kontak/"
target="_blank"
rel="noopener noreferrer"
>Hubungi kami</a
>
</td>
</tr>
</tbody>
</table>
</th>
<th
id="v1v1v1heroFrameOptOut32ffbea0-19b8-
47e8-9a42-b84c0acdb912"
class="v1v1v1mobile-block v1v1v1width100
v1v1v1pad-l0 v1v1v1mktoText"
style="
font-weight: normal;
text-align: left;
padding-left: 24px;
display: none !important;
mso-hide: all;
"
valign="middle"
></th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table
id="v1v1v1salutationModule"
class="v1v1v1mktoModule"
style="max-width: 600px; width: 100%"
border="0"
width="600"
cellspacing="0"
cellpadding="0"
align="center"
>
<tbody>
<tr>
<td
class="v1v1v1inner-container"
dir="ltr"
style="padding: 16px 50px 4px 50px"
valign="top"
>
<p
id="v1v1v1greeting"
class="v1v1v1mktoText"
style="
font-family: 'Google Sans Text', 'Noto Sans JP',
Arial, sans-serif;
font-size: 14px;
line-height: 24px;
color: #5f6368;
text-align: left;
margin: 0;
padding: 0;
font-weight: bold;
"
>
KEPADA Yth.<br />Bapak Ketua ASOSIASI KONTRAKTOR
INDONESIA<br />Ir. Robert Mulyono<br />Ditempat
</p>
</td>
</tr>
</tbody>
</table>
<table
id="v1v1v1bodyCopyModule"
class="v1v1v1mktoModule"
style="max-width: 600px; width: 100%"
border="0"
width="600"
cellspacing="0"
cellpadding="0"
align="center"
>
<tbody>
<tr>
<td
class="v1v1v1inner-container"
dir="ltr"
style="padding: 8px 50px 8px 50px"
valign="top"
>
<p
id="v1v1v1bodyCopy"
class="v1v1v1mktoText"
style="
font-family: 'Google Sans Text', 'Noto Sans JP',
Arial, sans-serif;
font-size: 16px;
line-height: 24px;
color: #5f6368;
margin: 0;
padding: 0;
text-align: left;
"
>
Bersama ini kami dari
<strong>UPQUALITY Training &amp; Consultant, </strong
>perusahaan yang bergerak di bidang konsultansi mutu,
audit, ISO, pelatihan online (LMS), akreditasi
pendidikan tinggi dan organizer for multi-event &amp;
conference, memohon ijin untuk menyampaikan proposal
kerjasama dan portofolio perusahaan kami.
</p>
</td>
</tr>
</tbody>
</table>
<table
id="v1v1v1bodyCopyModule9ee40efe-a964-4f69-98b0-87332bfe58c4"
class="v1v1v1mktoModule"
style="max-width: 600px; width: 100%;"
border="0"
width="600"
cellspacing="0"
cellpadding="0"
align="center"
>
<tbody>
<tr>
<td
class="v1v1v1inner-container"
dir="ltr"
style="padding: 8px 50px;"
valign="top"
>
<p
id="v1v1v1bodyCopy487b37bc-dfe3-498a-97bd-c2ec86b8a5af"
class="v1v1v1mktoText"
style="
font-family: 'Google Sans Text', 'Noto Sans JP',
Arial, sans-serif;
font-size: 16px;
line-height: 24px;
color: #5f6368;
margin: 0;
padding: 0;
text-align: left;
"
>
Kami akan sangat senang bilamana diperkenankan
menghubungi Bapak/ Ibu secara langsung via telepon
atau <strong>Zoom meet</strong>, untuk kesempatan
menjelaskan lebih jauh tentang profil dan services
perusahaan kami.
</p>
<p
class="v1v1v1mktoText"
style="
font-family: 'Google Sans Text', 'Noto Sans JP',
Arial, sans-serif;
font-size: 16px;
line-height: 24px;
color: #5f6368;
margin: 0;
padding: 0;
text-align: left;
"
>
Demikian proposal ini kami sampaikan, terlampir link
<strong>Surat Pengantar</strong> dan lampiran 2 bendel
di link ini:
</p>
<ul style="margin-bottom: 0">
<li
class="v1v1v1mktoText"
style="
font-family: 'Google Sans Text', 'Noto Sans JP',
Arial, sans-serif;
font-size: 14px;
line-height: 24px;
color: #5f6368;
text-align: left;
"
>
Link surat pengantar
<a
title="Surat pengantar proposal"
href="https://t.ly/K5fn"
target="_blank"
rel="noopener noreferrer"
>https://t.ly/K5fn</a
>
</li>
<li
class="v1v1v1mktoText"
style="
font-family: 'Google Sans Text', 'Noto Sans JP',
Arial, sans-serif;
font-size: 14px;
line-height: 24px;
color: #5f6368;
text-align: left;
"
>
Link portofolio perusahaan
<a
title="Portofolio perusahaan"
href="https://t.ly/c2OL"
target="_blank"
rel="noopener noreferrer"
>https://t.ly/c2OL</a
>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
<table
id="v1v1v1bodyCopyModulef392553e-5824-49bf-8a85-c98264096168"
class="v1v1v1mktoModule"
style="max-width: 600px; width: 100%;"
border="0"
width="600"
cellspacing="0"
cellpadding="0"
align="center"
>
<tbody>
<tr>
<td
class="v1v1v1inner-container"
dir="ltr"
style="padding: 8px 50px;"
valign="top"
>
<p
id="v1v1v1bodyCopy56f44d4d-f941-4ffc-8e93-dafd053f527d"
class="v1v1v1mktoText"
style="
font-family: 'Google Sans Text', 'Noto Sans JP',
Arial, sans-serif;
font-size: 16px;
line-height: 24px;
color: #5f6368;
margin: 0;
padding: 0;
text-align: left;
"
>
Besar harapan kami menerima kabar baik dari Bapak/ Ibu
untuk berkomunikasi langsung sesegera mungkin.
</p>
<p
class="v1v1v1mktoText"
style="
font-family: 'Google Sans Text', 'Noto Sans JP',
Arial, sans-serif;
font-size: 16px;
line-height: 24px;
color: #5f6368;
margin: 0;
padding: 0;
text-align: left;
"
>
Terima kasih.
</p>
</td>
</tr>
</tbody>
</table>
<table
id="v1v1v1unorderedListModulee0024da4-1594-4c51-9278-
0efd314bb235"
class="v1v1v1mktoModule"
style="max-width: 600px; width: 99.5%"
border="0"
width="600"
cellspacing="0"
cellpadding="0"
align="center"
>
<tbody>
<tr>
<td
class="v1v1v1inner-container"
dir="ltr"
style="padding: 8px 50px; width: 100%"
valign="top"
>
<p>Hormat saya,</p>
<p>
&nbsp;&nbsp;<img

src="https://galeri.upquality.net/public/uploads/original/cb/25/7b8c583d00592bae958
07c0db1d4.png"
width="89"
height="96"
/>
</p>
<p>M. Luthfi Yasin</p>
<p>
<strong>MarkComm</strong><br /><strong>T:</strong>
081-332-648-776 - <strong>WA</strong> 0899-401-401-7
</p>
<p>&nbsp;</p>
</td>
</tr>
</tbody>
</table>
<table
id="v1v1v1ctaModule667637ab-a905-4abb-92dd-ad004e1e9c6c"
class="v1v1v1mktoModule"
style="max-width: 600px; width: 100%"
border="0"
width="600"
cellspacing="0"
cellpadding="0"
align="center"
>
<tbody>
<tr>
<td
class="v1v1v1inner-container"
style="padding: 16px 50px 16px 50px"
valign="top"
>
<table
border="0"
cellspacing="0"
cellpadding="0"
align="left"
>
<tbody>
<tr>
<td
id="v1v1v1ctaModuleContentfd8322a2-c88d-4264-9819-
c24a2dd22fd9"
class="v1v1v1mktoText"
dir="ltr"
style="border-radius: 3px"
bgcolor="#1a73e8"
>
<a
class="v1v1v1whiteText"
style="
font-family: 'Google Sans', Roboto,
'Noto Sans JP', Arial, sans-serif;
color: #ffffff;
text-decoration: none;
font-size: 14px;
letter-spacing: 1px;
font-weight: 500;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #1a73e8;
padding: 14px 16px 14px 16px;
display: inline-block;
"
href="https://upquality.net/"
target="_blank"
rel="noopener noreferrer"
>www.upquality.net</a
>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table
id="v1v1v1toutRuleModule7f466db2-e304-4310-ab9f-1caab4e85cc2"
class="v1v1v1mktoModule"
style="max-width: 600px; width: 100%"
border="0"
width="600"
cellspacing="0"
cellpadding="0"
align="center"
>
<tbody>
<tr>
<td
class="v1v1v1inner-container"
style="padding: 16px 50px 16px 50px"
valign="top"
>
<table
style="width: 100.2%"
border="0"
width="501"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td
class="v1v1v1inner-container"
style="
background-color: #f1f3f4;
line-height: 1px;
font-size: 1px;
width: 100%;
"
valign="top"
height="1"
>
&nbsp;
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table
id="v1v1v1toutModuleb28bcb41-5386-406a-8843-a6a94ec5712f"
class="v1v1v1mktoModule"
style="max-width: 600px; width: 100%;"
border="0"
width="600"
cellspacing="0"
cellpadding="0"
align="center"
>
<tbody>
<tr>
<td
class="v1v1v1inner-container"
dir="ltr"
style="padding: 8px 50px 20px;"
align="left"
valign="top"
>
<div
id="v1v1v1toutModuleContentb28bcb41-5386-406a-8843-
a6a94ec5712f"
class="v1v1v1mktoText"
>
<table
class="v1v1v1width100"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<th
class="v1v1v1width100 v1v1v1mobile-block
v1v1v1prefooter-parent"
style="text-align: left"
>
<table
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td
dir="ltr"
style="width: 24px"
align="center"
width="24"
>
<img
class="v1v1v1no-arrow"
style="
display: block;
margin: 0;
height: 20px;
"

src="https://galeri.upquality.net/public/uploads/original/31/d8/056b276934b874b4232
f672016fc.png"
height="20"
/>
</td>
<td
dir="ltr"
style="
white-space: nowrap;
padding-left: 7px;
"
>
<a
style="
font-family: 'Google Sans',
'Noto Sans JP', Arial,
sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 18px;
color: #1a73e8;
margin: 0;
padding: 0;
text-align: left;
text-decoration: none;
"

href="https://upquality.net/portofolio/"
target="_blank"
rel="noopener noreferrer"
>Portofolio kerjasama</a
>
</td>
</tr>
</tbody>
</table>
</th>
<th
class="v1v1v1hom"
style="width: 60px; min-width: 20px"
>
&nbsp;
</th>
<th
class="v1v1v1width100 v1v1v1mobile-block
v1v1v1prefooter-parent"
style="text-align: left"
>
<table
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td
dir="ltr"
style="width: 24px"
align="center"
width="24"
>
<img
class="v1v1v1no-arrow"
style="
display: block;
margin: 0;
height: 20px;
"

src="https://galeri.upquality.net/public/uploads/original/1f/67/fd7308df7edd1f21d06
4377e5ac8.png"
height="20"
/>
</td>
<td
dir="ltr"
style="
white-space: nowrap;
padding-left: 7px;
"
>
<a
style="
font-family: 'Google Sans',
'Noto Sans JP', Arial,
sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 18px;
color: #1a73e8;
margin: 0;
padding: 0;
text-align: left;
text-decoration: none;
"
href="https://upquality.net/"
target="_blank"
rel="noopener noreferrer"
>Cek web kami</a
>
</td>
</tr>
</tbody>
</table>
</th>
<th
class="v1v1v1hom"
style="width: 60px; min-width: 20px"
>
&nbsp;
</th>
<th
class="v1v1v1width100 v1v1v1mobile-block"
style="text-align: left"
>
<table
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td
dir="ltr"
style="width: 24px"
align="center"
width="24"
>
<img
class="v1v1v1no-arrow"
style="
display: block;
margin: 0;
height: 20px;
"

src="https://galeri.upquality.net/public/uploads/original/50/a2/7d621a22100725b111c
d6d0dffd7.png"
height="20"
/>
</td>
<td
dir="ltr"
style="
white-space: nowrap;
padding-left: 7px;
"
>
<a
style="
font-family: 'Google Sans',
'Noto Sans JP', Arial,
sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 18px;
color: #1a73e8;
margin: 0;
padding: 0;
text-align: left;
text-decoration: none;
"
href="mailto:[email protected]"
rel="noreferrer"
>Kontak Marketing</a
>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</center>
<p>
<img
style="display: none !important"
src="https://lms.upquality.net/"
width="1"
height="1"
/>
</p>
</div>
</div>

You might also like