2017-02-28 16:41:38 +00:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" / >
< meta name = "viewport" content = "initial-scale=1.0" / >
< meta name = "format-detection" content = "telephone=no" / >
< title style = "-ko-bind-text: @titleText" > TITLE< / title >
< style type = "text/css" >
@supports -ko-blockdefs {
id { widget: id }
size { label: Size; widget: select; options: 8|9|10|11|12|13|14|15|16|18|20|22|25|28|31; }
visible { label: Visible?; widget: boolean }
color { label: Color; widget: color }
radius {
label: Corner Radius;
widget: integer;
max: 20;
help: Attention - this property is not supported on all email clients (i.e. Outlook)
}
face { label: Font; widget: select; options: Arial, Helvetica, sans-serif=Arial|Arial Black, Arial Black, Gadget, sans-serif=Arial Black|Comic Sans MS, Comic Sans MS5, cursive=Comic Sans|Courier New, Courier New, monospace=Courier|Georgia, serif=Georgia|Impact, sans-serif=Impact|Lucida Console, Monaco, monospace=Lucida Console|Lucida Sans Unicode, Lucida Grande, sans-serif=Lucida Sans Unicode|Times New Roman, Times, serif=Times New Roman|Verdana, Geneva, sans-serif=Verdana}
decoration { label: Decoration; widget: select; options: none=None|underline=Underline }
linksColor { label: Link Color; extend: color }
linksDecoration { label: Underlined Links?; extend: decoration }
buttonColor { label: Button Color; extend: color }
text { label: Paragraph; widget: text }
url { label: Link; widget: url }
src { label: Image; widget: src }
hrWidth { label: Width; widget: select; options:10|20|30|40|50|60|70|80|90|100; }
hrHeight { label: Line height; widget: integer; max: 80; }
height { label: Height; widget: integer }
imageHeight { label: Image Height; extend: height; }
spacerSize { label: Height; widget: integer; max: 90; min: 4; }
align { label: Alignment; widget: select; options:left=Left|right=Right|center=Center}
alt {
label: Alternative Text;
widget: text;
help: Alternative text will be shown on email clients that does not download image automatically;
}
2017-03-09 10:55:09 +00:00
sponsor { label: Sponsor; properties: visible=true; }
titleText { label: HTML Title; extend: text; }
2017-02-28 16:41:38 +00:00
gutterVisible { label: Show Gutter; extend: visible }
socialIconType { label: Icon Version;widget: select; options:bw=Black and White|colors=Colors; }
preheaderLinkOption {
label: Unsubscribe Link;
widget: select;
2017-03-09 10:55:09 +00:00
options: [LINK_PREFERENCES]=Preferences|[LINK_UNSUBSCRIBE]=Unsubscribe|none=None;
2017-02-28 16:41:38 +00:00
help: If -None- is selected, preHeader text will be shown;
}
2017-03-09 10:55:09 +00:00
2017-02-28 16:41:38 +00:00
hrStyle { label: Separator Style;properties:color hrWidth hrHeight; }
hrStyle:preview { height: 200%; width: 200%; bottom: 20px; -ko-border-bottom: @[hrHeight]px solid @color; }
preheaderVisible { label: Show Preheader; extend: visible; help: Preheader block is the first one on the top of the page. It contains web version link and optionally unsubscribe link or a preheader text that will be shown as a preview on some email clients; }
/* content types */
blocks { label: Blocks; properties: blocks[]; }
link { label: Link; properties: text url }
image { label: Image; properties: src url alt }
backgroundColor { label: Background Color; extend: color }
buttonLink { label: Button; extend: link }
2017-03-09 10:55:09 +00:00
2017-02-28 16:41:38 +00:00
/* texts and links */
textStyle { label: Text; properties: face color size }
textStyle:preview { -ko-bind-text: @['AaZz']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }
linkStyle { label: Link; properties: face color size decoration=none }
linkStyle:preview { -ko-bind-text: @['Link']; -ko-font-size: @[size]px; -ko-font-family: @face; -ko-color: @color; -ko-text-decoration: @[decoration] }
longTextStyle { label: Paragraph; properties: face color size linksColor }
longTextStyle:preview { -ko-bind-text: @['AaZz']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }
bigButtonStyle { label: Big Button; extend: buttonStyle }
titleTextStyle { label: Title; extend: textStyle }
/* background */
externalBackgroundColor { label: External Background; extend: color }
externalTextStyle { label: Alternative Text; extend: textStyle }
externalTextStyle:preview { -ko-bind-text: @['AaZz']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }
2017-03-09 10:55:09 +00:00
2017-02-28 16:41:38 +00:00
bigTitleStyle { label: Title; properties: face color size align}
bigTitleStyle:preview { -ko-bind-text: @['AaZz']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }
/* buttons */
buttonStyle color { label: Text Color; extend: color }
buttonStyle size { label: Text Size; extend: size }
buttonStyle { label: Button; properties: face color size buttonColor radius }
buttonStyle:preview { -ko-bind-text: @['Button']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; -ko-background-color: @buttonColor; padding-left: 5px; -ko-border-radius: @[radius]px; }
2017-03-09 10:55:09 +00:00
2017-02-28 16:41:38 +00:00
/* contents */
preheaderText {label: PreHeader Text; extend:text; help: This text will be shown on some email clients as a preview of the email contents;}
leftImage { label: Left Image; extend: image }
leftLongText { label: Left Text; extend: text }
leftButtonLink { label: Left Button; extend: buttonLink }
middleImage { label: Central Image; extend: image }
middleLongText { label: Central Text; extend: text }
middleButtonLink { label: Central Button; extend: buttonLink }
rightImage { label: Right Image; extend: image }
rightLongText { label: Right Text; extend: text }
rightButtonLink { label: Right Button; extend: buttonLink }
webversionText{ label: Web Link Text; extend: text;}
unsubscribeText{ label: Unsubscribe Link; extend: text;}
titleVisible { label: Show Title; extend: visible; }
buttonVisible { label: Show Button; extend: visible; }
imageVisible { label: Show Image; extend: visible; }
contentTheme { label: Main Style; }
contentTheme:preview { -ko-background-color: @[backgroundColor] }
frameTheme { label: Frame Style; }
frameTheme:preview { -ko-background-color: @[backgroundColor] }
template preheaderText { label: Preheader; }
template { label: Page; theme: frameTheme ;properties: preheaderVisible=true; version: 1.0.6; }
footerBlock { label: Unsubscribe Block; theme: frameTheme }
2017-03-09 10:55:09 +00:00
2017-02-28 16:41:38 +00:00
socialBlock fbVisible { label: Facebook; }
socialBlock twVisible { label: Twitter }
socialBlock ggVisible { label: Google+ }
socialBlock inVisible { label: LinkedIn }
socialBlock flVisible { label: Flickr }
socialBlock viVisible { label: Vimeo }
socialBlock webVisible { label: Website }
socialBlock instVisible { label: Instagram }
socialBlock youVisible { label: YouTube }
socialBlock fbUrl { label: Facebook Link}
socialBlock twUrl { label: Twitter Link}
socialBlock ggUrl { label: Google+ Link}
socialBlock inUrl { label: LinkedIn Link}
socialBlock flUrl { label: Flickr Link}
socialBlock viUrl { label: Vimeo Link}
socialBlock webUrl { label: Website Link}
socialBlock instUrl { label: Instagram Link}
socialBlock youUrl { label: YouTube Link}
socialBlock {
label: Social Block;
properties: socialIconType=colors fbVisible=true fbUrl twVisible=true twUrl ggVisible=true ggUrl webVisible=false webUrl inVisible=false inUrl flVisible=false flUrl viVisible=false viUrl instVisible=false instUrl youVisible=false youUrl longTextStyle longText backgroundColor;
variant:socialIconType;
theme: frameTheme
}
2017-03-09 10:55:09 +00:00
2017-02-28 16:41:38 +00:00
preheaderBlock { label:Preheader Block; theme: frameTheme}
sideArticleBlock imagePos {label:Image position;widget:select; options: left=Left|right=Right; }
sideArticleBlock imageWidth { label: Image Size; widget: select; options: 120=Small|166=Medium|258=Big; }
sideArticleBlock { label: Image+Text Block; properties: backgroundColor titleVisible=true buttonVisible=true imageWidth=166 imagePos=left titleTextStyle longTextStyle buttonStyle image longText buttonLink; variant:imagePos; theme: contentTheme }
textBlock { label: Text Block; properties: backgroundColor longTextStyle longText; theme: contentTheme}
singleArticleBlock { label: Image/Text Block; properties: backgroundColor titleVisible=true buttonVisible=true imageVisible=true titleTextStyle longTextStyle buttonStyle image longText buttonLink;theme: contentTheme}
doubleArticleBlock { label: 2 Columns Block; properties: backgroundColor titleVisible=true buttonVisible=true imageVisible=true titleTextStyle longTextStyle buttonStyle leftImage leftLongText leftButtonLink rightImage rightLongText rightButtonLink; theme: contentTheme}
tripleArticleBlock { label: 3 Columns Block; properties: backgroundColor titleVisible=true buttonVisible=true imageVisible=true titleTextStyle longTextStyle buttonStyle leftImage leftLongText leftButtonLink middleImage middleLongText middleButtonLink rightImage rightLongText rightButtonLink; theme: contentTheme}
2017-03-09 10:55:09 +00:00
2017-02-28 16:41:38 +00:00
logoBlock imageWidth { label: Image Size; widget: select; options: 166=Small|258=Medium|350=Big; variant:imageWidth;}
logoBlock { label: Logo Block; properties: image imageWidth=258; variant: imageWidth; theme: contentTheme}
2017-03-09 10:55:09 +00:00
2017-02-28 16:41:38 +00:00
titleBlock { label: Title; theme: contentTheme}
imageBlock longTextStyle {
label: Alternative Text;
}
imageBlock { label: Image; properties: gutterVisible=false; variant: gutterVisible; theme: contentTheme }
doubleImageBlock longTextStyle {
label: Alternative Text;
}
doubleImageBlock { label: Two Image Gallery Block; properties: gutterVisible=false; variant: gutterVisible; theme: contentTheme }
tripleImageBlock longTextStyle {
label: Alternative Text;
}
tripleImageBlock { label: Three Image Gallery Block;properties:gutterVisible=false;variant:gutterVisible; theme: contentTheme}
buttonBlock { label: Button Block; theme: contentTheme}
hrBlock { label: Separator Block; theme: contentTheme}
spacerBlock { label: Spacer Block; theme: contentTheme}
spacerBlock:preview,
logoBlock:preview { -ko-background-color: @[externalBackgroundColor] }
preheaderBlock:preview,
hrBlock:preview,
sideArticleBlock:preview,
textBlock:preview,
singleArticleBlock:preview,
doubleArticleBlock:preview,
tripleArticleBlock:preview,
titleBlock:preview,
footerBlock:preview,
socialBlock:preview,
buttonBlock:preview,
titleBlock:preview,
socialshareBlock:preview { -ko-background-color: @[backgroundColor] }
}
< / style >
< style type = "text/css" data-inline = "true" >
body { Margin: 0; padding: 0; }
img { border: 0px; display: block; }
.socialLinks { font-size: 6px; }
.socialLinks a {
display: inline-block;
}
.socialIcon {
display: inline-block;
vertical-align: top;
padding-bottom: 0px;
border-radius: 100%;
}
.oldwebkit { max-width: 570px; }
td.vb-outer { padding-left: 9px; padding-right: 9px; }
table.vb-container, table.vb-row, table.vb-content {
border-collapse: separate;
}
table.vb-row {
border-spacing: 9px;
}
table.vb-row.halfpad {
border-spacing: 0;
padding-left: 9px;
padding-right: 9px;
}
table.vb-row.fullwidth {
border-spacing: 0;
padding: 0;
}
table.vb-container {
padding-left: 18px;
padding-right: 18px;
}
table.vb-container.fullpad {
border-spacing: 18px;
padding-left: 0;
padding-right: 0;
}
table.vb-container.halfpad {
border-spacing: 9px;
padding-left: 9px;
padding-right: 9px;
}
table.vb-container.fullwidth {
padding-left: 0;
padding-right: 0;
}
< / style >
< style type = "text/css" >
/* yahoo, hotmail */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
.yshortcuts a { border-bottom: none !important; }
.vb-outer { min-width: 0 !important; }
.RMsgBdy, .ExternalClass {
width: 100%;
background-color: #3f3f3f;
-ko-background-color: @[_theme_.frameTheme.backgroundColor]
}
/* outlook */
table { mso-table-rspace: 0pt; mso-table-lspace: 0pt; }
#outlook a { padding: 0; }
img { outline: none; text-decoration: none; border: none; -ms-interpolation-mode: bicubic; }
a img { border: none; }
@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
table.vb-container, table.vb-row {
width: 95% !important;
}
.mobile-hide { display: none !important; }
.mobile-textcenter { text-align: center !important; }
.mobile-full {
float: none !important;
width: 100% !important;
max-width: none !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
img.mobile-full {
width: 100% !important;
max-width: none !important;
height: auto !important;
2017-03-09 10:55:09 +00:00
}
2017-02-28 16:41:38 +00:00
}
< / style >
< style type = "text/css" data-inline = "true" >
2017-03-09 10:55:09 +00:00
[data-ko-block=tripleArticleBlock] .links-color a,
[data-ko-block=tripleArticleBlock] .links-color a:link,
2017-02-28 16:41:38 +00:00
[data-ko-block=tripleArticleBlock] .links-color a:visited,
[data-ko-block=tripleArticleBlock] .links-color a:hover {
color: #3f3f3f;
-ko-color: @longTextStyle.linksColor;
text-decoration: underline;
}
[data-ko-block=tripleArticleBlock] .long-text p { Margin: 1em 0px; }
[data-ko-block=tripleArticleBlock] .long-text p:last-child { Margin-bottom: 0px; }
[data-ko-block=tripleArticleBlock] .long-text p:first-child { Margin-top: 0px; }
2017-03-09 10:55:09 +00:00
[data-ko-block=doubleArticleBlock] .links-color a,
[data-ko-block=doubleArticleBlock] .links-color a:link,
2017-02-28 16:41:38 +00:00
[data-ko-block=doubleArticleBlock] .links-color a:visited,
[data-ko-block=doubleArticleBlock] .links-color a:hover {
color: #3f3f3f;
-ko-color: @longTextStyle.linksColor;
text-decoration: underline;
}
[data-ko-block=doubleArticleBlock] .long-text p { Margin: 1em 0px; }
[data-ko-block=doubleArticleBlock] .long-text p:last-child { Margin-bottom: 0px; }
[data-ko-block=doubleArticleBlock] .long-text p:first-child { Margin-top: 0px; }
2017-03-09 10:55:09 +00:00
[data-ko-block=singleArticleBlock] .links-color a,
[data-ko-block=singleArticleBlock] .links-color a:link,
2017-02-28 16:41:38 +00:00
[data-ko-block=singleArticleBlock] .links-color a:visited,
[data-ko-block=singleArticleBlock] .links-color a:hover {
color: #3f3f3f;
-ko-color: @longTextStyle.linksColor;
text-decoration: underline;
}
[data-ko-block=singleArticleBlock] .long-text p { Margin: 1em 0px; }
[data-ko-block=singleArticleBlock] .long-text p:last-child { Margin-bottom: 0px; }
[data-ko-block=singleArticleBlock] .long-text p:first-child { Margin-top: 0px; }
2017-03-09 10:55:09 +00:00
[data-ko-block=textBlock] .links-color a,
[data-ko-block=textBlock] .links-color a:link,
2017-02-28 16:41:38 +00:00
[data-ko-block=textBlock] .links-color a:visited,
[data-ko-block=textBlock] .links-color a:hover {
color: #3f3f3f;
-ko-color: @longTextStyle.linksColor;
text-decoration: underline;
}
[data-ko-block=textBlock] .long-text p { Margin: 1em 0px; }
[data-ko-block=textBlock] .long-text p:last-child { Margin-bottom: 0px; }
[data-ko-block=textBlock] .long-text p:first-child { Margin-top: 0px; }
2017-03-09 10:55:09 +00:00
[data-ko-block=sideArticleBlock] .links-color a,
[data-ko-block=sideArticleBlock] .links-color a:link,
2017-02-28 16:41:38 +00:00
[data-ko-block=sideArticleBlock] .links-color a:visited,
[data-ko-block=sideArticleBlock] .links-color a:hover {
color: #3f3f3f;
-ko-color: @longTextStyle.linksColor;
text-decoration: underline;
}
[data-ko-block=sideArticleBlock] .long-text p { Margin: 1em 0px; }
[data-ko-block=sideArticleBlock] .long-text p:last-child { Margin-bottom: 0px; }
[data-ko-block=sideArticleBlock] .long-text p:first-child { Margin-top: 0px; }
2017-03-09 10:55:09 +00:00
[data-ko-block=socialBlock] .links-color a,
[data-ko-block=socialBlock] .links-color a:link,
2017-02-28 16:41:38 +00:00
[data-ko-block=socialBlock] .links-color a:visited,
[data-ko-block=socialBlock] .links-color a:hover {
color: #cccccc;
-ko-color: @longTextStyle.linksColor;
text-decoration: underline;
}
[data-ko-block=socialBlock] .long-text p { Margin: 1em 0px; }
[data-ko-block=socialBlock] .long-text p:last-child { Margin-bottom: 0px; }
[data-ko-block=socialBlock] .long-text p:first-child { Margin-top: 0px; }
2017-03-09 10:55:09 +00:00
[data-ko-block=footerBlock] .links-color a,
[data-ko-block=footerBlock] .links-color a:link,
2017-02-28 16:41:38 +00:00
[data-ko-block=footerBlock] .links-color a:visited,
[data-ko-block=footerBlock] .links-color a:hover {
color: #cccccc;
-ko-color: @longTextStyle.linksColor;
text-decoration: underline;
}
[data-ko-block=footerBlock] .long-text p { Margin: 1em 0px; }
[data-ko-block=footerBlock] .long-text p:last-child { Margin-bottom: 0px; }
[data-ko-block=footerBlock] .long-text p:first-child { Margin-top: 0px; }
[data-ko-block=doubleImageBlock] a,
[data-ko-block=doubleImageBlock] a:link,
[data-ko-block=doubleImageBlock] a:visited,
[data-ko-block=doubleImageBlock] a:hover {
color: #3f3f3f;
-ko-color: @longTextStyle.linksColor;
text-decoration: underline;
}
[data-ko-block=tripleImageBlock] a,
[data-ko-block=tripleImageBlock] a:link,
[data-ko-block=tripleImageBlock] a:visited,
[data-ko-block=tripleImageBlock] a:hover {
color: #3f3f3f;
-ko-color: @longTextStyle.linksColor;
text-decoration: underline;
}
[data-ko-block=imageBlock] a,
[data-ko-block=imageBlock] a:link,
[data-ko-block=imageBlock] a:visited,
[data-ko-block=imageBlock] a:hover {
color: #3f3f3f;
-ko-color: @longTextStyle.linksColor;
text-decoration: underline;
}
< / style >
< / head >
< body bgcolor = "#3f3f3f" text = "#919191" alink = "#cccccc" vlink = "#cccccc" style = "background-color: # 3f3f3f ; color: # 919191 ;
-ko-background-color: @_theme_.frameTheme.backgroundColor; -ko-attr-bgcolor: @_theme_.frameTheme.backgroundColor; -ko-color: @_theme_.frameTheme.longTextStyle.color;
-ko-attr-text: @_theme_.frameTheme.longTextStyle.color; -ko-attr-alink: @_theme_.frameTheme.longTextStyle.linksColor;
-ko-attr-vlink: @_theme_.frameTheme.longTextStyle.linksColor">
< center >
<!-- preheaderBlock -->
< div data-ko-display = "preheaderVisible" data-ko-wrap = "false" >
< table class = "vb-outer" width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#3f3f3f"
style="background-color: #3f3f3f; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor" data-ko-block="preheaderBlock">
< tr >
< td class = "vb-outer" align = "center" valign = "top" bgcolor = "#3f3f3f"
style="background-color: #3f3f3f; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor">
2017-03-09 10:55:09 +00:00
< div style = "display: none ; font-size:1px ; color: # 333333 ; line-height: 1px ; max-height:0px ; max-width: 0px ; opacity: 0 ; overflow: hidden ;
2017-02-28 16:41:38 +00:00
-ko-bind-text: @preheaderText">< / div >
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
2017-03-09 10:55:09 +00:00
< table width = "570" border = "0" cellpadding = "0" cellspacing = "0" class = "vb-row halfpad" bgcolor = "#3f3f3f"
2017-02-28 16:41:38 +00:00
style="width: 100%; max-width: 570px; background-color: #3f3f3f; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
< tr >
< td align = "center" valign = "top" bgcolor = "#3f3f3f" style = "font-size: 0 ; background-color: # 3f3f3f ;
-ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor" align="left">
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif] -->
2017-03-09 10:55:09 +00:00
<!-- [if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif] -->
< div style = "display:inline-block; max-width:276px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" border = "0" cellspacing = "9" cellpadding = "0" width = "276" style = "width: 100%;" align = "left" >
< tr >
< td width = "100%" valign = "top" align = "left" style = "font-weight: normal ; text-align:left ; font-size: 13px ;
font-family: Arial, Helvetica, sans-serif; color: #ffffff;
-ko-font-size: @[linkStyle.size]px; -ko-color: @linkStyle.color; -ko-font-family: @linkStyle.face">
2017-03-09 10:55:09 +00:00
< a data-ko-display = "preheaderLinkOption neq 'none'" data-ko-editable = "unsubscribeText" href = "[LINK_PREFERENCES]"
style="text-decoration: underline; color: #ffffff; -ko-attr-href: @preheaderLinkOption;
-ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration">Preferences< / a >
2017-02-28 16:41:38 +00:00
< span data-ko-display = "preheaderLinkOption eq 'none'" style = "font-size: 13px ; color: # 919191 ; font-weight: normal ; text-align:center ;
font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color;
-ko-font-family: @longTextStyle.face; -ko-bind-text: @preheaderText; display: none">< / span >
< / td >
< / tr >
< / table >
< / div > <!-- [if (gte mso 9)|(lte ie 8)]>
< / td > < td align = "left" valign = "top" width = "276" >
2017-03-09 10:55:09 +00:00
<![endif]--> < div style = "display:inline-block; max-width:276px; vertical-align:top; width:100%;" class = "mobile-full mobile-hide" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" border = "0" cellspacing = "9" cellpadding = "0" width = "276" style = "width: 100%; text-align: right;" align = "left" >
< tr >
< td width = "100%" valign = "top" style = "font-weight: normal ; font-size: 13px ; font-family: Arial , Helvetica , sans-serif ; color: # ffffff ;
-ko-font-size: @[linkStyle.size]px; -ko-color: @linkStyle.color; -ko-font-family: @linkStyle.face">
< span style = "color: # ffffff ; text-decoration: underline ;
-ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration">
2017-03-09 10:55:09 +00:00
< a data-ko-editable = "webversionText" href = "[LINK_BROWSER]"
2017-02-28 16:41:38 +00:00
style="text-decoration: underline; color: #ffffff;
-ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration">View in your browser< / a >
< / span >
< / td >
< / tr >
< / table >
< / div > <!-- [if (gte mso 9)|(lte ie 8)]>
< / td > < / tr > < / table > <![endif]-->
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
< / div >
<!-- /preheaderBlock -->
< div data-ko-container = "main" data-ko-wrap = "false" >
<!-- logoBlock -->
< table class = "vb-outer" width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="logoBlock">
< tr >
< td class = "vb-outer" align = "center" valign = "top" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
< table width = "570" style = "width: 100%; max-width: 570px" border = "0" cellpadding = "0" cellspacing = "18" class = "vb-container fullpad" >
< tr >
< td valign = "top" align = "center" >
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="258" style=" - ko - attr - width: @[imageWidth]"><tr><td align="center" valign="top"><![endif] -->
2017-03-09 10:55:09 +00:00
< div style = "display:inline-block; max-width:258px; -ko-max-width: @[imageWidth]px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< a data-ko-link = "image.url" href = "" style = "font-size: 18px ; font-family: Arial , Helvetica , sans-serif ; color: # f3f3f3 ;
text-decoration: none; -ko-font-size: @[externalTextStyle.size]px;
-ko-font-family: @externalTextStyle.face; -ko-color: @externalTextStyle.color">< img
2017-03-09 10:55:09 +00:00
data-ko-editable="image.src" width="258" data-ko-placeholder-height="150"
2017-02-28 16:41:38 +00:00
style="-ko-attr-alt: @image.alt; width: 100%; max-width: 258px; -ko-attr-width: @imageWidth; -ko-max-width: @[imageWidth]px;"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=258%2C150" vspace="0" hspace="0" border="0" alt="" />< / a >
2017-02-28 16:41:38 +00:00
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
<!-- /logoBlock -->
<!-- sideArticleBlock -->
< table class = "vb-outer" width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="sideArticleBlock">
< tr >
< td class = "vb-outer" align = "center" valign = "top" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
2017-03-09 10:55:09 +00:00
< table width = "570" border = "0" cellpadding = "0" cellspacing = "9" class = "vb-row fullpad" bgcolor = "#ffffff"
2017-02-28 16:41:38 +00:00
style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
< tr >
< td align = "center" class = "mobile-row" valign = "top" style = "font-size: 0;" >
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif] -->
< div data-ko-display = "imagePos eq 'left'" data-ko-wrap = "false" style = "width: 100%; max-width:184px; -ko-max-width:@[18 + Math.round(imageWidth)]px; display:inline-block" class = "mobile-full" >
2017-03-09 10:55:09 +00:00
<!-- [if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184" style=" - ko - attr - width: @[18 + Math.round(imageWidth)]"><![endif] -->
< div style = "display:inline-block; max-width:184px; -ko-max-width:@[18 + Math.round(imageWidth)]px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" border = "0" cellspacing = "9" cellpadding = "0" width = "184" style = "width: 100%; -ko-attr-width: @[18 + Math.round(imageWidth)]" align = "left" >
< tr >
< td width = "100%" valign = "top" align = "left" class = "links-color" >
< a data-ko-link = "image.url" href = "" >
< img data-ko-editable = "image.src" border = "0" hspace = "0" vspace = "0" width = "166"
data-ko-placeholder-height="130" class="mobile-full" alt=""
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=166%2C130"
2017-02-28 16:41:38 +00:00
style="vertical-align: top; width: 100%; height: auto; -ko-attr-width: @imageWidth; max-width: 166px; -ko-max-width: @[imageWidth]px; -ko-attr-alt: @image.alt" />
< / a >
< / td >
< / tr >
< / table >
< / div > <!-- [if (gte mso 9)|(lte ie 8)]></td>
<![endif]--> < / div > <!-- [if (gte mso 9)|(lte ie 8)]>
< td align = "left" valign = "top" width = "368" style = "-ko-attr-width: @[570 - 2 * 18 - Math.round(imageWidth)]" >
2017-03-09 10:55:09 +00:00
<![endif]--> < div style = "display:inline-block; max-width:368px; -ko-max-width: @[570 - 2 * 18 - Math.round(imageWidth)]px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" border = "0" cellspacing = "9" cellpadding = "0" width = "368" style = "width: 100%; -ko-attr-width: @[570 - 2 * 18 - Math.round(imageWidth)]" align = "left" >
< tr data-ko-display = "titleVisible" >
< td style = "font-size: 18px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ; text-align:left ;
-ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">
< span style = "color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable = "titleText" >
Title
< / span >
< / td >
< / tr >
< tr >
< td align = "left" style = "text-align: left ; font-size: 13px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ;
-ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
data-ko-editable="longText" class="long-text links-color">
< p > Far far away, behind the word mountains, far from the countries < a href = "" > Vokalia and Consonantia< / a > , there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.< / p >
< / td >
< / tr >
< tr data-ko-display = "buttonVisible" >
< td valign = "top" >
< table cellpadding = "0" border = "0" align = "left" cellspacing = "0" class = "mobile-full" style = "padding-top: 4px" >
< tr >
2017-03-09 10:55:09 +00:00
< td width = "auto" valign = "middle" bgcolor = "#bfbfbf" align = "center" height = "26"
2017-02-28 16:41:38 +00:00
style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;
padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;
-ko-border-radius: @[buttonStyle.radius]px;
-ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;
-ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color;">
< a data-ko-editable = "buttonLink.text" href = "" style = "text-decoration: none ; color: # 3f3f3f ; font-weight: normal ;
-ko-color: @buttonStyle.color; -ko-attr-href: @buttonLink.url">BUTTON< / a >
< / td >
< / tr >
< / table >
< / td >
< / tr >
< / table >
< / div > <!-- [if (gte mso 9)|(lte ie 8)]></td>
<![endif]--> < div data-ko-display = "imagePos eq 'right'" data-ko-wrap = "false" style = "width: 100%; max-width:184px; -ko-max-width:@[18 + Math.round(imageWidth)]px; display:inline-block; display: none;" class = "mobile-full" > <!-- [if (gte mso 9)|(lte ie 8)]>
< td data-ko-display = "imagePos eq 'right'" align = "left" valign = "top" width = "184" style = "display: none; -ko-attr-width: @[18 + Math.round(imageWidth)]" >
2017-03-09 10:55:09 +00:00
<![endif]--> < div style = "display:inline-block; max-width:184px; -ko-max-width:@[18 + Math.round(imageWidth)]px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" border = "0" cellspacing = "9" cellpadding = "0" width = "184" style = "width: 100%; -ko-attr-width: @[18 + Math.round(imageWidth)]" align = "left" >
< tr >
< td width = "100%" valign = "top" align = "left" class = "links-color" >
< a data-ko-link = "image.url" href = "" >
< img data-ko-editable = "image.src" border = "0" hspace = "0" vspace = "0" width = "166" data-ko-placeholder-height = "130" class = "mobile-full"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=166%2C130" class="mobile-full"
2017-02-28 16:41:38 +00:00
alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-width: @imageWidth; max-width: 166px; -ko-max-width: @[imageWidth]px; -ko-attr-alt: @image.alt" />
< / a >
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td><![endif] -->
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></tr></table><![endif] -->
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
<!-- /sideArticleBlock -->
<!-- singleArticleBlock -->
< table class = "vb-outer" width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="singleArticleBlock">
< tr >
< td class = "vb-outer" align = "center" valign = "top" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
2017-03-09 10:55:09 +00:00
< table width = "570" border = "0" cellpadding = "0" cellspacing = "18" class = "vb-container fullpad" bgcolor = "#ffffff"
2017-02-28 16:41:38 +00:00
style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
< tr data-ko-display = "imageVisible" >
< td width = "100%" valign = "top" align = "left" class = "links-color" >
< a data-ko-link = "image.url" href = "" >
< img data-ko-editable = "image.src" border = "0" hspace = "0" vspace = "0" width = "534" data-ko-placeholder-height = "200"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=534%2C200" class="mobile-full"
2017-02-28 16:41:38 +00:00
alt="" style="vertical-align:top; max-width:534px; width: 100%; height: auto;
-ko-attr-alt: @image.alt" />
< / a >
< / td >
< / tr >
< tr > < td > < table align = "left" border = "0" cellpadding = "0" cellspacing = "0" width = "100%" >
< tr data-ko-display = "titleVisible" >
< td style = "font-size: 18px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ; text-align:left ;
-ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">
< span style = "color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable = "text" >
Section Title
< / span >
< / td >
< / tr >
< tr data-ko-display = "titleVisible" >
< td height = "9" style = "font-size:1px; line-height: 1px;" > < / td >
< / tr >
< tr >
< td align = "left" style = "text-align: left ; font-size: 13px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ;
-ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
data-ko-editable="longText" class="long-text links-color">
< p > Far far away, behind the word mountains, far from the countries < a href = "" > Vokalia and Consonantia< / a > , there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.< / p >
< / td >
< / tr >
< tr data-ko-display = "buttonVisible" >
< td height = "13" style = "font-size:1px; line-height: 1px;" > < / td >
< / tr >
< tr data-ko-display = "buttonVisible" >
< td valign = "top" >
< table cellpadding = "0" border = "0" align = "left" cellspacing = "0" class = "mobile-full" >
< tr >
2017-03-09 10:55:09 +00:00
< td width = "auto" valign = "middle" bgcolor = "#bfbfbf" align = "center" height = "26"
2017-02-28 16:41:38 +00:00
style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;
padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;
-ko-border-radius: @[buttonStyle.radius]px;
-ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;
-ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">
< a data-ko-editable = "buttonLink.text" href = "" style = "text-decoration: none ; color: # 3f3f3f ; font-weight: normal ;
-ko-color: @buttonStyle.color; -ko-attr-href: @buttonLink.url">BUTTON< / a >
< / td >
< / tr >
< / table >
< / td >
< / tr >
< / table > < / td > < / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
<!-- /singleArticleBlock -->
<!-- TitleBlock -->
< table class = "vb-outer" width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="titleBlock">
< tr >
< td class = "vb-outer" align = "center" valign = "top" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
2017-03-09 10:55:09 +00:00
< table width = "570" border = "0" cellpadding = "0" cellspacing = "9" class = "vb-container halfpad" bgcolor = "#ffffff"
2017-02-28 16:41:38 +00:00
style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
< tr >
2017-03-09 10:55:09 +00:00
< td bgcolor = "#ffffff" align = "center"
2017-02-28 16:41:38 +00:00
style="background-color: #ffffff; font-size: 22px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align: center;
-ko-attr-align: @bigTitleStyle.align; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;
-ko-font-size: @[bigTitleStyle.size]px; -ko-font-family: @bigTitleStyle.face; -ko-color: @bigTitleStyle.color; -ko-text-align: @bigTitleStyle.align">
< span data-ko-editable = "text" > Section Title< / span >
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
<!-- /TitleBlock -->
<!-- textBlock -->
< table class = "vb-outer" width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="textBlock">
< tr >
< td class = "vb-outer" align = "center" valign = "top" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
2017-03-09 10:55:09 +00:00
< table width = "570" border = "0" cellpadding = "0" cellspacing = "18" class = "vb-container fullpad" bgcolor = "#ffffff"
2017-02-28 16:41:38 +00:00
style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
< tr >
< td align = "left" style = "text-align: left ; font-size: 13px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ;
-ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
data-ko-editable="longText" class="long-text links-color">
< p > Far far away, behind the word mountains, far from the countries < a href = "" > Vokalia and Consonantia< / a > , there live the blind texts.< / p >
< p > Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.< / p >
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
<!-- /textBlock -->
<!-- tripleArticleBlock -->
< table class = "vb-outer" width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="tripleArticleBlock">
< tr >
< td class = "vb-outer" align = "center" valign = "top" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
2017-03-09 10:55:09 +00:00
< table width = "570" border = "0" cellpadding = "0" cellspacing = "9" class = "vb-row fullpad" bgcolor = "#ffffff"
2017-02-28 16:41:38 +00:00
style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
< tr >
< td align = "center" valign = "top" class = "mobile-row" style = "font-size: 0" >
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif] -->
2017-03-09 10:55:09 +00:00
<!-- [if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif] -->
< div style = "display:inline-block; max-width:184px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" border = "0" cellspacing = "9" cellpadding = "0" width = "184" style = "width: 100%" align = "left" >
< tr data-ko-display = "imageVisible" >
< td width = "100%" valign = "top" align = "left" class = "links-color" style = "padding-bottom: 9px" >
< a data-ko-link = "leftImage.url" href = "" >
< img data-ko-editable = "leftImage.src" border = "0" hspace = "0" vspace = "0" width = "166" height = "90"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=166%2C90" class="mobile-full"
alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;
2017-02-28 16:41:38 +00:00
-ko-attr-alt: @leftImage.alt" />
< / a >
< / td >
< / tr >
< tr data-ko-display = "titleVisible" >
< td style = "font-size: 18px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ; text-align:left ;
-ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">
< span style = "color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable = "leftTitleText" > Title
< / span >
< / td >
< / tr >
< tr >
2017-03-09 10:55:09 +00:00
< td align = "left" style = "text-align: left ; font-size: 13px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ;
2017-02-28 16:41:38 +00:00
-ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
data-ko-editable="leftLongText" class="long-text links-color">
< p > Far far away, behind the word mountains, far from the countries < a href = "" > Vokalia and Consonantia< / a > , there live the blind texts. < / p >
< / td >
< / tr >
< tr data-ko-display = "buttonVisible" >
< td valign = "top" >
< table cellpadding = "0" border = "0" align = "left" cellspacing = "0" class = "mobile-full" style = "padding-top: 4px" >
< tr >
2017-03-09 10:55:09 +00:00
< td width = "auto" valign = "middle" bgcolor = "#bfbfbf" align = "center" height = "26"
2017-02-28 16:41:38 +00:00
style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;
padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;
-ko-border-radius: @[buttonStyle.radius]px;
-ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;
-ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">
< a data-ko-editable = "leftButtonLink.text" href = "" style = "text-decoration: none ; color: # 3f3f3f ; font-weight: normal ;
-ko-color: @buttonStyle.color; -ko-attr-href: @leftButtonLink.url">BUTTON< / a >
< / td >
< / tr >
< / table >
< / td >
< / tr >
< / table >
< / div > <!-- [if (gte mso 9)|(lte ie 8)]></td>
< td align = "left" valign = "top" width = "184" >
2017-03-09 10:55:09 +00:00
<![endif]--> < div style = "display:inline-block; max-width:184px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" border = "0" cellspacing = "9" cellpadding = "0" width = "184" style = "width: 100%" align = "left" >
< tr data-ko-display = "imageVisible" >
< td width = "100%" valign = "top" align = "left" class = "links-color" style = "padding-bottom: 9px" >
< a data-ko-link = "middleImage.url" >
< img data-ko-editable = "middleImage.src" border = "0" hspace = "0" vspace = "0" width = "166" height = "90"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=166%2C90" class="mobile-full"
alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;
2017-02-28 16:41:38 +00:00
-ko-attr-alt: @middleImage.alt" />
< / a >
< / td >
< / tr >
< tr data-ko-display = "titleVisible" >
< td style = "font-size: 18px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ; text-align:left ;
-ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">
< span style = "color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable = "middleTitleText" >
Title
< / span >
< / td >
< / tr >
< tr >
< td align = "left" style = "text-align: left ; font-size: 13px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ;
-ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
data-ko-editable="middleLongText" class="long-text links-color">
< p > Far far away, behind the word mountains, far from the countries < a href = "" > Vokalia and Consonantia< / a > , there live the blind texts. < / p >
< / td >
< / tr >
< tr data-ko-display = "buttonVisible" >
< td valign = "top" >
< table cellpadding = "0" border = "0" align = "left" cellspacing = "0" class = "mobile-full" style = "padding-top: 4px" >
< tr >
2017-03-09 10:55:09 +00:00
< td width = "auto" valign = "middle" bgcolor = "#bfbfbf" align = "center" height = "26"
2017-02-28 16:41:38 +00:00
style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;
padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;
-ko-border-radius: @[buttonStyle.radius]px;
-ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;
-ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">
< a data-ko-editable = "middleButtonLink.text" href = "" style = "text-decoration: none ; color: # 3f3f3f ; font-weight: normal ;
-ko-color: @buttonStyle.color; -ko-attr-href: @middleButtonLink.url">BUTTON< / a >
< / td >
< / tr >
< / table >
< / td >
< / tr >
< / table >
< / div > <!-- [if (gte mso 9)|(lte ie 8)]></td>
< td align = "left" valign = "top" width = "184" >
2017-03-09 10:55:09 +00:00
<![endif]--> < div style = "display:inline-block; max-width:184px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" border = "0" cellspacing = "9" cellpadding = "0" width = "184" style = "width: 100%" align = "right" >
< tr data-ko-display = "imageVisible" >
< td width = "100%" valign = "top" align = "left" class = "links-color" style = "padding-bottom: 9px" >
< a data-ko-link = "rightImage.url" >
< img data-ko-editable = "rightImage.src" border = "0" hspace = "0" vspace = "0" width = "166" height = "90"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=166%2C90" class="mobile-full"
alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;
2017-02-28 16:41:38 +00:00
-ko-attr-alt: @rightImage.alt" />
< / a >
< / td >
< / tr >
< tr data-ko-display = "titleVisible" >
< td style = "font-size: 18px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ; text-align:left ;
-ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">
< span style = "color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable = "rightTitleText" >
Title
< / span >
< / td >
< / tr >
< tr >
< td align = "left" style = "text-align: left ; font-size: 13px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ;
-ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
data-ko-editable="rightLongText" class="long-text links-color">
< p > Far far away, behind the word mountains, far from the countries < a href = "" > Vokalia and Consonantia< / a > , there live the blind texts. < / p >
< / td >
< / tr >
< tr data-ko-display = "buttonVisible" >
< td valign = "top" >
< table cellpadding = "0" border = "0" align = "left" cellspacing = "0" class = "mobile-full" style = "padding-top: 4px" >
< tr >
2017-03-09 10:55:09 +00:00
< td width = "auto" valign = "middle" bgcolor = "#bfbfbf" align = "center" height = "26"
2017-02-28 16:41:38 +00:00
style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;
padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;
-ko-border-radius: @[buttonStyle.radius]px;
-ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;
-ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color;">
< a data-ko-editable = "rightButtonLink.text" href = "" style = "text-decoration: none ; color: # 3f3f3f ; font-weight: normal ;
-ko-color: @buttonStyle.color; -ko-attr-href: @rightButtonLink.url">BUTTON< / a >
< / td >
< / tr >
< / table >
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td><![endif] -->
<!-- [if (gte mso 9)|(lte ie 8)]></tr></table><![endif] -->
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
<!-- /tripleArticleBlock -->
<!-- doubleArticleBlock -->
< table class = "vb-outer" width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="doubleArticleBlock">
< tr >
< td class = "vb-outer" align = "center" valign = "top" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
2017-03-09 10:55:09 +00:00
< table width = "570" border = "0" cellpadding = "0" cellspacing = "9" class = "vb-row fullpad" bgcolor = "#ffffff"
2017-02-28 16:41:38 +00:00
style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
< tr >
< td align = "center" valign = "top" style = "font-size: 0" >
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif] -->
2017-03-09 10:55:09 +00:00
<!-- [if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif] -->
< div style = "display:inline-block; max-width:276px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" border = "0" cellspacing = "9" cellpadding = "0" width = "276" style = "width: 100%" align = "left" >
< tr data-ko-display = "imageVisible" >
< td width = "100%" align = "left" class = "links-color" style = "padding-bottom: 9px" >
< a data-ko-link = "leftImage.url" >
< img data-ko-editable = "leftImage.src" border = "0" hspace = "0" vspace = "0" width = "258" height = "100"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=258%2C100" class="mobile-full"
alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;
2017-02-28 16:41:38 +00:00
-ko-attr-alt: @leftImage.alt" />
< / a >
< / td >
< / tr >
< tr data-ko-display = "titleVisible" >
< td style = "font-size: 18px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ; text-align:left ;
-ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">
< span style = "color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable = "leftTitleText" >
Title
< / span >
< / td >
< / tr >
< tr >
< td align = "left" style = "text-align: left ; font-size: 13px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ;
-ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
data-ko-editable="leftLongText" class="long-text links-color">
< p > Far far away, behind the word mountains, far from the countries < a href = "" > Vokalia and Consonantia< / a > , there live the blind texts. < / p >
< / td >
< / tr >
< tr data-ko-display = "buttonVisible" >
< td valign = "top" >
< table cellpadding = "0" border = "0" align = "left" cellspacing = "0" class = "mobile-full" style = "padding-top: 4px;" >
< tr >
2017-03-09 10:55:09 +00:00
< td width = "auto" valign = "middle" bgcolor = "#bfbfbf" align = "center" height = "26"
2017-02-28 16:41:38 +00:00
style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;
padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;
-ko-border-radius: @[buttonStyle.radius]px;
-ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;
-ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">
< a data-ko-editable = "leftButtonLink.text" href = "" style = "text-decoration: none ; color: # 3f3f3f ; font-weight: normal ;
-ko-color: @buttonStyle.color; -ko-attr-href: @leftButtonLink.url">BUTTON< / a >
< / td >
< / tr >
< / table >
< / td >
< / tr >
< / table >
< / div > <!-- [if (gte mso 9)|(lte ie 8)]></td>
< td align = "left" valign = "top" width = "276" >
2017-03-09 10:55:09 +00:00
<![endif]--> < div style = "display:inline-block; max-width:276px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" border = "0" cellspacing = "9" cellpadding = "0" width = "276" style = "width: 100%" align = "right" >
< tr data-ko-display = "imageVisible" >
< td width = "100%" valign = "top" align = "left" class = "links-color" style = "padding-bottom: 9px" >
< a data-ko-link = "rightImage.url" >
< img data-ko-editable = "rightImage.src" border = "0" hspace = "0" vspace = "0" width = "258" height = "100"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=258%2C100" class="mobile-full"
alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;
2017-02-28 16:41:38 +00:00
-ko-attr-alt: @rightImage.alt" />
< / a >
< / td >
< / tr >
< tr data-ko-display = "titleVisible" >
< td style = "font-size: 18px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ; text-align:left ;
-ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">
< span style = "color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable = "rightTitleText" >
Title
< / span >
< / td >
< / tr >
< tr >
< td align = "left" style = "text-align: left ; font-size: 13px ; font-family: Arial , Helvetica , sans-serif ; color: # 3f3f3f ;
-ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
data-ko-editable="rightLongText" class="long-text links-color">
< p > Far far away, behind the word mountains, far from the countries < a href = "" > Vokalia and Consonantia< / a > , there live the blind texts.< / p >
< / td >
< / tr >
< tr data-ko-display = "buttonVisible" >
< td valign = "top" >
< table cellpadding = "0" border = "0" align = "left" cellspacing = "0" class = "mobile-full" style = "padding-top: 4px;" >
< tr >
2017-03-09 10:55:09 +00:00
< td width = "auto" valign = "middle" bgcolor = "#bfbfbf" align = "center" height = "26"
2017-02-28 16:41:38 +00:00
style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;
padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;
-ko-border-radius: @[buttonStyle.radius]px;
-ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;
-ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">
< a data-ko-editable = "rightButtonLink.text" href = "" style = "text-decoration: none ; color: # 3f3f3f ; font-weight: normal ;
-ko-color: @buttonStyle.color; -ko-attr-href: @rightButtonLink.url">BUTTON< / a >
< / td >
< / tr >
< / table >
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td><![endif] -->
<!-- [if (gte mso 9)|(lte ie 8)]></tr></table><![endif] -->
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
<!-- /doubleArticleBlock -->
<!-- hrBlock -->
< table class = "vb-outer" width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="hrBlock">
< tr >
< td class = "vb-outer" align = "center" valign = "top" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
< table width = "570" border = "0" cellpadding = "0" cellspacing = "9" class = "vb-container halfpad" bgcolor = "#ffffff"
style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
< tr >
< td valign = "top" bgcolor = "#ffffff" style = "background-color: # ffffff ;
-ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor" align="center">
< table width = "100%" cellspacing = "0" cellpadding = "0" border = "0"
style="width:100%; -ko-width: @[hrStyle.hrWidth]%; -ko-attr-width: @[hrStyle.hrWidth]%">
< tr >
< td width = "100%" height = "1" style = "font-size:1px; line-height: 1px ; width: 100 % ; background-color: # 3f3f3f ;
-ko-background-color: @hrStyle.color; -ko-attr-height: @hrStyle.hrHeight; -ko-line-height: @[hrStyle.hrHeight]px"> < / td >
< / tr >
< / table >
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
<!-- /hrBlock -->
<!-- buttonBlock -->
< table class = "vb-outer" width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="buttonBlock">
< tr >
< td class = "vb-outer" align = "center" valign = "top" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
< table width = "570" border = "0" cellpadding = "0" cellspacing = "18" class = "vb-container fullpad" bgcolor = "#ffffff"
style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
< tr >
< td valign = "top" bgcolor = "#ffffff" style = "background-color: # ffffff ;
-ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor" align="center">
< table cellpadding = "0" border = "0" align = "center" cellspacing = "0" class = "mobile-full" >
< tr >
2017-03-09 10:55:09 +00:00
< td width = "auto" valign = "middle" bgcolor = "#bfbfbf" align = "center" height = "50"
2017-02-28 16:41:38 +00:00
style="font-size:22px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; font-weight: normal;
padding-left: 14px; padding-right: 14px; background-color: #bfbfbf; border-radius: 4px;
-ko-attr-bgcolor: @bigButtonStyle.buttonColor; -ko-background-color: @bigButtonStyle.buttonColor;
-ko-border-radius: @[bigButtonStyle.radius]px;
-ko-font-size: @[bigButtonStyle.size]px; -ko-font-family: @bigButtonStyle.face; -ko-color: @bigButtonStyle.color; ">
< a data-ko-link = "link.url" data-ko-editable = "link.text" href = "" style = "text-decoration: none ; color: # 3f3f3f ; font-weight: normal ;
-ko-color: @bigButtonStyle.color;">BUTTON< / a >
< / td >
< / tr >
< / table >
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
<!-- /buttonBlock -->
<!-- imageBlock -->
< table class = "vb-outer" width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#bfbfbf" style = "background-color: # bfbfbf ;
-ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="imageBlock">
< tr >
< td class = "vb-outer" valign = "top" align = "center" >
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
< table data-ko-display = "gutterVisible eq false" width = "570" class = "vb-container fullwidth" cellpadding = "0" border = "0" bgcolor = "#ffffff" align = "center"
cellspacing="0" style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor;">
< tr >
< td valign = "top" align = "center" >
< a data-ko-link = "image.url" href = "" style = "text-decoration: none;" > < img data-ko-editable = "image.src"
hspace="0" border="0" vspace="0" width="570" data-ko-placeholder-height="200"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=570%2C200" class="mobile-full"
2017-02-28 16:41:38 +00:00
alt="" style="max-width: 570px; display: block; border-radius: 0px; width: 100%; height: auto; font-size: 13px;
font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px;
-ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color; -ko-attr-alt: @image.alt;" />< / a >
< / td >
< / tr >
< / table >
< table data-ko-display = "gutterVisible" width = "570" class = "vb-container fullpad" cellpadding = "0" border = "0" bgcolor = "#ffffff" align = "center"
cellspacing="18" style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor; display: none;">
< tr >
< td valign = "top" align = "center" >
< a data-ko-link = "image.url" href = "" style = "text-decoration: none;" > < img data-ko-editable = "image.src"
hspace="0" border="0" vspace="0" width="534" data-ko-placeholder-height="280"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=534%2C280" class="mobile-full"
2017-02-28 16:41:38 +00:00
alt="" style="max-width: 534px; display: block; border-radius: 0px; width: 100%; height: auto; font-size: 13px;
font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px;
-ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color; -ko-attr-alt: @image.alt;" />< / a >
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
<!-- imageBlock -->
<!-- doubleImageBlock -->
< table class = "vb-outer" width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#bfbfbf" style = "background-color: # bfbfbf ;
-ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="doubleImageBlock">
< tr >
< td class = "vb-outer" align = "center" valign = "top" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
< table data-ko-display = "gutterVisible eq false" width = "570" class = "vb-container fullwidth" cellpadding = "0" border = "0" bgcolor = "#ffffff" align = "center"
cellspacing="0" style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor;">
< tr >
< td valign = "top" align = "center" class = "mobile-row" style = "font-size: 0" >
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><![endif] -->
2017-03-09 10:55:09 +00:00
<!-- [if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="285"><![endif] -->
< div style = "display:inline-block; max-width:285px; vertical-align:top; width:100%; width:100%; " class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< a data-ko-link = "leftImage.url" href = "" style = "text-decoration: none;" > < img data-ko-editable = "leftImage.src"
hspace="0" align="left" border="0" vspace="0" width="285" height="180" class="mobile-full"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=285%2C180"
2017-02-28 16:41:38 +00:00
alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
-ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @leftImage.alt;" />< / a >
< / div > <!-- [if (gte mso 9)|(lte ie 8)]></td>
< td align = "left" valign = "top" width = "285" >
2017-03-09 10:55:09 +00:00
<![endif]--> < div style = "display:inline-block; max-width:285px; vertical-align:top; width:100%; width:100%; " class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< a data-ko-link = "rightImage.url" href = "" style = "text-decoration: none;" > < img data-ko-editable = "rightImage.src"
hspace="0" align="right" border="0" vspace="0" width="285" height="180" class="mobile-full"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=285%2C180"
2017-02-28 16:41:38 +00:00
alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
-ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @rightImage.alt;" />< / a >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td><![endif] -->
<!-- [if (gte mso 9)|(lte ie 8)]></tr></table><![endif] -->
< / td >
< / tr >
< / table >
2017-03-09 10:55:09 +00:00
< table data-ko-display = "gutterVisible" width = "570" class = "vb-row fullpad" border = "0" cellpadding = "0" cellspacing = "9" bgcolor = "#ffffff"
2017-02-28 16:41:38 +00:00
style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor; display: none;">
< tr >
< td align = "center" valign = "top" bgcolor = "#ffffff" style = "background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor; font-size: 0" >
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif] -->
2017-03-09 10:55:09 +00:00
<!-- [if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif] -->
< div style = "display:inline-block; max-width:276px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" width = "276" style = "width: 100%" border = "0" cellpadding = "0" cellspacing = "9" align = "left" >
< tr >
< td valign = "top" >
< a data-ko-link = "leftImage.url" href = "" style = "text-decoration: none;" >
< img data-ko-editable = "leftImage.src"
hspace="0" align="left" border="0" vspace="0" width="258" height="180"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=258%2C180" class="mobile-full"
2017-02-28 16:41:38 +00:00
alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
-ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @leftImage.alt;" />< / a >
< / td >
< / tr >
< / table >
< / div > <!-- [if (gte mso 9)|(lte ie 8)]></td>
< td align = "left" valign = "top" width = "276" >
2017-03-09 10:55:09 +00:00
<![endif]--> < div style = "display:inline-block; max-width:276px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" width = "276" style = "width: 100%" border = "0" cellpadding = "0" cellspacing = "9" align = "right" >
< tr >
< td valign = "top" >
< a data-ko-link = "rightImage.url" href = "" style = "text-decoration: none;" > < img data-ko-editable = "rightImage.src"
hspace="0" align="right" border="0" vspace="0" width="258" height="180"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=258%2C180" class="mobile-full"
2017-02-28 16:41:38 +00:00
alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
-ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @rightImage.alt;" />< / a >
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td><![endif] -->
<!-- [if (gte mso 9)|(lte ie 8)]></tr></table><![endif] -->
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
<!-- /doubleImageBlock -->
<!-- tripleImageBlock -->
< table class = "vb-outer" width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#bfbfbf" style = "background-color: # bfbfbf ;
-ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="tripleImageBlock">
< tr >
< td class = "vb-outer" valign = "top" align = "center" style = "" >
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
< table data-ko-display = "gutterVisible eq false" width = "570" class = "vb-container fullwidth" cellpadding = "0" border = "0" bgcolor = "#ffffff" align = "center"
cellspacing="0" style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor;">
< tr >
< td valign = "top" align = "center" class = "mobile-row" style = "font-size: 0" >
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><![endif] -->
2017-03-09 10:55:09 +00:00
<!-- [if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="190"><![endif] -->
< div style = "display:inline-block; max-width:190px; vertical-align:top; width:100%; " class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< a data-ko-link = "leftImage.url" href = "" style = "text-decoration: none;" > < img data-ko-editable = "leftImage.src"
hspace="0" align="left" border="0" vspace="0" width="190" height="160" class="mobile-full"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=190%2C160"
2017-02-28 16:41:38 +00:00
alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
-ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @leftImage.alt;" />< / a >
< / div > <!-- [if (gte mso 9)|(lte ie 8)]></td>
< td align = "left" valign = "top" width = "190" >
2017-03-09 10:55:09 +00:00
<![endif]--> < div style = "display:inline-block; max-width:190px; vertical-align:top; width:100%; " class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< a data-ko-link = "middleImage.url" href = "" style = "text-decoration: none;" > < img data-ko-editable = "middleImage.src"
hspace="0" align="left" border="0" vspace="0" width="190" height="160" class="mobile-full"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=190%2C160"
2017-02-28 16:41:38 +00:00
alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
-ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @middleImage.alt;" />< / a >
< / div > <!-- [if (gte mso 9)|(lte ie 8)]></td>
< td align = "left" valign = "top" width = "190" >
2017-03-09 10:55:09 +00:00
<![endif]--> < div style = "display:inline-block; max-width:190px; vertical-align:top; width:100%; " class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< a data-ko-link = "rightImage.url" href = "" style = "text-decoration: none;" > < img data-ko-editable = "rightImage.src"
hspace="0" align="right" border="0" vspace="0" width="190" height="160" class="mobile-full"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=190%2C160"
2017-02-28 16:41:38 +00:00
alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
-ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @rightImage.alt;" />< / a >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td><![endif] -->
<!-- [if (gte mso 9)|(lte ie 8)]></tr></table><![endif] -->
< / td >
< / tr >
< / table >
< table data-ko-display = "gutterVisible" width = "570" border = "0" cellpadding = "0" cellspacing = "9" bgcolor = "#ffffff" class = "vb-row fullpad"
style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor; display: none;">
< tr >
< td align = "center" valign = "top" bgcolor = "#ffffff" style = "font-size: 0; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor" >
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif] -->
2017-03-09 10:55:09 +00:00
<!-- [if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif] -->
< div style = "display:inline-block; max-width:184px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" width = "184" style = "width: 100%" border = "0" cellpadding = "0" cellspacing = "9" align = "left" >
< tr >
< td valign = "top" >
< a data-ko-link = "leftImage.url" href = "" style = "text-decoration: none;" > < img data-ko-editable = "leftImage.src"
hspace="0" align="left" border="0" vspace="0" width="166" height="160"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=166%2C160" class="mobile-full"
2017-02-28 16:41:38 +00:00
alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
-ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @leftImage.alt;" />< / a >
< / td >
< / tr >
< / table >
< / div > <!-- [if (gte mso 9)|(lte ie 8)]></td>
< td align = "left" valign = "top" width = "184" >
2017-03-09 10:55:09 +00:00
<![endif]--> < div style = "display:inline-block; max-width:184px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" width = "184" style = "width: 100%" border = "0" cellpadding = "0" cellspacing = "9" align = "left" >
< tr >
< td valign = "top" >
< a data-ko-link = "middleImage.url" href = "" style = "text-decoration: none" > < img data-ko-editable = "middleImage.src"
hspace="0" align="left" border="0" vspace="0" width="166" height="160"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=166%2C160" class="mobile-full"
2017-02-28 16:41:38 +00:00
alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
-ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @middleImage.alt;" />< / a >
< / td >
< / tr >
< / table >
< / div > <!-- [if (gte mso 9)|(lte ie 8)]></td>
< td align = "left" valign = "top" width = "184" >
2017-03-09 10:55:09 +00:00
<![endif]--> < div style = "display:inline-block; max-width:184px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" width = "184" style = "width: 100%" border = "0" cellpadding = "0" cellspacing = "9" align = "right" >
< tr >
< td valign = "top" >
< a data-ko-link = "rightImage.url" href = "" style = "text-decoration: none" > < img data-ko-editable = "rightImage.src"
hspace="0" align="right" border="0" vspace="0" width="166" height="160"
2017-03-09 10:55:09 +00:00
src="/editorapi/img?method=placeholder& params=166%2C160" class="mobile-full"
2017-02-28 16:41:38 +00:00
alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
-ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @rightImage.alt;" />< / a >
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td><![endif] -->
<!-- [if (gte mso 9)|(lte ie 8)]></tr></table><![endif] -->
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
<!-- /tripleImageBlock -->
<!-- spacerBlock -->
< table class = "vb-outer" width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#bfbfbf"
style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="spacerBlock">
< tr >
< td class = "vb-outer" valign = "top" align = "center" bgcolor = "#bfbfbf" height = "24"
style="-ko-attr-height: @spacerSize; height: 24px; -ko-height: @[spacerSize]px; background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor;
-ko-attr-bgcolor: @externalBackgroundColor; font-size:1px; line-height: 1px;"> < / td >
< / tr >
< / table >
<!-- /spacerBlock -->
<!-- socialBlock -->
< table width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#3f3f3f"
style="background-color: #3f3f3f; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor" data-ko-block="socialBlock">
< tr >
< td align = "center" valign = "top" bgcolor = "#3f3f3f" style = "background-color: # 3f3f3f ;
-ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
< table width = "570" style = "width: 100%; max-width: 570px" border = "0" cellpadding = "0" cellspacing = "9" class = "vb-row fullpad" align = "center" >
< tr >
< td valign = "top" align = "center" style = "font-size: 0;" >
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif] -->
2017-03-09 10:55:09 +00:00
<!-- [if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif] -->
< div style = "display:inline-block; max-width:276px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" border = "0" cellspacing = "9" cellpadding = "0" width = "276" style = "width: 100%" align = "left" >
< tr >
< td valign = "middle" align = "left"
style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #919191; text-align:left;
-ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
data-ko-editable="longText" class="long-text links-color mobile-textcenter">
< p > Address and < a href = "" > Contacts< / a > < / p >
< / td >
< / tr >
< / table >
< / div > <!-- [if (gte mso 9)|(lte ie 8)]></td>
< td align = "left" valign = "top" width = "276" >
2017-03-09 10:55:09 +00:00
<![endif]--> < div style = "display:inline-block; max-width:276px; vertical-align:top; width:100%;" class = "mobile-full" >
2017-02-28 16:41:38 +00:00
< table class = "vb-content" border = "0" cellspacing = "9" cellpadding = "0" width = "276" style = "width: 100%" align = "right" >
< tr >
< td align = "right" valign = "middle" class = "links-color socialLinks mobile-textcenter" data-ko-display = "socialIconType eq 'colors'" >
< span data-ko-display = "fbVisible" data-ko-wrap = "false" > < / span >
< a data-ko-display = "fbVisible" href = "" style = "-ko-attr-href: @fbUrl" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/facebook_ok.png" alt = "Facebook" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "twVisible" data-ko-wrap = "false" > < / span >
< a data-ko-display = "twVisible" href = "" style = "-ko-attr-href: @twUrl" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/twitter_ok.png" alt = "Twitter" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "ggVisible" data-ko-wrap = "false" > < / span >
< a data-ko-display = "ggVisible" href = "" style = "-ko-attr-href: @ggUrl" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/google+_ok.png" alt = "Google+" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "webVisible" data-ko-wrap = "false" style = "display: none" > < / span >
< a data-ko-display = "webVisible" href = "" style = "-ko-attr-href: @webUrl; display: none" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/web_ok.png" alt = "Web" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "inVisible" data-ko-wrap = "false" style = "display: none" > < / span >
< a data-ko-display = "inVisible" href = "" style = "-ko-attr-href: @inUrl; display: none" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/linkedin_ok.png" alt = "Linkedin" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "flVisible" data-ko-wrap = "false" style = "display: none" > < / span >
< a data-ko-display = "flVisible" href = "" style = "-ko-attr-href: @flUrl; display: none" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/flickr_ok.png" alt = "Flickr" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "viVisible" data-ko-wrap = "false" style = "display: none" > < / span >
< a data-ko-display = "viVisible" href = "" style = "-ko-attr-href: @viUrl; display: none" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/vimeo_ok.png" alt = "Vimeo" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "instVisible" data-ko-wrap = "false" style = "display: none" > < / span >
< a data-ko-display = "instVisible" href = "" style = "-ko-attr-href: @instUrl; display: none" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/instagram_ok.png" alt = "Instagram" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "youVisible" data-ko-wrap = "false" style = "display: none" > < / span >
< a data-ko-display = "youVisible" href = "" style = "-ko-attr-href: @youUrl; display: none" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/youtube_ok.png" alt = "Youtube" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< / td >
< td align = "right" valign = "middle" class = "links-color socialLinks mobile-textcenter" data-ko-display = "socialIconType eq 'bw'"
style="display: none">
< span data-ko-display = "fbVisible" data-ko-wrap = "false" > < / span >
< a data-ko-display = "fbVisible" href = "" style = "-ko-attr-href: @fbUrl" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/facebook_bw_ok.png" alt = "Facebook" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "twVisible" data-ko-wrap = "false" > < / span >
< a data-ko-display = "twVisible" href = "" style = "-ko-attr-href: @twUrl" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/twitter_bw_ok.png" alt = "Twitter" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "ggVisible" data-ko-wrap = "false" > < / span >
< a data-ko-display = "ggVisible" href = "" style = "-ko-attr-href: @ggUrl" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/google+_bw_ok.png" alt = "Google+" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "webVisible" data-ko-wrap = "false" style = "display: none" > < / span >
< a data-ko-display = "webVisible" href = "" style = "-ko-attr-href: @webUrl; display: none" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/web_bw_ok.png" alt = "Web" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "inVisible" data-ko-wrap = "false" style = "display: none" > < / span >
< a data-ko-display = "inVisible" href = "" style = "-ko-attr-href: @inUrl; display: none" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/linkedin_bw_ok.png" alt = "Linkedin" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "flVisible" data-ko-wrap = "false" style = "display: none" > < / span >
< a data-ko-display = "flVisible" href = "" style = "-ko-attr-href: @flUrl; display: none" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/flickr_bw_ok.png" alt = "Flickr" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "viVisible" data-ko-wrap = "false" style = "display: none" > < / span >
< a data-ko-display = "viVisible" href = "" style = "-ko-attr-href: @viUrl; display: none" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/vimeo_bw_ok.png" alt = "Vimeo" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "instVisible" data-ko-wrap = "false" style = "display: none" > < / span >
< a data-ko-display = "instVisible" href = "" style = "-ko-attr-href: @instUrl; display: none" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/instagram_bw_ok.png" alt = "Instagram" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< span data-ko-display = "youVisible" data-ko-wrap = "false" style = "display: none" > < / span >
< a data-ko-display = "youVisible" href = "" style = "-ko-attr-href: @youUrl; display: none" >
2017-06-20 19:27:51 +00:00
< img src = "./img/social_def/youtube_bw_ok.png" alt = "Youtube" border = "0" class = "socialIcon" / >
2017-02-28 16:41:38 +00:00
< / a >
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td><![endif] -->
<!-- [if (gte mso 9)|(lte ie 8)]></tr></table><![endif] -->
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
<!-- /socialBlock -->
2017-03-09 10:55:09 +00:00
2017-02-28 16:41:38 +00:00
< / div >
<!-- footerBlock -->
< table width = "100%" cellpadding = "0" border = "0" cellspacing = "0" bgcolor = "#3f3f3f"
style="background-color: #3f3f3f; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor" data-ko-block="footerBlock">
< tr >
< td align = "center" valign = "top" bgcolor = "#3f3f3f" style = "background-color: # 3f3f3f ;
-ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor">
<!-- [if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif] -->
< div class = "oldwebkit" >
< table width = "570" style = "width: 100%; max-width: 570px" border = "0" cellpadding = "0" cellspacing = "9" class = "vb-container halfpad" align = "center" >
< tr >
2017-03-09 10:55:09 +00:00
< td data-ko-editable = "longText" class = "long-text links-color"
2017-02-28 16:41:38 +00:00
style="text-align:center; font-size: 13px;color: #919191; font-weight: normal; text-align:center; font-family: Arial, Helvetica, sans-serif;
2017-03-09 10:55:09 +00:00
-ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face">< p > Email sent to < a href = "mailto:[EMAIL]" > [EMAIL]< / a > < / p > < / td >
2017-02-28 16:41:38 +00:00
< / tr >
< tr >
< td style = "text-align: center;" >
2017-03-09 10:55:09 +00:00
< a style = "text-decoration: underline ; color: # ffffff ; text-align: center ; font-size: 13px ;
2017-02-28 16:41:38 +00:00
font-weight: normal; font-family: Arial, Helvetica, sans-serif;
-ko-text-decoration: @linkStyle.decoration; -ko-color: @[Color.readability(linkStyle.color, backgroundColor) gt 2 ? linkStyle.color : (Color.isReadable('#ffffff', backgroundColor) ? '#ffffff' : '#000000')]; -ko-font-size: @[linkStyle.size]px; -ko-font-family: @linkStyle.face"
2017-03-09 10:55:09 +00:00
href="[LINK_UNSUBSCRIBE]">< span data-ko-editable = "disiscrivitiText" > Unsubscribe< / span > < / a >
2017-02-28 16:41:38 +00:00
< / td >
< / tr >
< tr data-ko-display = "_root_.sponsor.visible" style = "display: none;text-align:center" >
< td align = "center" >
2017-06-20 19:27:51 +00:00
< a href = "http://www.void.it" target = "_blank" rel = "noreferrer" > < img border = "0" hspace = "0" vspace = "0" src = "./img/sponsor.gif" alt = "sponsor"
2017-03-09 10:55:09 +00:00
style="Margin:auto;display:inline !important;" />< / a >
2017-02-28 16:41:38 +00:00
< / td >
< / tr >
< / table >
< / div >
<!-- [if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif] -->
< / td >
< / tr >
< / table >
<!-- /footerBlock -->
< / center >
< / body >
2017-03-09 10:55:09 +00:00
< / html >
