Guest User

Untitled

a guest
Dec 13th, 2020
98
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <meta name="viewport" content="initial-scale=1.0" />
  6. <meta name="format-detection" content="telephone=no" />
  7. <title style="-ko-bind-text: @titleText">[subject]</title>
  8. <style type="text/css">
  9. @supports -ko-blockdefs {
  10. id { widget: id }
  11. size { label: Size; widget: select; options: 8|9|10|11|12|13|14|15|16|18|20|22|25|28|31; }
  12. visible { label: Visible?; widget: boolean }
  13. color { label: Color; widget: color }
  14. radius {
  15. label: Corner Radius;
  16. widget: integer;
  17. max: 20;
  18. help: Attention - this property is not supported on all email clients (i.e. Outlook)
  19. }
  20. @import url('https://fonts.googleapis.com/css2?family=Cantarell&display=swap');
  21. @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
  22. @import url('https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap');
  23. @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans&display=swap');
  24. @import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
  25. @import url('https://fonts.googleapis.com/css2?family=Mako&display=swap');
  26. 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|Cantarell, Calibri, sans-serif=Cantarell|Open Sans, Open Sans, sans-serif=Open Sans|Fira Sans, Calibri, sans-serif=Fira Sans|Alegreya Sans, Alegreya Sans, sans-serif=Alegreya Sans|Raleway, Calibri, sans-serif=Raleway| Mako, Mako, serif-sans=Mako}
  27. decoration { label: Decoration; widget: select; options: none=None|underline=Underline }
  28. linksColor { label: Link Color; extend: color }
  29. linksDecoration { label: Underlined Links?; extend: decoration }
  30. buttonColor { label: Button Color; extend: color }
  31. text { label: Paragraph; widget: text }
  32. url { label: Link; widget: url }
  33. src { label: Image; widget: src }
  34. hrWidth { label: Width; widget: select; options:10|20|30|40|50|60|70|80|90|100; }
  35. hrHeight { label: Line height; widget: integer; max: 80; }
  36.  
  37. height { label: Height; widget: integer }
  38. imageHeight { label: Image Height; extend: height; }
  39. spacerSize { label: Height; widget: integer; max: 90; min: 4; }
  40. align { label: Alignment; widget: select; options:left=Left|right=Right|center=Center}
  41. alt {
  42. label: Alternative Text;
  43. widget: text;
  44. help: Alternative text will be shown on email clients that does not download image automatically;
  45. }
  46. sponsor { label: Sponsor; properties: visible=true src url alt; category: hidden }
  47. titleText {label:Title Text;category: hidden;}
  48. gutterVisible { label: Show Gutter; extend: visible }
  49. socialIconType { label: Icon Version;widget: select; options:bw=Black and White|colors=Colors; }
  50.  
  51. preheaderLinkOption {
  52. label: Unsubscribe Link;
  53. widget: select;
  54. options: [profile_link]=Profile|[unsubscribe_link]=Unsubscribe|none=None;
  55. help: If -None- is selected, preHeader text will be shown;
  56. }
  57.  
  58. hrStyle { label: Separator Style;properties:color hrWidth hrHeight; }
  59. hrStyle:preview { height: 200%; width: 200%; bottom: 20px; -ko-border-bottom: @[hrHeight]px solid @color; }
  60. 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; }
  61.  
  62. /* content types */
  63. blocks { label: Blocks; properties: blocks[]; }
  64. link { label: Link; properties: text url }
  65. image { label: Image; properties: src url alt }
  66. backgroundColor { label: Background Color; extend: color }
  67. buttonLink { label: Button; extend: link }
  68.  
  69. /* texts and links */
  70. textStyle { label: Text; properties: face color size }
  71. textStyle:preview { -ko-bind-text: @['AaZz']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }
  72. linkStyle { label: Link; properties: face color size decoration=none }
  73. linkStyle:preview { -ko-bind-text: @['Link']; -ko-font-size: @[size]px; -ko-font-family: @face; -ko-color: @color; -ko-text-decoration: @[decoration] }
  74. longTextStyle { label: Paragraph; properties: face color size linksColor }
  75. longTextStyle:preview { -ko-bind-text: @['AaZz']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }
  76. bigButtonStyle { label: Big Button; extend: buttonStyle }
  77. titleTextStyle { label: Title; extend: textStyle }
  78. /* background */
  79. externalBackgroundColor { label: External Background; extend: color }
  80.  
  81. externalTextStyle { label: Alternative Text; extend: textStyle }
  82. externalTextStyle:preview { -ko-bind-text: @['AaZz']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }
  83.  
  84. bigTitleStyle { label: Title; properties: face color size align}
  85. bigTitleStyle:preview { -ko-bind-text: @['AaZz']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }
  86. /* buttons */
  87. buttonStyle color { label: Text Color; extend: color }
  88. buttonStyle size { label: Text Size; extend: size }
  89. buttonStyle { label: Button; properties: face color size buttonColor radius }
  90. 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; }
  91.  
  92. /* contents */
  93. preheaderText {label: PreHeader Text; extend:text; help: This text will be shown on some email clients as a preview of the email contents;}
  94. leftImage { label: Left Image; extend: image }
  95. leftLongText { label: Left Text; extend: text }
  96. leftButtonLink { label: Left Button; extend: buttonLink }
  97. middleImage { label: Central Image; extend: image }
  98. middleLongText { label: Central Text; extend: text }
  99. middleButtonLink { label: Central Button; extend: buttonLink }
  100. rightImage { label: Right Image; extend: image }
  101. rightLongText { label: Right Text; extend: text }
  102. rightButtonLink { label: Right Button; extend: buttonLink }
  103. webversionText{ label: Web Link Text; extend: text;}
  104. unsubscribeText{ label: Unsubscribe Link; extend: text;}
  105.  
  106. titleVisible { label: Show Title; extend: visible; }
  107. buttonVisible { label: Show Button; extend: visible; }
  108. imageVisible { label: Show Image; extend: visible; }
  109.  
  110. contentTheme { label: Main Style; }
  111. contentTheme:preview { -ko-background-color: @[backgroundColor] }
  112. frameTheme { label: Frame Style; }
  113. frameTheme:preview { -ko-background-color: @[backgroundColor] }
  114. template preheaderText { label: Preheader; }
  115.  
  116. template { label: Page; theme: frameTheme ;properties: preheaderVisible=true; version: 1.0.5; }
  117.  
  118. footerBlock unsubscribeLinkStyle { label: Unsubscribe; }
  119. footerBlock { label: Unsubscribe Block; theme: frameTheme }
  120.  
  121. socialBlock fbVisible { label: Facebook; }
  122. socialBlock twVisible { label: Twitter }
  123. socialBlock ggVisible { label: Google+ }
  124. socialBlock inVisible { label: LinkedIn }
  125. socialBlock flVisible { label: Flickr }
  126. socialBlock viVisible { label: Vimeo }
  127. socialBlock webVisible { label: Website }
  128. socialBlock instVisible { label: Instagram }
  129. socialBlock youVisible { label: YouTube }
  130. socialBlock fbUrl { label: Facebook Link}
  131. socialBlock twUrl { label: Twitter Link}
  132. socialBlock ggUrl { label: Google+ Link}
  133. socialBlock inUrl { label: LinkedIn Link}
  134. socialBlock flUrl { label: Flickr Link}
  135. socialBlock viUrl { label: Vimeo Link}
  136. socialBlock webUrl { label: Website Link}
  137. socialBlock instUrl { label: Instagram Link}
  138. socialBlock youUrl { label: YouTube Link}
  139. socialBlock {
  140. label: Social Block;
  141. 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;
  142. variant:socialIconType;
  143. theme: frameTheme
  144. }
  145.  
  146. preheaderBlock { label:Preheader Block; theme: frameTheme}
  147.  
  148. sideArticleBlock imagePos {label:Image position;widget:select; options: left=Left|right=Right; }
  149. sideArticleBlock imageWidth { label: Image Size; widget: select; options: 120=Small|166=Medium|258=Big; }
  150. 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 }
  151.  
  152. textBlock { label: Text Block; properties: backgroundColor longTextStyle longText; theme: contentTheme}
  153.  
  154. singleArticleBlock { label: Image/Text Block; properties: backgroundColor titleVisible=true buttonVisible=true imageVisible=true titleTextStyle longTextStyle buttonStyle image longText buttonLink;theme: contentTheme}
  155.  
  156. doubleArticleBlock { label: 2 Columns Block; properties: backgroundColor titleVisible=true buttonVisible=true imageVisible=true titleTextStyle longTextStyle buttonStyle leftImage leftLongText leftButtonLink rightImage rightLongText rightButtonLink; theme: contentTheme}
  157.  
  158. 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}
  159.  
  160. logoBlock imageWidth { label: Image Size; widget: select; options: 166=Small|258=Medium|350=Big; variant:imageWidth;}
  161. logoBlock { label: Logo Block; properties: image imageWidth=258; variant: imageWidth; theme: contentTheme}
  162.  
  163. titleBlock { label: Title; theme: contentTheme}
  164.  
  165. imageBlock longTextStyle {
  166. label: Alternative Text;
  167. help: Some Email Clients will show this text if automatical download of images is disabled;
  168. }
  169. imageBlock { label: Image; properties: gutterVisible=false; variant: gutterVisible; theme: contentTheme }
  170.  
  171. doubleImageBlock longTextStyle {
  172. label: Alternative Text;
  173. help: Some Email Clients will show this text if automatical download of images is disabled;
  174. }
  175. doubleImageBlock { label: Two Image Gallery Block; properties: gutterVisible=false; variant: gutterVisible; theme: contentTheme }
  176.  
  177. tripleImageBlock longTextStyle {
  178. label: Alternative Text;
  179. help: Some Email Clients will show this text if automatical download of images is disabled;
  180. }
  181. tripleImageBlock { label: Three Image Gallery Block;properties:gutterVisible=false;variant:gutterVisible; theme: contentTheme}
  182.  
  183. buttonBlock { label: Button Block; theme: contentTheme}
  184. hrBlock { label: Separator Block; theme: contentTheme}
  185. spacerBlock { label: Spacer Block; theme: contentTheme}
  186.  
  187. spacerBlock:preview,
  188. logoBlock:preview { -ko-background-color: @[externalBackgroundColor] }
  189.  
  190. preheaderBlock:preview,
  191. hrBlock:preview,
  192. sideArticleBlock:preview,
  193. textBlock:preview,
  194. singleArticleBlock:preview,
  195. doubleArticleBlock:preview,
  196. tripleArticleBlock:preview,
  197. titleBlock:preview,
  198. footerBlock:preview,
  199. socialBlock:preview,
  200. buttonBlock:preview,
  201. titleBlock:preview,
  202. socialshareBlock:preview { -ko-background-color: @[backgroundColor] }
  203. }
  204. </style>
  205. <style type="text/css" data-inline="true">
  206. body { Margin: 0; padding: 0; }
  207. img { border: 0px; display: block; }
  208.  
  209. .socialLinks { font-size: 6px; }
  210. .socialLinks a {
  211. display: inline-block;
  212. }
  213. .socialIcon {
  214. display: inline-block;
  215. vertical-align: top;
  216. padding-bottom: 0px;
  217. border-radius: 100%;
  218. }
  219. .oldwebkit { max-width: 570px; }
  220. td.vb-outer { padding-left: 9px; padding-right: 9px; }
  221. table.vb-container, table.vb-row, table.vb-content {
  222. border-collapse: separate;
  223. }
  224. table.vb-row {
  225. border-spacing: 9px;
  226. }
  227. table.vb-row.halfpad {
  228. border-spacing: 0;
  229. padding-left: 9px;
  230. padding-right: 9px;
  231. }
  232. table.vb-row.fullwidth {
  233. border-spacing: 0;
  234. padding: 0;
  235. }
  236. table.vb-container {
  237. padding-left: 18px;
  238. padding-right: 18px;
  239. }
  240. table.vb-container.fullpad {
  241. border-spacing: 18px;
  242. padding-left: 0;
  243. padding-right: 0;
  244. }
  245. table.vb-container.halfpad {
  246. border-spacing: 9px;
  247. padding-left: 9px;
  248. padding-right: 9px;
  249. }
  250. table.vb-container.fullwidth {
  251. padding-left: 0;
  252. padding-right: 0;
  253. }
  254. </style>
  255. <style type="text/css">
  256. /* yahoo, hotmail */
  257. .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
  258. .yshortcuts a { border-bottom: none !important; }
  259. .vb-outer { min-width: 0 !important; }
  260. .RMsgBdy, .ExternalClass {
  261. width: 100%;
  262. background-color: #3f3f3f;
  263. -ko-background-color: @[_theme_.frameTheme.backgroundColor]
  264. }
  265.  
  266. /* outlook */
  267. table { mso-table-rspace: 0pt; mso-table-lspace: 0pt; }
  268. #outlook a { padding: 0; }
  269. img { outline: none; text-decoration: none; border: none; -ms-interpolation-mode: bicubic; }
  270. a img { border: none; }
  271.  
  272. @media screen and (max-device-width: 600px), screen and (max-width: 600px) {
  273. table.vb-container, table.vb-row {
  274. width: 95% !important;
  275. }
  276.  
  277. .mobile-hide { display: none !important; }
  278. .mobile-textcenter { text-align: center !important; }
  279.  
  280. .mobile-full {
  281. float: none !important;
  282. width: 100% !important;
  283. max-width: none !important;
  284. padding-right: 0 !important;
  285. padding-left: 0 !important;
  286. }
  287. img.mobile-full {
  288. width: 100% !important;
  289. max-width: none !important;
  290. height: auto !important;
  291. }
  292. }
  293. </style>
  294. <style type="text/css" data-inline="true">
  295. [data-ko-block=tripleArticleBlock] .links-color a,
  296. [data-ko-block=tripleArticleBlock] .links-color a:link,
  297. [data-ko-block=tripleArticleBlock] .links-color a:visited,
  298. [data-ko-block=tripleArticleBlock] .links-color a:hover {
  299. color: #3f3f3f;
  300. -ko-color: @longTextStyle.linksColor;
  301. text-decoration: underline;
  302. }
  303. [data-ko-block=tripleArticleBlock] .long-text p { Margin: 1em 0px; }
  304. [data-ko-block=tripleArticleBlock] .long-text p:last-child { Margin-bottom: 0px; }
  305. [data-ko-block=tripleArticleBlock] .long-text p:first-child { Margin-top: 0px; }
  306.  
  307. [data-ko-block=doubleArticleBlock] .links-color a,
  308. [data-ko-block=doubleArticleBlock] .links-color a:link,
  309. [data-ko-block=doubleArticleBlock] .links-color a:visited,
  310. [data-ko-block=doubleArticleBlock] .links-color a:hover {
  311. color: #3f3f3f;
  312. -ko-color: @longTextStyle.linksColor;
  313. text-decoration: underline;
  314. }
  315. [data-ko-block=doubleArticleBlock] .long-text p { Margin: 1em 0px; }
  316. [data-ko-block=doubleArticleBlock] .long-text p:last-child { Margin-bottom: 0px; }
  317. [data-ko-block=doubleArticleBlock] .long-text p:first-child { Margin-top: 0px; }
  318.  
  319. [data-ko-block=singleArticleBlock] .links-color a,
  320. [data-ko-block=singleArticleBlock] .links-color a:link,
  321. [data-ko-block=singleArticleBlock] .links-color a:visited,
  322. [data-ko-block=singleArticleBlock] .links-color a:hover {
  323. color: #3f3f3f;
  324. -ko-color: @longTextStyle.linksColor;
  325. text-decoration: underline;
  326. }
  327. [data-ko-block=singleArticleBlock] .long-text p { Margin: 1em 0px; }
  328. [data-ko-block=singleArticleBlock] .long-text p:last-child { Margin-bottom: 0px; }
  329. [data-ko-block=singleArticleBlock] .long-text p:first-child { Margin-top: 0px; }
  330.  
  331. [data-ko-block=textBlock] .links-color a,
  332. [data-ko-block=textBlock] .links-color a:link,
  333. [data-ko-block=textBlock] .links-color a:visited,
  334. [data-ko-block=textBlock] .links-color a:hover {
  335. color: #3f3f3f;
  336. -ko-color: @longTextStyle.linksColor;
  337. text-decoration: underline;
  338. }
  339. [data-ko-block=textBlock] .long-text p { Margin: 1em 0px; }
  340. [data-ko-block=textBlock] .long-text p:last-child { Margin-bottom: 0px; }
  341. [data-ko-block=textBlock] .long-text p:first-child { Margin-top: 0px; }
  342.  
  343. [data-ko-block=sideArticleBlock] .links-color a,
  344. [data-ko-block=sideArticleBlock] .links-color a:link,
  345. [data-ko-block=sideArticleBlock] .links-color a:visited,
  346. [data-ko-block=sideArticleBlock] .links-color a:hover {
  347. color: #3f3f3f;
  348. -ko-color: @longTextStyle.linksColor;
  349. text-decoration: underline;
  350. }
  351. [data-ko-block=sideArticleBlock] .long-text p { Margin: 1em 0px; }
  352. [data-ko-block=sideArticleBlock] .long-text p:last-child { Margin-bottom: 0px; }
  353. [data-ko-block=sideArticleBlock] .long-text p:first-child { Margin-top: 0px; }
  354.  
  355. [data-ko-block=socialBlock] .links-color a,
  356. [data-ko-block=socialBlock] .links-color a:link,
  357. [data-ko-block=socialBlock] .links-color a:visited,
  358. [data-ko-block=socialBlock] .links-color a:hover {
  359. color: #cccccc;
  360. -ko-color: @longTextStyle.linksColor;
  361. text-decoration: underline;
  362. }
  363. [data-ko-block=socialBlock] .long-text p { Margin: 1em 0px; }
  364. [data-ko-block=socialBlock] .long-text p:last-child { Margin-bottom: 0px; }
  365. [data-ko-block=socialBlock] .long-text p:first-child { Margin-top: 0px; }
  366.  
  367. [data-ko-block=footerBlock] .links-color a,
  368. [data-ko-block=footerBlock] .links-color a:link,
  369. [data-ko-block=footerBlock] .links-color a:visited,
  370. [data-ko-block=footerBlock] .links-color a:hover {
  371. color: #cccccc;
  372. -ko-color: @longTextStyle.linksColor;
  373. text-decoration: underline;
  374. }
  375. [data-ko-block=footerBlock] .long-text p { Margin: 1em 0px; }
  376. [data-ko-block=footerBlock] .long-text p:last-child { Margin-bottom: 0px; }
  377. [data-ko-block=footerBlock] .long-text p:first-child { Margin-top: 0px; }
  378.  
  379. [data-ko-block=doubleImageBlock] a,
  380. [data-ko-block=doubleImageBlock] a:link,
  381. [data-ko-block=doubleImageBlock] a:visited,
  382. [data-ko-block=doubleImageBlock] a:hover {
  383. color: #3f3f3f;
  384. -ko-color: @longTextStyle.linksColor;
  385. text-decoration: underline;
  386. }
  387. [data-ko-block=tripleImageBlock] a,
  388. [data-ko-block=tripleImageBlock] a:link,
  389. [data-ko-block=tripleImageBlock] a:visited,
  390. [data-ko-block=tripleImageBlock] a:hover {
  391. color: #3f3f3f;
  392. -ko-color: @longTextStyle.linksColor;
  393. text-decoration: underline;
  394. }
  395. [data-ko-block=imageBlock] a,
  396. [data-ko-block=imageBlock] a:link,
  397. [data-ko-block=imageBlock] a:visited,
  398. [data-ko-block=imageBlock] a:hover {
  399. color: #3f3f3f;
  400. -ko-color: @longTextStyle.linksColor;
  401. text-decoration: underline;
  402. }
  403. </style>
  404. </head>
  405. <body bgcolor="#3f3f3f" text="#919191" alink="#cccccc" vlink="#cccccc" style="background-color: #3f3f3f; color: #919191;
  406. -ko-background-color: @_theme_.frameTheme.backgroundColor; -ko-attr-bgcolor: @_theme_.frameTheme.backgroundColor; -ko-color: @_theme_.frameTheme.longTextStyle.color;
  407. -ko-attr-text: @_theme_.frameTheme.longTextStyle.color; -ko-attr-alink: @_theme_.frameTheme.longTextStyle.linksColor;
  408. -ko-attr-vlink: @_theme_.frameTheme.longTextStyle.linksColor">
  409.  
  410. <center>
  411.  
  412. <!-- preheaderBlock -->
  413. <div data-ko-display="preheaderVisible" data-ko-wrap="false">
  414.  
  415. <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#3f3f3f"
  416. style="background-color: #3f3f3f; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor" data-ko-block="preheaderBlock">
  417. <tr>
  418. <td class="vb-outer" align="center" valign="top" bgcolor="#3f3f3f"
  419. style="background-color: #3f3f3f; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor">
  420. <div style="display: none; font-size:1px; color: #333333; line-height: 1px; max-height:0px; max-width: 0px; opacity: 0; overflow: hidden;
  421. -ko-bind-text: @preheaderText"></div>
  422.  
  423. <!--[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]-->
  424. <div class="oldwebkit">
  425. <table width="570" border="0" cellpadding="0" cellspacing="0" class="vb-row halfpad" bgcolor="#3f3f3f"
  426. style="width: 100%; max-width: 570px; background-color: #3f3f3f; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
  427. <tr>
  428. <td align="center" valign="top" bgcolor="#3f3f3f" style="font-size: 0; background-color: #3f3f3f;
  429. -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor" align="left">
  430.  
  431. <!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]-->
  432. <!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]-->
  433. <div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full">
  434. <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="276" style="width: 100%;" align="left">
  435. <tr>
  436. <td width="100%" valign="top" align="left" style="font-weight: normal; text-align:left; font-size: 13px;
  437. font-family: Arial, Helvetica, sans-serif; color: #ffffff;
  438. -ko-font-size: @[linkStyle.size]px; -ko-color: @linkStyle.color; -ko-font-family: @linkStyle.face">
  439. <a data-ko-display="preheaderLinkOption neq 'none'" data-ko-editable="unsubscribeText" href="[unsubscribe_link]"
  440. style="text-decoration: underline; color: #ffffff; -ko-attr-href: @preheaderLinkOption;
  441. -ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration">Unsubscribe</a>
  442. <span data-ko-display="preheaderLinkOption eq 'none'" style="font-size: 13px;color: #919191; font-weight: normal; text-align:center;
  443. font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color;
  444. -ko-font-family: @longTextStyle.face; -ko-bind-text: @preheaderText; display: none"></span>
  445. </td>
  446. </tr>
  447. </table>
  448. </div><!--[if (gte mso 9)|(lte ie 8)]>
  449. </td><td align="left" valign="top" width="276">
  450. <![endif]--><div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full mobile-hide">
  451.  
  452. <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="276" style="width: 100%; text-align: right;" align="left">
  453. <tr>
  454. <td width="100%" valign="top" style="font-weight: normal; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #ffffff;
  455. -ko-font-size: @[linkStyle.size]px; -ko-color: @linkStyle.color; -ko-font-family: @linkStyle.face">
  456. <span style="color: #ffffff; text-decoration: underline;
  457. -ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration">
  458. <a data-ko-editable="webversionText" href="[show_link]"
  459. style="text-decoration: underline; color: #ffffff;
  460. -ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration">View in your browser</a>
  461. </span>
  462. </td>
  463. </tr>
  464. </table>
  465.  
  466. </div><!--[if (gte mso 9)|(lte ie 8)]>
  467. </td></tr></table><![endif]-->
  468.  
  469. </td>
  470. </tr>
  471. </table>
  472. </div>
  473. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  474. </td>
  475. </tr>
  476. </table>
  477.  
  478. </div>
  479. <!-- /preheaderBlock -->
  480.  
  481. <div data-ko-container="main" data-ko-wrap="false">
  482.  
  483. <!-- logoBlock -->
  484. <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"
  485. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="logoBlock">
  486. <tr>
  487. <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"
  488. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
  489.  
  490. <!--[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]-->
  491. <div class="oldwebkit">
  492. <table width="570" style="width: 100%; max-width: 570px" border="0" cellpadding="0" cellspacing="18" class="vb-container fullpad">
  493. <tr>
  494. <td valign="top" align="center">
  495.  
  496. <!--[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]-->
  497. <div style="display:inline-block; max-width:258px; -ko-max-width: @[imageWidth]px; vertical-align:top; width:100%;" class="mobile-full">
  498. <a data-ko-link="image.url" href="" style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #f3f3f3;
  499. text-decoration: none; -ko-font-size: @[externalTextStyle.size]px;
  500. -ko-font-family: @externalTextStyle.face; -ko-color: @externalTextStyle.color"><img
  501. data-ko-editable="image.src" width="258" data-ko-placeholder-height="150"
  502. style="-ko-attr-alt: @image.alt; width: 100%; max-width: 258px; -ko-attr-width: @imageWidth; -ko-max-width: @[imageWidth]px;"
  503. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=258%2C150" vspace="0" hspace="0" border="0" alt="" /></a>
  504. </div>
  505. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  506.  
  507. </td>
  508. </tr>
  509. </table>
  510. </div>
  511. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  512.  
  513. </td>
  514. </tr>
  515. </table>
  516. <!-- /logoBlock -->
  517.  
  518. <!-- sideArticleBlock -->
  519. <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"
  520. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="sideArticleBlock">
  521. <tr>
  522. <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"
  523. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
  524.  
  525. <!--[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]-->
  526. <div class="oldwebkit">
  527. <table width="570" border="0" cellpadding="0" cellspacing="9" class="vb-row fullpad" bgcolor="#ffffff"
  528. style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
  529. <tr>
  530. <td align="center" class="mobile-row" valign="top" style="font-size: 0;">
  531.  
  532. <!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]-->
  533. <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">
  534. <!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184" style="-ko-attr-width: @[18 + Math.round(imageWidth)]"><![endif]-->
  535. <div style="display:inline-block; max-width:184px; -ko-max-width:@[18 + Math.round(imageWidth)]px; vertical-align:top; width:100%;" class="mobile-full">
  536.  
  537. <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="184" style="width: 100%; -ko-attr-width: @[18 + Math.round(imageWidth)]" align="left">
  538. <tr>
  539. <td width="100%" valign="top" align="left" class="links-color">
  540. <a data-ko-link="image.url" href="">
  541. <img data-ko-editable="image.src" border="0" hspace="0" vspace="0" width="166"
  542. data-ko-placeholder-height="130" class="mobile-full" alt=""
  543. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=166%2C130"
  544. 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" />
  545. </a>
  546. </td>
  547. </tr>
  548. </table>
  549.  
  550. </div><!--[if (gte mso 9)|(lte ie 8)]></td>
  551. <![endif]--></div><!--[if (gte mso 9)|(lte ie 8)]>
  552. <td align="left" valign="top" width="368" style="-ko-attr-width: @[570 - 2 * 18 - Math.round(imageWidth)]">
  553. <![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">
  554.  
  555. <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">
  556. <tr data-ko-display="titleVisible">
  557. <td style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align:left;
  558. -ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">
  559. <span style="color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable="titleText">
  560. Title
  561. </span>
  562. </td>
  563. </tr>
  564. <tr>
  565. <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;
  566. -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
  567. data-ko-editable="longText" class="long-text links-color">
  568. <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>
  569. </td>
  570. </tr>
  571. <tr data-ko-display="buttonVisible">
  572. <td valign="top">
  573. <table cellpadding="0" border="0" align="left" cellspacing="0" class="mobile-full" style="padding-top: 4px">
  574. <tr>
  575. <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="26"
  576. style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;
  577. padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;
  578. -ko-border-radius: @[buttonStyle.radius]px;
  579. -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;
  580. -ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color;">
  581. <a data-ko-editable="buttonLink.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;
  582. -ko-color: @buttonStyle.color; -ko-attr-href: @buttonLink.url">BUTTON</a>
  583. </td>
  584. </tr>
  585. </table>
  586. </td>
  587. </tr>
  588. </table>
  589. </div><!--[if (gte mso 9)|(lte ie 8)]></td>
  590. <![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)]>
  591. <td data-ko-display="imagePos eq 'right'" align="left" valign="top" width="184" style="display: none; -ko-attr-width: @[18 + Math.round(imageWidth)]">
  592. <![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">
  593.  
  594. <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="184" style="width: 100%; -ko-attr-width: @[18 + Math.round(imageWidth)]" align="left">
  595. <tr>
  596. <td width="100%" valign="top" align="left" class="links-color">
  597. <a data-ko-link="image.url" href="">
  598. <img data-ko-editable="image.src" border="0" hspace="0" vspace="0" width="166" data-ko-placeholder-height="130" class="mobile-full"
  599. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=166%2C130" class="mobile-full"
  600. 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" />
  601. </a>
  602. </td>
  603. </tr>
  604. </table>
  605.  
  606. </div>
  607. <!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->
  608. </div>
  609. <!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->
  610.  
  611. </td>
  612. </tr>
  613. </table>
  614. </div>
  615. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  616. </td>
  617. </tr>
  618. </table>
  619. <!-- /sideArticleBlock -->
  620.  
  621. <!-- singleArticleBlock -->
  622. <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"
  623. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="singleArticleBlock">
  624. <tr>
  625. <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"
  626. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
  627.  
  628. <!--[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]-->
  629. <div class="oldwebkit">
  630. <table width="570" border="0" cellpadding="0" cellspacing="18" class="vb-container fullpad" bgcolor="#ffffff"
  631. style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
  632. <tr data-ko-display="imageVisible">
  633. <td width="100%" valign="top" align="left" class="links-color">
  634. <a data-ko-link="image.url" href="">
  635. <img data-ko-editable="image.src" border="0" hspace="0" vspace="0" width="534" data-ko-placeholder-height="200"
  636. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=534%2C200" class="mobile-full"
  637. alt="" style="vertical-align:top; max-width:534px; width: 100%; height: auto;
  638. -ko-attr-alt: @image.alt" />
  639. </a>
  640. </td>
  641. </tr>
  642. <tr><td><table align="left" border="0" cellpadding="0" cellspacing="0" width="100%">
  643. <tr data-ko-display="titleVisible">
  644. <td style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align:left;
  645. -ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">
  646. <span style="color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable="text">
  647. Section Title
  648. </span>
  649. </td>
  650. </tr>
  651. <tr data-ko-display="titleVisible">
  652. <td height="9" style="font-size:1px; line-height: 1px;">&nbsp;</td>
  653. </tr>
  654. <tr>
  655. <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;
  656. -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
  657. data-ko-editable="longText" class="long-text links-color">
  658. <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>
  659. </td>
  660. </tr>
  661. <tr data-ko-display="buttonVisible">
  662. <td height="13" style="font-size:1px; line-height: 1px;">&nbsp;</td>
  663. </tr>
  664. <tr data-ko-display="buttonVisible">
  665. <td valign="top">
  666. <table cellpadding="0" border="0" align="left" cellspacing="0" class="mobile-full">
  667. <tr>
  668. <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="26"
  669. style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;
  670. padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;
  671. -ko-border-radius: @[buttonStyle.radius]px;
  672. -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;
  673. -ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">
  674. <a data-ko-editable="buttonLink.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;
  675. -ko-color: @buttonStyle.color; -ko-attr-href: @buttonLink.url">BUTTON</a>
  676. </td>
  677. </tr>
  678. </table>
  679. </td>
  680. </tr>
  681. </table></td></tr>
  682. </table>
  683. </div>
  684. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  685. </td>
  686. </tr>
  687. </table>
  688. <!-- /singleArticleBlock -->
  689.  
  690. <!-- TitleBlock -->
  691. <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"
  692. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="titleBlock">
  693. <tr>
  694. <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"
  695. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
  696.  
  697. <!--[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]-->
  698. <div class="oldwebkit">
  699. <table width="570" border="0" cellpadding="0" cellspacing="9" class="vb-container halfpad" bgcolor="#ffffff"
  700. style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
  701. <tr>
  702. <td bgcolor="#ffffff" align="center"
  703. style="background-color: #ffffff; font-size: 22px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align: center;
  704. -ko-attr-align: @bigTitleStyle.align; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;
  705. -ko-font-size: @[bigTitleStyle.size]px; -ko-font-family: @bigTitleStyle.face; -ko-color: @bigTitleStyle.color; -ko-text-align: @bigTitleStyle.align">
  706. <span data-ko-editable="text">Section Title</span>
  707. </td>
  708. </tr>
  709. </table>
  710. </div>
  711. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  712. </td>
  713. </tr>
  714. </table>
  715. <!-- /TitleBlock -->
  716.  
  717. <!-- textBlock -->
  718. <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"
  719. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="textBlock">
  720. <tr>
  721. <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"
  722. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
  723.  
  724. <!--[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]-->
  725. <div class="oldwebkit">
  726. <table width="570" border="0" cellpadding="0" cellspacing="18" class="vb-container fullpad" bgcolor="#ffffff"
  727. style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
  728. <tr>
  729. <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;
  730. -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
  731. data-ko-editable="longText" class="long-text links-color">
  732. <p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p>
  733. <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>
  734. </td>
  735. </tr>
  736. </table>
  737. </div>
  738. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  739. </td>
  740. </tr>
  741. </table>
  742. <!-- /textBlock -->
  743.  
  744. <!-- tripleArticleBlock -->
  745. <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"
  746. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="tripleArticleBlock">
  747. <tr>
  748. <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"
  749. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
  750.  
  751. <!--[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]-->
  752. <div class="oldwebkit">
  753. <table width="570" border="0" cellpadding="0" cellspacing="9" class="vb-row fullpad" bgcolor="#ffffff"
  754. style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
  755. <tr>
  756. <td align="center" valign="top" class="mobile-row" style="font-size: 0">
  757.  
  758. <!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]-->
  759. <!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]-->
  760. <div style="display:inline-block; max-width:184px; vertical-align:top; width:100%;" class="mobile-full">
  761.  
  762. <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="184" style="width: 100%" align="left">
  763. <tr data-ko-display="imageVisible">
  764. <td width="100%" valign="top" align="left" class="links-color" style="padding-bottom: 9px">
  765. <a data-ko-link="leftImage.url" href="">
  766. <img data-ko-editable="leftImage.src" border="0" hspace="0" vspace="0" width="166" height="90"
  767. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=166%2C90" class="mobile-full"
  768. alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;
  769. -ko-attr-alt: @leftImage.alt" />
  770. </a>
  771. </td>
  772. </tr>
  773. <tr data-ko-display="titleVisible">
  774. <td style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align:left;
  775. -ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">
  776. <span style="color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable="leftTitleText">Title
  777. </span>
  778. </td>
  779. </tr>
  780. <tr>
  781. <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;
  782. -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
  783. data-ko-editable="leftLongText" class="long-text links-color">
  784. <p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts. </p>
  785. </td>
  786. </tr>
  787. <tr data-ko-display="buttonVisible">
  788. <td valign="top">
  789. <table cellpadding="0" border="0" align="left" cellspacing="0" class="mobile-full" style="padding-top: 4px">
  790. <tr>
  791. <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="26"
  792. style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;
  793. padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;
  794. -ko-border-radius: @[buttonStyle.radius]px;
  795. -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;
  796. -ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">
  797. <a data-ko-editable="leftButtonLink.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;
  798. -ko-color: @buttonStyle.color; -ko-attr-href: @leftButtonLink.url">BUTTON</a>
  799. </td>
  800. </tr>
  801. </table>
  802. </td>
  803. </tr>
  804. </table>
  805.  
  806. </div><!--[if (gte mso 9)|(lte ie 8)]></td>
  807. <td align="left" valign="top" width="184">
  808. <![endif]--><div style="display:inline-block; max-width:184px; vertical-align:top; width:100%;" class="mobile-full">
  809.  
  810. <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="184" style="width: 100%" align="left">
  811. <tr data-ko-display="imageVisible">
  812. <td width="100%" valign="top" align="left" class="links-color" style="padding-bottom: 9px">
  813. <a data-ko-link="middleImage.url">
  814. <img data-ko-editable="middleImage.src" border="0" hspace="0" vspace="0" width="166" height="90"
  815. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=166%2C90" class="mobile-full"
  816. alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;
  817. -ko-attr-alt: @middleImage.alt" />
  818. </a>
  819. </td>
  820. </tr>
  821. <tr data-ko-display="titleVisible">
  822. <td style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align:left;
  823. -ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">
  824. <span style="color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable="middleTitleText">
  825. Title
  826. </span>
  827. </td>
  828. </tr>
  829. <tr>
  830. <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;
  831. -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
  832. data-ko-editable="middleLongText" class="long-text links-color">
  833. <p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts. </p>
  834. </td>
  835. </tr>
  836. <tr data-ko-display="buttonVisible">
  837. <td valign="top">
  838. <table cellpadding="0" border="0" align="left" cellspacing="0" class="mobile-full" style="padding-top: 4px">
  839. <tr>
  840. <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="26"
  841. style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;
  842. padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;
  843. -ko-border-radius: @[buttonStyle.radius]px;
  844. -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;
  845. -ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">
  846. <a data-ko-editable="middleButtonLink.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;
  847. -ko-color: @buttonStyle.color; -ko-attr-href: @middleButtonLink.url">BUTTON</a>
  848. </td>
  849. </tr>
  850. </table>
  851. </td>
  852. </tr>
  853. </table>
  854.  
  855. </div><!--[if (gte mso 9)|(lte ie 8)]></td>
  856. <td align="left" valign="top" width="184">
  857. <![endif]--><div style="display:inline-block; max-width:184px; vertical-align:top; width:100%;" class="mobile-full">
  858.  
  859. <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="184" style="width: 100%" align="right">
  860. <tr data-ko-display="imageVisible">
  861. <td width="100%" valign="top" align="left" class="links-color" style="padding-bottom: 9px">
  862. <a data-ko-link="rightImage.url">
  863. <img data-ko-editable="rightImage.src" border="0" hspace="0" vspace="0" width="166" height="90"
  864. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=166%2C90" class="mobile-full"
  865. alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;
  866. -ko-attr-alt: @rightImage.alt" />
  867. </a>
  868. </td>
  869. </tr>
  870. <tr data-ko-display="titleVisible">
  871. <td style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align:left;
  872. -ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">
  873. <span style="color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable="rightTitleText">
  874. Title
  875. </span>
  876. </td>
  877. </tr>
  878. <tr>
  879. <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;
  880. -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
  881. data-ko-editable="rightLongText" class="long-text links-color">
  882. <p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts. </p>
  883. </td>
  884. </tr>
  885. <tr data-ko-display="buttonVisible">
  886. <td valign="top">
  887. <table cellpadding="0" border="0" align="left" cellspacing="0" class="mobile-full" style="padding-top: 4px">
  888. <tr>
  889. <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="26"
  890. style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;
  891. padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;
  892. -ko-border-radius: @[buttonStyle.radius]px;
  893. -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;
  894. -ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color;">
  895. <a data-ko-editable="rightButtonLink.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;
  896. -ko-color: @buttonStyle.color; -ko-attr-href: @rightButtonLink.url">BUTTON</a>
  897. </td>
  898. </tr>
  899. </table>
  900. </td>
  901. </tr>
  902. </table>
  903.  
  904. </div>
  905. <!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->
  906. <!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->
  907.  
  908. </td>
  909. </tr>
  910. </table>
  911. </div>
  912. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  913. </td>
  914. </tr>
  915. </table>
  916. <!-- /tripleArticleBlock -->
  917.  
  918. <!-- doubleArticleBlock -->
  919. <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"
  920. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="doubleArticleBlock">
  921. <tr>
  922. <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"
  923. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
  924.  
  925. <!--[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]-->
  926. <div class="oldwebkit">
  927. <table width="570" border="0" cellpadding="0" cellspacing="9" class="vb-row fullpad" bgcolor="#ffffff"
  928. style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
  929. <tr>
  930. <td align="center" valign="top" style="font-size: 0">
  931.  
  932. <!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]-->
  933. <!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]-->
  934. <div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full">
  935.  
  936. <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="276" style="width: 100%" align="left">
  937. <tr data-ko-display="imageVisible">
  938. <td width="100%" align="left" class="links-color" style="padding-bottom: 9px">
  939. <a data-ko-link="leftImage.url">
  940. <img data-ko-editable="leftImage.src" border="0" hspace="0" vspace="0" width="258" height="100"
  941. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=258%2C100" class="mobile-full"
  942. alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;
  943. -ko-attr-alt: @leftImage.alt" />
  944. </a>
  945. </td>
  946. </tr>
  947. <tr data-ko-display="titleVisible">
  948. <td style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align:left;
  949. -ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">
  950. <span style="color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable="leftTitleText">
  951. Title
  952. </span>
  953. </td>
  954. </tr>
  955. <tr>
  956. <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;
  957. -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
  958. data-ko-editable="leftLongText" class="long-text links-color">
  959. <p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts. </p>
  960. </td>
  961. </tr>
  962. <tr data-ko-display="buttonVisible">
  963. <td valign="top">
  964. <table cellpadding="0" border="0" align="left" cellspacing="0" class="mobile-full" style="padding-top: 4px;">
  965. <tr>
  966. <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="26"
  967. style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;
  968. padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;
  969. -ko-border-radius: @[buttonStyle.radius]px;
  970. -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;
  971. -ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">
  972. <a data-ko-editable="leftButtonLink.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;
  973. -ko-color: @buttonStyle.color; -ko-attr-href: @leftButtonLink.url">BUTTON</a>
  974. </td>
  975. </tr>
  976. </table>
  977. </td>
  978. </tr>
  979. </table>
  980.  
  981. </div><!--[if (gte mso 9)|(lte ie 8)]></td>
  982. <td align="left" valign="top" width="276">
  983. <![endif]--><div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full">
  984.  
  985. <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="276" style="width: 100%" align="right">
  986. <tr data-ko-display="imageVisible">
  987. <td width="100%" valign="top" align="left" class="links-color" style="padding-bottom: 9px">
  988. <a data-ko-link="rightImage.url">
  989. <img data-ko-editable="rightImage.src" border="0" hspace="0" vspace="0" width="258" height="100"
  990. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=258%2C100" class="mobile-full"
  991. alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;
  992. -ko-attr-alt: @rightImage.alt" />
  993. </a>
  994. </td>
  995. </tr>
  996. <tr data-ko-display="titleVisible">
  997. <td style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align:left;
  998. -ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">
  999. <span style="color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable="rightTitleText">
  1000. Title
  1001. </span>
  1002. </td>
  1003. </tr>
  1004. <tr>
  1005. <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;
  1006. -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
  1007. data-ko-editable="rightLongText" class="long-text links-color">
  1008. <p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p>
  1009. </td>
  1010. </tr>
  1011. <tr data-ko-display="buttonVisible">
  1012. <td valign="top">
  1013. <table cellpadding="0" border="0" align="left" cellspacing="0" class="mobile-full" style="padding-top: 4px;">
  1014. <tr>
  1015. <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="26"
  1016. style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;
  1017. padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;
  1018. -ko-border-radius: @[buttonStyle.radius]px;
  1019. -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;
  1020. -ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">
  1021. <a data-ko-editable="rightButtonLink.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;
  1022. -ko-color: @buttonStyle.color; -ko-attr-href: @rightButtonLink.url">BUTTON</a>
  1023. </td>
  1024. </tr>
  1025. </table>
  1026. </td>
  1027. </tr>
  1028. </table>
  1029.  
  1030. </div>
  1031. <!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->
  1032. <!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->
  1033.  
  1034. </td>
  1035. </tr>
  1036. </table>
  1037. </div>
  1038. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  1039. </td>
  1040. </tr>
  1041. </table>
  1042. <!-- /doubleArticleBlock -->
  1043.  
  1044. <!-- hrBlock -->
  1045. <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"
  1046. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="hrBlock">
  1047. <tr>
  1048. <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"
  1049. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
  1050.  
  1051. <!--[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]-->
  1052. <div class="oldwebkit">
  1053. <table width="570" border="0" cellpadding="0" cellspacing="9" class="vb-container halfpad" bgcolor="#ffffff"
  1054. style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
  1055. <tr>
  1056. <td valign="top" bgcolor="#ffffff" style="background-color: #ffffff;
  1057. -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor" align="center">
  1058. <table width="100%" cellspacing="0" cellpadding="0" border="0"
  1059. style="width:100%; -ko-width: @[hrStyle.hrWidth]%; -ko-attr-width: @[hrStyle.hrWidth]%">
  1060. <tr>
  1061. <td width="100%" height="1" style="font-size:1px; line-height: 1px; width: 100%; background-color: #3f3f3f;
  1062. -ko-background-color: @hrStyle.color; -ko-attr-height: @hrStyle.hrHeight; -ko-line-height: @[hrStyle.hrHeight]px">&nbsp;</td>
  1063. </tr>
  1064. </table>
  1065. </td>
  1066. </tr>
  1067. </table>
  1068. </div>
  1069. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  1070. </td>
  1071. </tr>
  1072. </table>
  1073. <!-- /hrBlock -->
  1074.  
  1075. <!-- buttonBlock -->
  1076. <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"
  1077. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="buttonBlock">
  1078. <tr>
  1079. <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"
  1080. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
  1081.  
  1082. <!--[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]-->
  1083. <div class="oldwebkit">
  1084. <table width="570" border="0" cellpadding="0" cellspacing="18" class="vb-container fullpad" bgcolor="#ffffff"
  1085. style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
  1086. <tr>
  1087. <td valign="top" bgcolor="#ffffff" style="background-color: #ffffff;
  1088. -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor" align="center">
  1089.  
  1090. <table cellpadding="0" border="0" align="center" cellspacing="0" class="mobile-full">
  1091. <tr>
  1092. <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="50"
  1093. style="font-size:22px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; font-weight: normal;
  1094. padding-left: 14px; padding-right: 14px; background-color: #bfbfbf; border-radius: 4px;
  1095. -ko-attr-bgcolor: @bigButtonStyle.buttonColor; -ko-background-color: @bigButtonStyle.buttonColor;
  1096. -ko-border-radius: @[bigButtonStyle.radius]px;
  1097. -ko-font-size: @[bigButtonStyle.size]px; -ko-font-family: @bigButtonStyle.face; -ko-color: @bigButtonStyle.color; ">
  1098. <a data-ko-link="link.url" data-ko-editable="link.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;
  1099. -ko-color: @bigButtonStyle.color;">BUTTON</a>
  1100. </td>
  1101. </tr>
  1102. </table>
  1103.  
  1104. </td>
  1105. </tr>
  1106. </table>
  1107. </div>
  1108. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  1109. </td>
  1110. </tr>
  1111. </table>
  1112. <!-- /buttonBlock -->
  1113.  
  1114. <!-- imageBlock -->
  1115. <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf;
  1116. -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="imageBlock">
  1117. <tr>
  1118. <td class="vb-outer" valign="top" align="center">
  1119.  
  1120. <!--[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]-->
  1121. <div class="oldwebkit">
  1122. <table data-ko-display="gutterVisible eq false" width="570" class="vb-container fullwidth" cellpadding="0" border="0" bgcolor="#ffffff" align="center"
  1123. cellspacing="0" style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor;">
  1124. <tr>
  1125. <td valign="top" align="center">
  1126. <a data-ko-link="image.url" href="" style="text-decoration: none;"><img data-ko-editable="image.src"
  1127. hspace="0" border="0" vspace="0" width="570" data-ko-placeholder-height="200"
  1128. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=570%2C200" class="mobile-full"
  1129. alt="" style="max-width: 570px; display: block; border-radius: 0px; width: 100%; height: auto; font-size: 13px;
  1130. font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px;
  1131. -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color; -ko-attr-alt: @image.alt;" /></a>
  1132. </td>
  1133. </tr>
  1134. </table>
  1135. <table data-ko-display="gutterVisible" width="570" class="vb-container fullpad" cellpadding="0" border="0" bgcolor="#ffffff" align="center"
  1136. cellspacing="18" style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor; display: none;">
  1137. <tr>
  1138. <td valign="top" align="center">
  1139. <a data-ko-link="image.url" href="" style="text-decoration: none;"><img data-ko-editable="image.src"
  1140. hspace="0" border="0" vspace="0" width="534" data-ko-placeholder-height="280"
  1141. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=534%2C280" class="mobile-full"
  1142. alt="" style="max-width: 534px; display: block; border-radius: 0px; width: 100%; height: auto; font-size: 13px;
  1143. font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px;
  1144. -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color; -ko-attr-alt: @image.alt;" /></a>
  1145. </td>
  1146. </tr>
  1147. </table>
  1148. </div>
  1149. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  1150. </td>
  1151. </tr>
  1152. </table>
  1153. <!-- imageBlock -->
  1154.  
  1155. <!-- doubleImageBlock -->
  1156. <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf;
  1157. -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="doubleImageBlock">
  1158. <tr>
  1159. <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"
  1160. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">
  1161. <!--[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]-->
  1162. <div class="oldwebkit">
  1163. <table data-ko-display="gutterVisible eq false" width="570" class="vb-container fullwidth" cellpadding="0" border="0" bgcolor="#ffffff" align="center"
  1164. cellspacing="0" style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor;">
  1165. <tr>
  1166. <td valign="top" align="center" class="mobile-row" style="font-size: 0">
  1167.  
  1168. <!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><![endif]-->
  1169. <!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="285"><![endif]-->
  1170. <div style="display:inline-block; max-width:285px; vertical-align:top; width:100%; width:100%; " class="mobile-full">
  1171. <a data-ko-link="leftImage.url" href="" style="text-decoration: none;"><img data-ko-editable="leftImage.src"
  1172. hspace="0" align="left" border="0" vspace="0" width="285" height="180" class="mobile-full"
  1173. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=285%2C180"
  1174. alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
  1175. font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
  1176. -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @leftImage.alt;" /></a>
  1177. </div><!--[if (gte mso 9)|(lte ie 8)]></td>
  1178. <td align="left" valign="top" width="285">
  1179. <![endif]--><div style="display:inline-block; max-width:285px; vertical-align:top; width:100%; width:100%; " class="mobile-full">
  1180. <a data-ko-link="rightImage.url" href="" style="text-decoration: none;"><img data-ko-editable="rightImage.src"
  1181. hspace="0" align="right" border="0" vspace="0" width="285" height="180" class="mobile-full"
  1182. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=285%2C180"
  1183. alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
  1184. font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
  1185. -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @rightImage.alt;" /></a>
  1186. </div>
  1187. <!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->
  1188. <!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->
  1189. </td>
  1190. </tr>
  1191. </table>
  1192. <table data-ko-display="gutterVisible" width="570" class="vb-row fullpad" border="0" cellpadding="0" cellspacing="9" bgcolor="#ffffff"
  1193. style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor; display: none;">
  1194. <tr>
  1195. <td align="center" valign="top" bgcolor="#ffffff" style="background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor; font-size: 0">
  1196.  
  1197. <!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]-->
  1198. <!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]-->
  1199. <div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full">
  1200.  
  1201. <table class="vb-content" width="276" style="width: 100%" border="0" cellpadding="0" cellspacing="9" align="left">
  1202. <tr>
  1203. <td valign="top">
  1204. <a data-ko-link="leftImage.url" href="" style="text-decoration: none;">
  1205. <img data-ko-editable="leftImage.src"
  1206. hspace="0" align="left" border="0" vspace="0" width="258" height="180"
  1207. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=258%2C180" class="mobile-full"
  1208. alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
  1209. font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
  1210. -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @leftImage.alt;" /></a>
  1211. </td>
  1212. </tr>
  1213. </table>
  1214.  
  1215. </div><!--[if (gte mso 9)|(lte ie 8)]></td>
  1216. <td align="left" valign="top" width="276">
  1217. <![endif]--><div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full">
  1218.  
  1219. <table class="vb-content" width="276" style="width: 100%" border="0" cellpadding="0" cellspacing="9" align="right">
  1220. <tr>
  1221. <td valign="top">
  1222. <a data-ko-link="rightImage.url" href="" style="text-decoration: none;"><img data-ko-editable="rightImage.src"
  1223. hspace="0" align="right" border="0" vspace="0" width="258" height="180"
  1224. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=258%2C180" class="mobile-full"
  1225. alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
  1226. font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
  1227. -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @rightImage.alt;" /></a>
  1228. </td>
  1229. </tr>
  1230. </table>
  1231.  
  1232. </div>
  1233. <!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->
  1234. <!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->
  1235.  
  1236. </td>
  1237. </tr>
  1238. </table>
  1239. </div>
  1240. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  1241. </td>
  1242. </tr>
  1243. </table>
  1244. <!-- /doubleImageBlock -->
  1245.  
  1246. <!-- tripleImageBlock -->
  1247. <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf;
  1248. -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="tripleImageBlock">
  1249. <tr>
  1250. <td class="vb-outer" valign="top" align="center" style="">
  1251. <!--[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]-->
  1252. <div class="oldwebkit">
  1253. <table data-ko-display="gutterVisible eq false" width="570" class="vb-container fullwidth" cellpadding="0" border="0" bgcolor="#ffffff" align="center"
  1254. cellspacing="0" style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor;">
  1255. <tr>
  1256. <td valign="top" align="center" class="mobile-row" style="font-size: 0">
  1257.  
  1258. <!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><![endif]-->
  1259. <!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="190"><![endif]-->
  1260. <div style="display:inline-block; max-width:190px; vertical-align:top; width:100%; " class="mobile-full">
  1261. <a data-ko-link="leftImage.url" href="" style="text-decoration: none;"><img data-ko-editable="leftImage.src"
  1262. hspace="0" align="left" border="0" vspace="0" width="190" height="160" class="mobile-full"
  1263. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=190%2C160"
  1264. alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
  1265. font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
  1266. -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @leftImage.alt;" /></a>
  1267. </div><!--[if (gte mso 9)|(lte ie 8)]></td>
  1268. <td align="left" valign="top" width="190">
  1269. <![endif]--><div style="display:inline-block; max-width:190px; vertical-align:top; width:100%; " class="mobile-full">
  1270. <a data-ko-link="middleImage.url" href="" style="text-decoration: none;"><img data-ko-editable="middleImage.src"
  1271. hspace="0" align="left" border="0" vspace="0" width="190" height="160" class="mobile-full"
  1272. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=190%2C160"
  1273. alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
  1274. font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
  1275. -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @middleImage.alt;" /></a>
  1276. </div><!--[if (gte mso 9)|(lte ie 8)]></td>
  1277. <td align="left" valign="top" width="190">
  1278. <![endif]--><div style="display:inline-block; max-width:190px; vertical-align:top; width:100%; " class="mobile-full">
  1279. <a data-ko-link="rightImage.url" href="" style="text-decoration: none;"><img data-ko-editable="rightImage.src"
  1280. hspace="0" align="right" border="0" vspace="0" width="190" height="160" class="mobile-full"
  1281. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=190%2C160"
  1282. alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
  1283. font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
  1284. -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @rightImage.alt;" /></a>
  1285. </div>
  1286. <!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->
  1287. <!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->
  1288. </td>
  1289. </tr>
  1290. </table>
  1291. <table data-ko-display="gutterVisible" width="570" border="0" cellpadding="0" cellspacing="9" bgcolor="#ffffff" class="vb-row fullpad"
  1292. style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor; display: none;">
  1293. <tr>
  1294. <td align="center" valign="top" bgcolor="#ffffff" style="font-size: 0; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor">
  1295.  
  1296. <!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]-->
  1297. <!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]-->
  1298. <div style="display:inline-block; max-width:184px; vertical-align:top; width:100%;" class="mobile-full">
  1299.  
  1300. <table class="vb-content" width="184" style="width: 100%" border="0" cellpadding="0" cellspacing="9" align="left">
  1301. <tr>
  1302. <td valign="top">
  1303. <a data-ko-link="leftImage.url" href="" style="text-decoration: none;"><img data-ko-editable="leftImage.src"
  1304. hspace="0" align="left" border="0" vspace="0" width="166" height="160"
  1305. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=166%2C160" class="mobile-full"
  1306. alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
  1307. font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
  1308. -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @leftImage.alt;" /></a>
  1309. </td>
  1310. </tr>
  1311. </table>
  1312.  
  1313. </div><!--[if (gte mso 9)|(lte ie 8)]></td>
  1314. <td align="left" valign="top" width="184">
  1315. <![endif]--><div style="display:inline-block; max-width:184px; vertical-align:top; width:100%;" class="mobile-full">
  1316.  
  1317. <table class="vb-content" width="184" style="width: 100%" border="0" cellpadding="0" cellspacing="9" align="left">
  1318. <tr>
  1319. <td valign="top">
  1320. <a data-ko-link="middleImage.url" href="" style="text-decoration: none"><img data-ko-editable="middleImage.src"
  1321. hspace="0" align="left" border="0" vspace="0" width="166" height="160"
  1322. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=166%2C160" class="mobile-full"
  1323. alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
  1324. font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
  1325. -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @middleImage.alt;" /></a>
  1326. </td>
  1327. </tr>
  1328. </table>
  1329.  
  1330. </div><!--[if (gte mso 9)|(lte ie 8)]></td>
  1331. <td align="left" valign="top" width="184">
  1332. <![endif]--><div style="display:inline-block; max-width:184px; vertical-align:top; width:100%;" class="mobile-full">
  1333.  
  1334. <table class="vb-content" width="184" style="width: 100%" border="0" cellpadding="0" cellspacing="9" align="right">
  1335. <tr>
  1336. <td valign="top">
  1337. <a data-ko-link="rightImage.url" href="" style="text-decoration: none"><img data-ko-editable="rightImage.src"
  1338. hspace="0" align="right" border="0" vspace="0" width="166" height="160"
  1339. src="https://mosaico.io/srv/f-default/img?method=placeholder&amp;params=166%2C160" class="mobile-full"
  1340. alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;
  1341. font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;
  1342. -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @rightImage.alt;" /></a>
  1343. </td>
  1344. </tr>
  1345. </table>
  1346.  
  1347. </div>
  1348. <!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->
  1349. <!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->
  1350.  
  1351. </td>
  1352. </tr>
  1353. </table>
  1354. </div>
  1355. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  1356. </td>
  1357. </tr>
  1358. </table>
  1359. <!-- /tripleImageBlock -->
  1360.  
  1361. <!-- spacerBlock -->
  1362. <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"
  1363. style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="spacerBlock">
  1364. <tr>
  1365. <td class="vb-outer" valign="top" align="center" bgcolor="#bfbfbf" height="24"
  1366. style="-ko-attr-height: @spacerSize; height: 24px; -ko-height: @[spacerSize]px; background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor;
  1367. -ko-attr-bgcolor: @externalBackgroundColor; font-size:1px; line-height: 1px;">&nbsp;</td>
  1368. </tr>
  1369. </table>
  1370. <!-- /spacerBlock -->
  1371.  
  1372. <!-- socialBlock -->
  1373. <table width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#3f3f3f"
  1374. style="background-color: #3f3f3f; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor" data-ko-block="socialBlock">
  1375. <tr>
  1376. <td align="center" valign="top" bgcolor="#3f3f3f" style="background-color: #3f3f3f;
  1377. -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">
  1378. <!--[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]-->
  1379. <div class="oldwebkit">
  1380. <table width="570" style="width: 100%; max-width: 570px" border="0" cellpadding="0" cellspacing="9" class="vb-row fullpad" align="center">
  1381. <tr>
  1382. <td valign="top" align="center" style="font-size: 0;">
  1383.  
  1384. <!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]-->
  1385. <!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]-->
  1386. <div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full">
  1387.  
  1388. <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="276" style="width: 100%" align="left">
  1389. <tr>
  1390. <td valign="middle" align="left"
  1391. style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #919191; text-align:left;
  1392. -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"
  1393. data-ko-editable="longText" class="long-text links-color mobile-textcenter">
  1394. <p>Address and <a href="">Contacts</a></p>
  1395. </td>
  1396. </tr>
  1397. </table>
  1398.  
  1399. </div><!--[if (gte mso 9)|(lte ie 8)]></td>
  1400. <td align="left" valign="top" width="276">
  1401. <![endif]--><div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full">
  1402.  
  1403. <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="276" style="width: 100%" align="right">
  1404. <tr>
  1405. <td align="right" valign="middle" class="links-color socialLinks mobile-textcenter" data-ko-display="socialIconType eq 'colors'">
  1406. <span data-ko-display="fbVisible" data-ko-wrap="false">&nbsp;</span>
  1407. <a data-ko-display="fbVisible" href="" style="-ko-attr-href: @fbUrl">
  1408. <img src="img/social_def/facebook_ok.png" alt="Facebook" border="0" class="socialIcon" />
  1409. </a>
  1410. <span data-ko-display="twVisible" data-ko-wrap="false">&nbsp;</span>
  1411. <a data-ko-display="twVisible" href="" style="-ko-attr-href: @twUrl">
  1412. <img src="img/social_def/twitter_ok.png" alt="Twitter" border="0" class="socialIcon" />
  1413. </a>
  1414. <span data-ko-display="ggVisible" data-ko-wrap="false">&nbsp;</span>
  1415. <a data-ko-display="ggVisible" href="" style="-ko-attr-href: @ggUrl">
  1416. <img src="img/social_def/google+_ok.png" alt="Google+" border="0" class="socialIcon" />
  1417. </a>
  1418. <span data-ko-display="webVisible" data-ko-wrap="false" style="display: none">&nbsp;</span>
  1419. <a data-ko-display="webVisible" href="" style="-ko-attr-href: @webUrl; display: none">
  1420. <img src="img/social_def/web_ok.png" alt="Web" border="0" class="socialIcon" />
  1421. </a>
  1422. <span data-ko-display="inVisible" data-ko-wrap="false" style="display: none">&nbsp;</span>
  1423. <a data-ko-display="inVisible" href="" style="-ko-attr-href: @inUrl; display: none">
  1424. <img src="img/social_def/linkedin_ok.png" alt="Linkedin" border="0" class="socialIcon" />
  1425. </a>
  1426. <span data-ko-display="flVisible" data-ko-wrap="false" style="display: none">&nbsp;</span>
  1427. <a data-ko-display="flVisible" href="" style="-ko-attr-href: @flUrl; display: none">
  1428. <img src="img/social_def/flickr_ok.png" alt="Flickr" border="0" class="socialIcon" />
  1429. </a>
  1430. <span data-ko-display="viVisible" data-ko-wrap="false" style="display: none">&nbsp;</span>
  1431. <a data-ko-display="viVisible" href="" style="-ko-attr-href: @viUrl; display: none">
  1432. <img src="img/social_def/vimeo_ok.png" alt="Vimeo" border="0" class="socialIcon" />
  1433. </a>
  1434. <span data-ko-display="instVisible" data-ko-wrap="false" style="display: none">&nbsp;</span>
  1435. <a data-ko-display="instVisible" href="" style="-ko-attr-href: @instUrl; display: none">
  1436. <img src="img/social_def/instagram_ok.png" alt="Instagram" border="0" class="socialIcon" />
  1437. </a>
  1438. <span data-ko-display="youVisible" data-ko-wrap="false" style="display: none">&nbsp;</span>
  1439. <a data-ko-display="youVisible" href="" style="-ko-attr-href: @youUrl; display: none">
  1440. <img src="img/social_def/youtube_ok.png" alt="Youtube" border="0" class="socialIcon" />
  1441. </a>
  1442. </td>
  1443. <td align="right" valign="middle" class="links-color socialLinks mobile-textcenter" data-ko-display="socialIconType eq 'bw'"
  1444. style="display: none">
  1445. <span data-ko-display="fbVisible" data-ko-wrap="false">&nbsp;</span>
  1446. <a data-ko-display="fbVisible" href="" style="-ko-attr-href: @fbUrl">
  1447. <img src="img/social_def/facebook_bw_ok.png" alt="Facebook" border="0" class="socialIcon" />
  1448. </a>
  1449. <span data-ko-display="twVisible" data-ko-wrap="false">&nbsp;</span>
  1450. <a data-ko-display="twVisible" href="" style="-ko-attr-href: @twUrl">
  1451. <img src="img/social_def/twitter_bw_ok.png" alt="Twitter" border="0" class="socialIcon" />
  1452. </a>
  1453. <span data-ko-display="ggVisible" data-ko-wrap="false">&nbsp;</span>
  1454. <a data-ko-display="ggVisible" href="" style="-ko-attr-href: @ggUrl">
  1455. <img src="img/social_def/google+_bw_ok.png" alt="Google+" border="0" class="socialIcon" />
  1456. </a>
  1457. <span data-ko-display="webVisible" data-ko-wrap="false" style="display: none">&nbsp;</span>
  1458. <a data-ko-display="webVisible" href="" style="-ko-attr-href: @webUrl; display: none">
  1459. <img src="img/social_def/web_bw_ok.png" alt="Web" border="0" class="socialIcon" />
  1460. </a>
  1461. <span data-ko-display="inVisible" data-ko-wrap="false" style="display: none">&nbsp;</span>
  1462. <a data-ko-display="inVisible" href="" style="-ko-attr-href: @inUrl; display: none">
  1463. <img src="img/social_def/linkedin_bw_ok.png" alt="Linkedin" border="0" class="socialIcon" />
  1464. </a>
  1465. <span data-ko-display="flVisible" data-ko-wrap="false" style="display: none">&nbsp;</span>
  1466. <a data-ko-display="flVisible" href="" style="-ko-attr-href: @flUrl; display: none">
  1467. <img src="img/social_def/flickr_bw_ok.png" alt="Flickr" border="0" class="socialIcon" />
  1468. </a>
  1469. <span data-ko-display="viVisible" data-ko-wrap="false" style="display: none">&nbsp;</span>
  1470. <a data-ko-display="viVisible" href="" style="-ko-attr-href: @viUrl; display: none">
  1471. <img src="img/social_def/vimeo_bw_ok.png" alt="Vimeo" border="0" class="socialIcon" />
  1472. </a>
  1473. <span data-ko-display="instVisible" data-ko-wrap="false" style="display: none">&nbsp;</span>
  1474. <a data-ko-display="instVisible" href="" style="-ko-attr-href: @instUrl; display: none">
  1475. <img src="img/social_def/instagram_bw_ok.png" alt="Instagram" border="0" class="socialIcon" />
  1476. </a>
  1477. <span data-ko-display="youVisible" data-ko-wrap="false" style="display: none">&nbsp;</span>
  1478. <a data-ko-display="youVisible" href="" style="-ko-attr-href: @youUrl; display: none">
  1479. <img src="img/social_def/youtube_bw_ok.png" alt="Youtube" border="0" class="socialIcon" />
  1480. </a>
  1481. </td>
  1482. </tr>
  1483. </table>
  1484.  
  1485. </div>
  1486. <!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->
  1487. <!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->
  1488.  
  1489. </td>
  1490. </tr>
  1491. </table>
  1492. </div>
  1493. <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
  1494. </td>
  1495. </tr>
  1496. </table>
  1497. <!-- /socialBlock -->
  1498.  
  1499. </div>
  1500. </center>
  1501. </body>
  1502. </html>
  1503.  
RAW Paste Data