API tools faq
paste
Advertisement
Mr_media

mail-template

Mr_media
Dec 20th, 2017
324
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <title></title>
  6. <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
  7.  
  8. <style type="text/css">
  9.  
  10. @import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900);
  11. @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,900);
  12.  
  13. @media only screen {
  14. html {
  15. min-height: 100%;
  16. background: #f3f3f3;
  17. }
  18. }
  19.  
  20. @media only screen and (max-width: 596px) {
  21. .small-float-center {
  22. margin: 0 auto !important;
  23. float: none !important;
  24. text-align: center !important;
  25. }
  26. .small-text-center {
  27. text-align: center !important;
  28. }
  29. .small-text-left {
  30. text-align: left !important;
  31. }
  32. .small-text-right {
  33. text-align: right !important;
  34. }
  35. }
  36.  
  37. @media only screen and (max-width: 596px) {
  38. .hide-for-large {
  39. display: block !important;
  40. width: auto !important;
  41. overflow: visible !important;
  42. max-height: none !important;
  43. font-size: inherit !important;
  44. line-height: inherit !important;
  45. }
  46. }
  47.  
  48. @media only screen and (max-width: 596px) {
  49. table.body table.container .hide-for-large,
  50. table.body table.container .row.hide-for-large {
  51. display: table !important;
  52. width: 100% !important;
  53. }
  54. }
  55.  
  56. @media only screen and (max-width: 596px) {
  57. table.body table.container .callout-inner.hide-for-large {
  58. display: table-cell !important;
  59. width: 100% !important;
  60. }
  61. }
  62.  
  63. @media only screen and (max-width: 596px) {
  64. table.body table.container .show-for-large {
  65. display: none !important;
  66. width: 0;
  67. mso-hide: all;
  68. overflow: hidden;
  69. }
  70. }
  71.  
  72. @media only screen and (max-width: 596px) {
  73. table.body img {
  74. width: auto;
  75. height: auto;
  76. }
  77. table.body center {
  78. min-width: 0 !important;
  79. }
  80. table.body .container {
  81. width: 95% !important;
  82. }
  83. table.body .columns,
  84. table.body .column {
  85. height: auto !important;
  86. -moz-box-sizing: border-box;
  87. -webkit-box-sizing: border-box;
  88. box-sizing: border-box;
  89. padding-left: 16px !important;
  90. padding-right: 16px !important;
  91. }
  92. table.body .columns .column,
  93. table.body .columns .columns,
  94. table.body .column .column,
  95. table.body .column .columns {
  96. padding-left: 0 !important;
  97. padding-right: 0 !important;
  98. }
  99. table.body .collapse .columns,
  100. table.body .collapse .column {
  101. padding-left: 0 !important;
  102. padding-right: 0 !important;
  103. }
  104. td.small-1,
  105. th.small-1 {
  106. display: inline-block !important;
  107. width: 8.33333% !important;
  108. }
  109. td.small-2,
  110. th.small-2 {
  111. display: inline-block !important;
  112. width: 16.66667% !important;
  113. }
  114. td.small-3,
  115. th.small-3 {
  116. display: inline-block !important;
  117. width: 25% !important;
  118. }
  119. td.small-4,
  120. th.small-4 {
  121. display: inline-block !important;
  122. width: 33.33333% !important;
  123. }
  124. td.small-5,
  125. th.small-5 {
  126. display: inline-block !important;
  127. width: 41.66667% !important;
  128. }
  129. td.small-6,
  130. th.small-6 {
  131. display: inline-block !important;
  132. width: 50% !important;
  133. }
  134. td.small-7,
  135. th.small-7 {
  136. display: inline-block !important;
  137. width: 58.33333% !important;
  138. }
  139. td.small-8,
  140. th.small-8 {
  141. display: inline-block !important;
  142. width: 66.66667% !important;
  143. }
  144. td.small-9,
  145. th.small-9 {
  146. display: inline-block !important;
  147. width: 75% !important;
  148. }
  149. td.small-10,
  150. th.small-10 {
  151. display: inline-block !important;
  152. width: 83.33333% !important;
  153. }
  154. td.small-11,
  155. th.small-11 {
  156. display: inline-block !important;
  157. width: 91.66667% !important;
  158. }
  159. td.small-12,
  160. th.small-12 {
  161. display: inline-block !important;
  162. width: 100% !important;
  163. }
  164. .columns td.small-12,
  165. .column td.small-12,
  166. .columns th.small-12,
  167. .column th.small-12 {
  168. display: block !important;
  169. width: 100% !important;
  170. }
  171. table.body td.small-offset-1,
  172. table.body th.small-offset-1 {
  173. margin-left: 8.33333% !important;
  174. Margin-left: 8.33333% !important;
  175. }
  176. table.body td.small-offset-2,
  177. table.body th.small-offset-2 {
  178. margin-left: 16.66667% !important;
  179. Margin-left: 16.66667% !important;
  180. }
  181. table.body td.small-offset-3,
  182. table.body th.small-offset-3 {
  183. margin-left: 25% !important;
  184. Margin-left: 25% !important;
  185. }
  186. table.body td.small-offset-4,
  187. table.body th.small-offset-4 {
  188. margin-left: 33.33333% !important;
  189. Margin-left: 33.33333% !important;
  190. }
  191. table.body td.small-offset-5,
  192. table.body th.small-offset-5 {
  193. margin-left: 41.66667% !important;
  194. Margin-left: 41.66667% !important;
  195. }
  196. table.body td.small-offset-6,
  197. table.body th.small-offset-6 {
  198. margin-left: 50% !important;
  199. Margin-left: 50% !important;
  200. }
  201. table.body td.small-offset-7,
  202. table.body th.small-offset-7 {
  203. margin-left: 58.33333% !important;
  204. Margin-left: 58.33333% !important;
  205. }
  206. table.body td.small-offset-8,
  207. table.body th.small-offset-8 {
  208. margin-left: 66.66667% !important;
  209. Margin-left: 66.66667% !important;
  210. }
  211. table.body td.small-offset-9,
  212. table.body th.small-offset-9 {
  213. margin-left: 75% !important;
  214. Margin-left: 75% !important;
  215. }
  216. table.body td.small-offset-10,
  217. table.body th.small-offset-10 {
  218. margin-left: 83.33333% !important;
  219. Margin-left: 83.33333% !important;
  220. }
  221. table.body td.small-offset-11,
  222. table.body th.small-offset-11 {
  223. margin-left: 91.66667% !important;
  224. Margin-left: 91.66667% !important;
  225. }
  226. table.body table.columns td.expander,
  227. table.body table.columns th.expander {
  228. display: none !important;
  229. }
  230. table.body .right-text-pad,
  231. table.body .text-pad-right {
  232. padding-left: 10px !important;
  233. }
  234. table.body .left-text-pad,
  235. table.body .text-pad-left {
  236. padding-right: 10px !important;
  237. }
  238. table.menu {
  239. width: 100% !important;
  240. }
  241. table.menu td,
  242. table.menu th {
  243. width: auto !important;
  244. display: inline-block !important;
  245. }
  246. table.menu.vertical td,
  247. table.menu.vertical th,
  248. table.menu.small-vertical td,
  249. table.menu.small-vertical th {
  250. display: block !important;
  251. }
  252. table.menu[align="center"] {
  253. width: auto !important;
  254. }
  255. table.button.small-expand,
  256. table.button.small-expanded {
  257. width: 100% !important;
  258. }
  259. table.button.small-expand table,
  260. table.button.small-expanded table {
  261. width: 100%;
  262. }
  263. table.button.small-expand table a,
  264. table.button.small-expanded table a {
  265. text-align: center !important;
  266. width: 100% !important;
  267. padding-left: 0 !important;
  268. padding-right: 0 !important;
  269. }
  270. table.button.small-expand center,
  271. table.button.small-expanded center {
  272. min-width: 0;
  273. }
  274. }
  275.  
  276. /* -some basic styling here */
  277. p { margin-bottom: 0.5em; font-size: 15px; line-height: 20px; color: rgb(102, 102, 102); font-family: Tahoma,Verdana,Arial,sans-serif;}
  278. p.small { font-size: 13px; line-height: 18px;}
  279. h2 { margin-bottom: 0.5em; font-size: 20px; line-height: 20px; color: rgb(0, 36, 75); font-family: Georgia,Times New Roman,Times,serif;}
  280. h3 { margin-bottom: 0.5em; font-size: 16px; line-height: 20px; color: rgb(0, 36, 75); font-family: Georgia,Times New Roman,Times,serif;}
  281. td { padding: 5px 10px 5px 10px; }
  282. td.border { border-bottom: thin solid rgb(0, 36, 75);}
  283. ul { font-size: 15px; color: rgb(102, 102, 102); font-family: Tahoma,Verdana,Arial,sans-serif;}
  284.  
  285. /* - end of styling - */
  286.  
  287.  
  288. </style>
  289. </head>
  290.  
  291. <body><!-- [CONTENT] [VIEWBROWSER] -->
  292.  
  293.  
  294. <table class="body" style="Margin: 0; background: #f3f3f3; border-collapse: collapse; border-spacing: 0; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; height: 100%; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;">
  295. <tbody>
  296. <tr style="padding: 0; text-align: left; vertical-align: top;">
  297. <td class="float-center" style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0 auto; border-collapse: collapse !important; color: #0a0a0a; float: none; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0 auto; padding: 0; text-align: center; vertical-align: top; word-wrap: break-word;"
  298. valign="top" align="center">
  299. <center style="min-width: 580px; width: 100%;">
  300. <table class="wrapper header float-center" style="Margin: 0 auto; background: #8a8a8a; border-collapse: collapse; border-spacing: 0; float: none; margin: 0 auto; padding: 0; text-align: center; vertical-align: top; width: 100%;" align="center">
  301. <tbody>
  302. <tr style="padding: 0; text-align: left; vertical-align: top;">
  303. <td class="wrapper-inner" style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0px; text-align: left; vertical-align: top; word-wrap: break-word;">
  304. <table class="container" style="Margin: 0 auto; background: #8a8a8a; border-collapse: collapse; border-spacing: 0; margin: 0 auto; padding: 0; text-align: inherit; vertical-align: top; width: 580px;" align="center">
  305. <tbody>
  306. <tr style="padding: 0; text-align: left; vertical-align: top;">
  307. <td style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">
  308. <table class="row collapse" style="border-collapse: collapse; border-spacing: 0; display: table; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%;">
  309. <!-- top link part -->
  310. <tbody>
  311. <tr style="padding: 0; text-align: left; vertical-align: top;">
  312. <th style="Margin: 0; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; text-align: left;">
  313. <table style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top;">
  314. <tbody>
  315. <tr style="padding: 0; text-align: left; vertical-align: top;">
  316. <th class="small-12 large-12 columns" style="Margin: 0 auto; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 0; padding-left: 8px; padding-right: 8px; text-align: left; width: 564px;">
  317. <a style="Margin: 0; color: white; float: right; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 8px; font-weight: normal; line-height: 1.3; margin: 0; padding: 10px; text-align: center; text-decoration: none;" href="#">Read this online</a>
  318. </th>
  319. </tr>
  320. </tbody>
  321. </table>
  322. </th>
  323. </tr>
  324. <!-- end top link part-->
  325. <tr style="padding: 0; text-align: left; vertical-align: top;">
  326. <th class="small-12 large-12 columns first" style="Margin: 0 auto; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 0; padding-left: 0px; padding-right: 0px; text-align: left; width: 588px;">
  327. <table style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;">
  328. <tbody>
  329. <tr style="padding: 0; text-align: left; vertical-align: top;">
  330. <td class="headerContent" style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; background: black; border-collapse: collapse !important; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">
  331. <!-- Begin Header-logo en link naar site -->
  332. <a href="#" style="Margin: 0; color: #2199e8; font-family: Roboto,Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; text-align: left; text-decoration: none;"><img style="-ms-interpolation-mode: bicubic; border: 0px solid; clear: both; display: block; height: auto; max-width: 100%; outline: none; text-align: center; text-decoration: none; width: 250px;" usemap="#header"
  333. src="http://placehold.it/250x100"></a>
  334. <!-- // End Standard Header Image \\ -->
  335. </td>
  336. </tr>
  337. </tbody>
  338. </table>
  339. </th>
  340. </tr>
  341. </tbody>
  342. </table>
  343. </td>
  344. </tr>
  345. </tbody>
  346. </table>
  347. </td>
  348. </tr>
  349.  
  350. </tbody>
  351. </table>
  352. </center>
  353. </td>
  354. </tr>
  355. </tbody>
  356. </table>
  357.  
  358. <table class="container float-center" style="Margin: 0 auto; background: #fefefe; border-collapse: collapse; border-spacing: 0; float: none; margin: 0 auto; padding: 0; text-align: center; vertical-align: top; width: 580px;" align="center">
  359. <tbody>
  360. <tr style="padding: 0; text-align: left; vertical-align: top;">
  361. <td style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">
  362. <table class="spacer" style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;">
  363. <tbody>
  364. <tr style="padding: 0; text-align: left; vertical-align: top;">
  365. <td style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 16px; margin: 0; mso-line-height-rule: exactly; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;"
  366. height="16px"></td>
  367. </tr>
  368. </tbody>
  369. </table>
  370. <table class="row" style="border-collapse: collapse; border-spacing: 0; display: table; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%;">
  371. <tbody>
  372. <tr style="padding: 0; text-align: left; vertical-align: top;">
  373. <th class="small-12 large-12 columns first last" style="Margin: 0 auto; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: px; padding-left: 16px; padding-right: 16px; text-align: left; width: 564px;">
  374. <table style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;">
  375. <tbody>
  376. <tr style="padding: 0; text-align: left; vertical-align: top;">
  377. <th style="Margin: 0; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; text-align: left;">
  378.  
  379.  
  380.  
  381. <!-- -->
  382. <table class="button rounded expand large alert" style="Margin: 0 0 16px 0; border-collapse: collapse; border-spacing: 0; margin: 0 0 16px 0; padding: 0; text-align: left; vertical-align: top; width: 100% !important;">
  383. <tbody>
  384. <tr style="padding: 0; text-align: left; vertical-align: top;">
  385. <td style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">
  386. <table style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;">
  387. <tbody>
  388. <tr style="padding: 0; text-align: left; vertical-align: top;">
  389. <td style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; background: #ec5840; border: 0px solid #ec5840; border-collapse: collapse !important; border-radius: 500px; color: #fefefe; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;"><a href="#" style="Margin: 0; border: 0 solid #ec5840; border-radius: 3px; color: #fefefe; display: inline-block; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; line-height: 1.3; margin: 0; padding: 10px 20px 10px 20px; padding-left: 0; padding-right: 0; text-align: center; text-decoration: none; width: 100%;">Click Me!</a></td>
  390. </tr>
  391. </tbody>
  392. </table>
  393. </td>
  394. </tr>
  395. </tbody>
  396. </table>
  397. </th>
  398. <th class="expander" style="Margin: 0; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0 !important; text-align: left; visibility: hidden; width: 0;"></th>
  399. </tr>
  400. </tbody>
  401. </table>
  402. </th>
  403. </tr>
  404. </tbody>
  405. </table>
  406.  
  407.  
  408. <!-- block afbeelding links tekst rechts -->
  409.  
  410. <table class="row" style="border-collapse: collapse; border-spacing: 0; display: table; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%;">
  411. <tbody>
  412. <tr style="padding: 0; text-align: left; vertical-align: top;">
  413. <th class="small-12 large-6 first columns" style="Margin: 0 auto; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 16px; padding-left: 16px; padding-right: 8px; text-align: left; width: 274px;">
  414.  
  415. <p style="Margin: 0; Margin-bottom: 10px; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left;"><img src="http://placehold.it/300x200" alt="" style="-ms-interpolation-mode: bicubic; clear: both; display: block; max-width: 100%; outline: none; text-decoration: none; width: auto;"></p>
  416.  
  417. </th>
  418. <th class="small-12 large-6 last columns show-for-large" style="Margin: 0 auto; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 16px; padding-left: 8px; padding-right: 16px; text-align: left; width: 274px;">
  419. <p style="Margin: 0; Margin-bottom: 10px; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left;"> Niet voor klein dus?</p>
  420. </th>
  421. <th class="expander" style="Margin: 0; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0 !important; text-align: left; visibility: hidden; width: 0;"></th>
  422. </tr>
  423. </tbody>
  424. </table>
  425.  
  426.  
  427.  
  428. <!-- start of repeating item -->
  429. <table data-repeatable="article" class="row" style="border-collapse: collapse; border-spacing: 0; display: table; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%;">
  430. <tbody>
  431. <tr style="padding: 0; text-align: left; vertical-align: top;">
  432. <th class="small-12 large-6 first columns" style="margin: auto; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 16px; padding-left: 16px; padding-right: 8px; text-align: left; width: 274px;"><h3 data-edit="article-title" data-type="text" style="Margin: 0; Margin-bottom: 10px; color: inherit; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 28px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left; word-wrap: normal;">My Article header</h3><p data-edit="article-content" style="Margin: 0; Margin-bottom: 10px; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left;">Some article text here!</p>
  433. </th>
  434. <th class="small-12 large-6 last columns" style="Margin: 0 auto; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 16px; padding-left: 8px; padding-right: 16px; text-align: left; width: 274px;">
  435. <p style="Margin: 0; Margin-bottom: 10px; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left;"><img data-edit="image" src="http://placehold.it/300x200" alt="" style="-ms-interpolation-mode: bicubic; clear: both; display: block; max-width: 100%; outline: none; text-decoration: none; width: auto;"></p>
  436. </th>
  437. <th class="expander" style="Margin: 0; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0 !important; text-align: left; visibility: hidden; width: 0;"></th>
  438. </tr>
  439. <!-- end of repeating item -->
  440. </tbody>
  441. </table>
  442.  
  443.  
  444.  
  445.  
  446.  
  447. <table class="row" style="border-collapse: collapse; border-spacing: 0; display: table; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%;">
  448. <tbody>
  449. <tr style="padding: 0; text-align: left; vertical-align: top;">
  450. <th class="small-12 large-6 first columns" style="Margin: 0 auto; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 16px; padding-left: 16px; padding-right: 8px; text-align: left; width: 274px;">
  451. <p style="Margin: 0; Margin-bottom: 10px; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left;"><img src="http://placehold.it/300x200" alt="" style="-ms-interpolation-mode: bicubic; clear: both; display: block; max-width: 100%; outline: none; text-decoration: none; width: auto;"></p>
  452. </th>
  453. <th class="small-12 large-6 last columns" style="Margin: 0 auto; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 16px; padding-left: 8px; padding-right: 16px; text-align: left; width: 274px;">
  454. <p style="Margin: 0; Margin-bottom: 10px; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left;"><img src="http://placehold.it/300x200" alt="" style="-ms-interpolation-mode: bicubic; clear: both; display: block; max-width: 100%; outline: none; text-decoration: none; width: auto;"></p>
  455. </th>
  456. <th class="expander" style="Margin: 0; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0 !important; text-align: left; visibility: hidden; width: 0;"></th>
  457. </tr>
  458. </tbody>
  459. </table>
  460.  
  461. <!-- block tekst links en rechts -->
  462.  
  463.  
  464. <table class="row" style="border-collapse: collapse; border-spacing: 0; display: table; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%;">
  465. <tbody>
  466. <tr style="padding: 0; text-align: left; vertical-align: top;">
  467. <th class="small-12 large-6 first columns" style="Margin: 0 auto; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 16px; padding-left: 16px; padding-right: 8px; text-align: left; width: 274px;">
  468. <h3 style="Margin: 0; Margin-bottom: 10px; color: inherit; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 28px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left; word-wrap: normal;">Nu in de aanbieding!</h3>
  469. <p style="Margin: 0; Margin-bottom: 10px; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left;">Deze winter ook genieten van zelf gebakken pizza? We hebben een leuke aanbieding voor je. Bestel deze week uw pizzaoven - buitenkeuken en ontvang een leuke korting op uw aankoop!</p>
  470.  
  471. </th>
  472. <th class="small-12 large-6 last columns" style="Margin: 0 auto; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 16px; padding-left: 8px; padding-right: 16px; text-align: left; width: 274px;">
  473. <h3 style="Margin: 0; Margin-bottom: 10px; color: inherit; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 28px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left; word-wrap: normal;">Nu in de aanbieding!</h3>
  474. <p style="Margin: 0; Margin-bottom: 10px; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left;">Deze winter ook genieten van zelf gebakken pizza? We hebben een leuke aanbieding voor je. Bestel deze week uw pizzaoven - buitenkeuken en ontvang een leuke korting op jouw aankoop!</p>
  475. </th>
  476. <th class="expander" style="Margin: 0; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0 !important; text-align: left; visibility: hidden; width: 0;"></th>
  477. </tr>
  478. </tbody>
  479. </table>
  480.  
  481. <!-- block conact me ons -->
  482. <table class="wrapper secondary" style="background: black; border-collapse: collapse; border-spacing: 0; color: white; padding: 0; text-align: left; vertical-align: top; width: 100%;" align="center">
  483. <tbody>
  484. <tr style="padding: 0; text-align: left; vertical-align: top;">
  485. <td class="wrapper-inner" style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">
  486. <table class="spacer" style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;">
  487. <tbody>
  488. <tr style="padding: 0; text-align: left; vertical-align: top;">
  489. <td style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 16px; margin: 0; mso-line-height-rule: exactly; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;"
  490. height="16px"></td>
  491. </tr>
  492. </tbody>
  493. </table>
  494.  
  495.  
  496. <table class="row mail_footer" style="border-collapse: collapse; border-spacing: 0; display: table; font-color: white; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%;">
  497. <tbody>
  498. <tr style="padding: 0; text-align: left; vertical-align: top;">
  499. <th class="small-12 large-6 columns first" style="Margin: 0 auto; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 16px; padding-left: 16px; padding-right: 8px; text-align: left; width: 274px;">
  500. <table style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;">
  501. <tbody>
  502. <tr style="padding: 0; text-align: left; vertical-align: top;">
  503. <th style="Margin: 0; color: white; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; text-align: left;">
  504. <h5 style="Margin: 0; Margin-bottom: 10px; color: inherit; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left; word-wrap: normal;">Contact Info:</h5>
  505. <p style="Margin: 0; Margin-bottom: 10px; color: white; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left;">Italiaanse PIZZAOVEN voor thuis!<br> PIZZAJOLLY
  506. <br> Scherpenzeelseweg 34<br> 3953MB Maarsbergen<br></p>
  507. </th>
  508. </tr>
  509. </tbody>
  510. </table>
  511. </th>
  512. <th class="small-12 large-6 columns last" style="Margin: 0 auto; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 16px; padding-left: 8px; padding-right: 16px; text-align: left; width: 274px;">
  513. <table style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;">
  514. <tbody>
  515. <tr style="padding: 0; text-align: left; vertical-align: top;">
  516. <th style="Margin: 0; color: white; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; text-align: left;">
  517. <h5 style="Margin: 0; Margin-bottom: 10px; color: inherit; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left; word-wrap: normal;">Volg ons op:</h5>
  518. <table class="menu vertical" style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;" align="left">
  519. <tbody>
  520. <tr style="padding: 0; text-align: left; vertical-align: top;">
  521. <td style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">
  522. <table style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;">
  523. <tbody>
  524. <tr style="padding: 0; text-align: left; vertical-align: top;">
  525. <th style="Margin: 0 auto; color: #0a0a0a; display: block; float: none; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 10px; padding-right: 0; text-align: left;" class="menu-item float-center"><a style="Margin: 0; color: white; font-family: Roboto,Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; text-align: left; text-decoration: none; width: 100%;" href="#">Twitter</a></th>
  526. <th style="Margin: 0 auto; color: #0a0a0a; display: block; float: none; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 10px; padding-right: 0; text-align: left;" class="menu-item float-center"><a style="Margin: 0; color: white; font-family: Roboto,Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; text-align: left; text-decoration: none; width: 100%;" href="#">Facebook</a></th>
  527. <th style="Margin: 0 auto; color: #0a0a0a; display: block; float: none; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 10px; padding-right: 0; text-align: left;" class="menu-item float-center"><a style="Margin: 0; color: white; font-family: Roboto,Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; text-align: left; text-decoration: none; width: 100%;" href="#">Pinterest</a></th>
  528. </tr>
  529. </tbody>
  530. </table>
  531. </td>
  532. </tr>
  533. </tbody>
  534. </table>
  535. </th>
  536. </tr>
  537. </tbody>
  538. </table>
  539. </th>
  540. </tr>
  541. </tbody>
  542. </table>
  543. </td>
  544. </tr>
  545. </tbody>
  546. </table>
  547. <center style="background: red; min-width: 580px; width: 100%;" >
  548. <table class="menu float-center" style="Margin: 0 auto; background: red; border-collapse: collapse; border-spacing: 0; float: none; margin: 0 auto; padding: 0; text-align: center; vertical-align: top; width: auto !important;" align="center">
  549. <tbody>
  550. <tr style="background: red; padding: 0; text-align: left; vertical-align: top;">
  551. <td style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; background: red; border-collapse: collapse !important; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">
  552. <table class="spacer" style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;">
  553. <tbody>
  554. <tr style="padding: 0; text-align: left; vertical-align: top;">
  555. <td style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 16px; margin: 0; mso-line-height-rule: exactly; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;"
  556. height="16px"></td>
  557. </tr>
  558. </tbody>
  559. </table>
  560.  
  561. <table style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top;">
  562. <tbody>
  563. <tr style="padding: 0; text-align: left; vertical-align: top;">
  564. <th class="menu-item float-center" style="Margin: 0 auto; color: #0a0a0a; float: none; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 10px; padding-right: 10px; text-align: center;"><a style="Margin: 0; color: white; font-family: Roboto,Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; text-align: left; text-decoration: none;" href="#">Contact met PIZZAJOLLY</a></th>
  565. <th class="menu-item float-center" style="Margin: 0 auto; color: #0a0a0a; float: none; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 10px; padding-right: 10px; text-align: center;"><a style="Margin: 0; color: white; font-family: Roboto,Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; text-align: left; text-decoration: none;" href="#">Afmelden voor deze Mailing</a></th>
  566. </tr>
  567. </tbody>
  568. </table>
  569. <table class="spacer" style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;">
  570. <tbody>
  571. <tr style="padding: 0; text-align: left; vertical-align: top;">
  572. <td style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #0a0a0a; font-family: Roboto,Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 16px; margin: 0; mso-line-height-rule: exactly; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;"
  573. height="16px"></td>
  574. </tr>
  575. </tbody>
  576. </table>
  577.  
  578. </td>
  579. </tr>
  580. </tbody>
  581. </table>
  582. </center>
  583. </td>
  584. </tr>
  585. </tbody>
  586. </table>
  587.  
  588.  
  589.  
  590. </body>
  591.  
  592. </html>
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!