API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 13th, 2020
218
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 97.06 KB | None | 0 0
raw download clone embed print report
  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.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!