API tools faq
paste
Advertisement
Guest User

Shopware HTML e-mail

a guest
Jun 13th, 2015
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 37.52 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"><html xmlns="http://www.w3.org/1999/xhtml"><head>
  2.     <title></title>
  3.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4.     <style type="text/css">
  5. body {
  6.   margin: 0;
  7.   mso-line-height-rule: exactly;
  8.   padding: 0;
  9.   min-width: 100%;
  10. }
  11. table {
  12.   border-collapse: collapse;
  13.   border-spacing: 0;
  14. }
  15. td {
  16.   padding: 0;
  17.   vertical-align: top;
  18. }
  19. .spacer,
  20. .border {
  21.   font-size: 1px;
  22.   line-height: 1px;
  23. }
  24. .spacer {
  25.   width: 100%;
  26. }
  27. img {
  28.   border: 0;
  29.   -ms-interpolation-mode: bicubic;
  30. }
  31. .image {
  32.   font-size: 12px;
  33.   Margin-bottom: 24px;
  34.   mso-line-height-rule: at-least;
  35. }
  36. .image img {
  37.   display: block;
  38. }
  39. .logo {
  40.   mso-line-height-rule: at-least;
  41. }
  42. .logo img {
  43.   display: block;
  44. }
  45. strong {
  46.   font-weight: bold;
  47. }
  48. h1,
  49. h2,
  50. h3,
  51. p,
  52. ol,
  53. ul,
  54. li {
  55.   Margin-top: 0;
  56. }
  57. ol,
  58. ul,
  59. li {
  60.   padding-left: 0;
  61. }
  62. blockquote {
  63.   Margin-top: 0;
  64.   Margin-right: 0;
  65.   Margin-bottom: 0;
  66.   padding-right: 0;
  67. }
  68. .column-top {
  69.   font-size: 32px;
  70.   line-height: 32px;
  71. }
  72. .column-bottom {
  73.   font-size: 8px;
  74.   line-height: 8px;
  75. }
  76. .column {
  77.   text-align: left;
  78. }
  79. .contents {
  80.   table-layout: fixed;
  81.   width: 100%;
  82. }
  83. .padded {
  84.   padding-left: 32px;
  85.   padding-right: 32px;
  86.   word-break: break-word;
  87.   word-wrap: break-word;
  88. }
  89. .wrapper {
  90.   display: table;
  91.   table-layout: fixed;
  92.   width: 100%;
  93.   min-width: 620px;
  94.   -webkit-text-size-adjust: 100%;
  95.   -ms-text-size-adjust: 100%;
  96. }
  97. table.wrapper {
  98.   table-layout: fixed;
  99. }
  100. .one-col,
  101. .two-col,
  102. .three-col {
  103.   Margin-left: auto;
  104.   Margin-right: auto;
  105.   width: 600px;
  106. }
  107. .centered {
  108.   Margin-left: auto;
  109.   Margin-right: auto;
  110. }
  111. .two-col .image {
  112.   Margin-bottom: 23px;
  113. }
  114. .two-col .column-bottom {
  115.   font-size: 9px;
  116.   line-height: 9px;
  117. }
  118. .two-col .column {
  119.   width: 300px;
  120. }
  121. .three-col .image {
  122.   Margin-bottom: 21px;
  123. }
  124. .three-col .column-bottom {
  125.   font-size: 11px;
  126.   line-height: 11px;
  127. }
  128. .three-col .column {
  129.   width: 200px;
  130. }
  131. .three-col .first .padded {
  132.   padding-left: 32px;
  133.   padding-right: 16px;
  134. }
  135. .three-col .second .padded {
  136.   padding-left: 24px;
  137.   padding-right: 24px;
  138. }
  139. .three-col .third .padded {
  140.   padding-left: 16px;
  141.   padding-right: 32px;
  142. }
  143. @media only screen and (min-width: 0) {
  144.   .wrapper {
  145.     text-rendering: optimizeLegibility;
  146.   }
  147. }
  148. @media only screen and (max-width: 620px) {
  149.   [class=wrapper] {
  150.     min-width: 318px !important;
  151.     width: 100% !important;
  152.   }
  153.   [class=wrapper] .one-col,
  154.   [class=wrapper] .two-col,
  155.   [class=wrapper] .three-col {
  156.     width: 318px !important;
  157.   }
  158.   [class=wrapper] .column,
  159.   [class=wrapper] .gutter {
  160.     display: block;
  161.     float: left;
  162.     width: 318px !important;
  163.   }
  164.   [class=wrapper] .padded {
  165.     padding-left: 32px !important;
  166.     padding-right: 32px !important;
  167.   }
  168.   [class=wrapper] .block {
  169.     display: block !important;
  170.   }
  171.   [class=wrapper] .hide {
  172.     display: none !important;
  173.   }
  174.   [class=wrapper] .image {
  175.     margin-bottom: 24px !important;
  176.   }
  177.   [class=wrapper] .image img {
  178.     height: auto !important;
  179.     width: 100% !important;
  180.   }
  181. }
  182. .wrapper h1 {
  183.   font-weight: 700;
  184. }
  185. .wrapper h2 {
  186.   font-style: italic;
  187.   font-weight: normal;
  188. }
  189. .wrapper h3 {
  190.   font-weight: normal;
  191. }
  192. .one-col blockquote,
  193. .two-col blockquote,
  194. .three-col blockquote {
  195.   font-style: italic;
  196. }
  197. .one-col-feature h1 {
  198.   font-weight: normal;
  199. }
  200. .one-col-feature h2 {
  201.   font-style: normal;
  202.   font-weight: bold;
  203. }
  204. .one-col-feature h3 {
  205.   font-style: italic;
  206. }
  207. td.border {
  208.   width: 1px;
  209. }
  210. tr.border {
  211.   background-color: #e9e9e9;
  212.   height: 1px;
  213. }
  214. tr.border td {
  215.   line-height: 1px;
  216. }
  217. .one-col,
  218. .two-col,
  219. .three-col,
  220. .one-col-feature {
  221.   background-color: #ffffff;
  222.   font-size: 14px;
  223.   table-layout: fixed;
  224. }
  225. .one-col,
  226. .two-col,
  227. .three-col,
  228. .one-col-feature,
  229. .preheader,
  230. .header,
  231. .footer {
  232.   Margin-left: auto;
  233.   Margin-right: auto;
  234. }
  235. .preheader table {
  236.   width: 602px;
  237. }
  238. .preheader .title,
  239. .preheader .webversion {
  240.   padding-top: 10px;
  241.   padding-bottom: 12px;
  242.   font-size: 12px;
  243.   line-height: 21px;
  244. }
  245. .preheader .title {
  246.   text-align: left;
  247. }
  248. .preheader .webversion {
  249.   text-align: right;
  250.   width: 300px;
  251. }
  252. .header {
  253.   width: 602px;
  254. }
  255. .header .logo {
  256.   padding: 32px 0;
  257. }
  258. .header .logo div {
  259.   font-size: 26px;
  260.   font-weight: 700;
  261.   letter-spacing: -0.02em;
  262.   line-height: 32px;
  263. }
  264. .header .logo div a {
  265.   text-decoration: none;
  266. }
  267. .header .logo div.logo-center {
  268.   text-align: center;
  269. }
  270. .header .logo div.logo-center img {
  271.   Margin-left: auto;
  272.   Margin-right: auto;
  273. }
  274. .gmail {
  275.   width: 650px;
  276.   min-width: 650px;
  277. }
  278. .gmail td {
  279.   font-size: 1px;
  280.   line-height: 1px;
  281. }
  282. .wrapper a {
  283.   text-decoration: underline;
  284.   transition: all .2s;
  285. }
  286. .wrapper h1 {
  287.   font-size: 36px;
  288.   Margin-bottom: 18px;
  289. }
  290. .wrapper h2 {
  291.   font-size: 26px;
  292.   line-height: 32px;
  293.   Margin-bottom: 20px;
  294. }
  295. .wrapper h3 {
  296.   font-size: 18px;
  297.   line-height: 22px;
  298.   Margin-bottom: 16px;
  299. }
  300. .wrapper h1 a,
  301. .wrapper h2 a,
  302. .wrapper h3 a {
  303.   text-decoration: none;
  304. }
  305. .one-col blockquote,
  306. .two-col blockquote,
  307. .three-col blockquote {
  308.   font-size: 14px;
  309.   border-left: 2px solid #e9e9e9;
  310.   Margin-left: 0;
  311.   padding-left: 16px;
  312. }
  313. table.divider {
  314.   width: 100%;
  315. }
  316. .divider .inner {
  317.   padding-bottom: 24px;
  318. }
  319. .divider table {
  320.   background-color: #e9e9e9;
  321.   font-size: 2px;
  322.   line-height: 2px;
  323.   width: 60px;
  324. }
  325. .wrapper .gray {
  326.   background-color: #f7f7f7;
  327. }
  328. .wrapper .gray blockquote {
  329.   border-left-color: #dddddd;
  330. }
  331. .wrapper .gray .divider table {
  332.   background-color: #dddddd;
  333. }
  334. .padded .image {
  335.   font-size: 0;
  336. }
  337. .image-frame {
  338.   padding: 8px;
  339. }
  340. .image-background {
  341.   display: inline-block;
  342.   font-size: 12px;
  343. }
  344. .btn {
  345.   Margin-bottom: 24px;
  346.   padding: 2px;
  347. }
  348. .btn a {
  349.   border: 1px solid #ffffff;
  350.   display: inline-block;
  351.   font-size: 13px;
  352.   font-weight: bold;
  353.   line-height: 15px;
  354.   outline-style: solid;
  355.   outline-width: 2px;
  356.   padding: 10px 30px;
  357.   text-align: center;
  358.   text-decoration: none !important;
  359. }
  360. .one-col .column table:nth-last-child(2) td h1:last-child,
  361. .one-col .column table:nth-last-child(2) td h2:last-child,
  362. .one-col .column table:nth-last-child(2) td h3:last-child,
  363. .one-col .column table:nth-last-child(2) td p:last-child,
  364. .one-col .column table:nth-last-child(2) td ol:last-child,
  365. .one-col .column table:nth-last-child(2) td ul:last-child {
  366.   Margin-bottom: 24px;
  367. }
  368. .one-col p,
  369. .one-col ol,
  370. .one-col ul {
  371.   font-size: 16px;
  372.   line-height: 24px;
  373. }
  374. .one-col ol,
  375. .one-col ul {
  376.   Margin-left: 18px;
  377. }
  378. .two-col .column table:nth-last-child(2) td h1:last-child,
  379. .two-col .column table:nth-last-child(2) td h2:last-child,
  380. .two-col .column table:nth-last-child(2) td h3:last-child,
  381. .two-col .column table:nth-last-child(2) td p:last-child,
  382. .two-col .column table:nth-last-child(2) td ol:last-child,
  383. .two-col .column table:nth-last-child(2) td ul:last-child {
  384.   Margin-bottom: 23px;
  385. }
  386. .two-col .image-frame {
  387.   padding: 6px;
  388. }
  389. .two-col h1 {
  390.   font-size: 26px;
  391.   line-height: 32px;
  392.   Margin-bottom: 16px;
  393. }
  394. .two-col h2 {
  395.   font-size: 20px;
  396.   line-height: 26px;
  397.   Margin-bottom: 18px;
  398. }
  399. .two-col h3 {
  400.   font-size: 16px;
  401.   line-height: 20px;
  402.   Margin-bottom: 14px;
  403. }
  404. .two-col p,
  405. .two-col ol,
  406. .two-col ul {
  407.   font-size: 14px;
  408.   line-height: 23px;
  409. }
  410. .two-col ol,
  411. .two-col ul {
  412.   Margin-left: 16px;
  413. }
  414. .two-col li {
  415.   padding-left: 5px;
  416. }
  417. .two-col .divider .inner {
  418.   padding-bottom: 23px;
  419. }
  420. .two-col .btn {
  421.   Margin-bottom: 23px;
  422. }
  423. .two-col blockquote {
  424.   padding-left: 16px;
  425. }
  426. .three-col .column table:nth-last-child(2) td h1:last-child,
  427. .three-col .column table:nth-last-child(2) td h2:last-child,
  428. .three-col .column table:nth-last-child(2) td h3:last-child,
  429. .three-col .column table:nth-last-child(2) td p:last-child,
  430. .three-col .column table:nth-last-child(2) td ol:last-child,
  431. .three-col .column table:nth-last-child(2) td ul:last-child {
  432.   Margin-bottom: 21px;
  433. }
  434. .three-col .image-frame {
  435.   padding: 4px;
  436. }
  437. .three-col h1 {
  438.   font-size: 20px;
  439.   line-height: 26px;
  440.   Margin-bottom: 12px;
  441. }
  442. .three-col h2 {
  443.   font-size: 16px;
  444.   line-height: 22px;
  445.   Margin-bottom: 14px;
  446. }
  447. .three-col h3 {
  448.   font-size: 14px;
  449.   line-height: 18px;
  450.   Margin-bottom: 10px;
  451. }
  452. .three-col p,
  453. .three-col ol,
  454. .three-col ul {
  455.   font-size: 12px;
  456.   line-height: 21px;
  457. }
  458. .three-col ol,
  459. .three-col ul {
  460.   Margin-left: 14px;
  461. }
  462. .three-col li {
  463.   padding-left: 6px;
  464. }
  465. .three-col .divider .inner {
  466.   padding-bottom: 21px;
  467. }
  468. .three-col .btn {
  469.   Margin-bottom: 21px;
  470. }
  471. .three-col .btn a {
  472.   font-size: 12px;
  473.   line-height: 14px;
  474.   padding: 8px 19px;
  475. }
  476. .three-col blockquote {
  477.   padding-left: 16px;
  478. }
  479. .one-col-feature .column-top {
  480.   font-size: 36px;
  481.   line-height: 36px;
  482. }
  483. .one-col-feature .column-bottom {
  484.   font-size: 4px;
  485.   line-height: 4px;
  486. }
  487. .one-col-feature .column {
  488.   text-align: center;
  489.   width: 600px;
  490. }
  491. .one-col-feature .image {
  492.   Margin-bottom: 32px;
  493. }
  494. .one-col-feature .column table:nth-last-child(2) td h1:last-child,
  495. .one-col-feature .column table:nth-last-child(2) td h2:last-child,
  496. .one-col-feature .column table:nth-last-child(2) td h3:last-child,
  497. .one-col-feature .column table:nth-last-child(2) td p:last-child,
  498. .one-col-feature .column table:nth-last-child(2) td ol:last-child,
  499. .one-col-feature .column table:nth-last-child(2) td ul:last-child {
  500.   Margin-bottom: 32px;
  501. }
  502. .one-col-feature h1,
  503. .one-col-feature h2,
  504. .one-col-feature h3 {
  505.   text-align: center;
  506. }
  507. .one-col-feature h1 {
  508.   font-size: 52px;
  509.   Margin-bottom: 22px;
  510. }
  511. .one-col-feature h2 {
  512.   font-size: 42px;
  513.   Margin-bottom: 20px;
  514. }
  515. .one-col-feature h3 {
  516.   font-size: 32px;
  517.   line-height: 42px;
  518.   Margin-bottom: 20px;
  519. }
  520. .one-col-feature p,
  521. .one-col-feature ol,
  522. .one-col-feature ul {
  523.   font-size: 21px;
  524.   line-height: 32px;
  525.   Margin-bottom: 32px;
  526. }
  527. .one-col-feature p a,
  528. .one-col-feature ol a,
  529. .one-col-feature ul a {
  530.   text-decoration: none;
  531. }
  532. .one-col-feature p {
  533.   text-align: center;
  534. }
  535. .one-col-feature ol,
  536. .one-col-feature ul {
  537.   Margin-left: 40px;
  538.   text-align: left;
  539. }
  540. .one-col-feature li {
  541.   padding-left: 3px;
  542. }
  543. .one-col-feature .btn {
  544.   Margin-bottom: 32px;
  545.   text-align: center;
  546. }
  547. .one-col-feature .divider .inner {
  548.   padding-bottom: 32px;
  549. }
  550. .one-col-feature blockquote {
  551.   border-bottom: 2px solid #e9e9e9;
  552.   border-left-color: #ffffff;
  553.   border-left-width: 0;
  554.   border-left-style: none;
  555.   border-top: 2px solid #e9e9e9;
  556.   Margin-bottom: 32px;
  557.   Margin-left: 0;
  558.   padding-bottom: 42px;
  559.   padding-left: 0;
  560.   padding-top: 42px;
  561.   position: relative;
  562. }
  563. .one-col-feature blockquote:before,
  564. .one-col-feature blockquote:after {
  565.   background: -moz-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%);
  566.   background: -webkit-gradient(linear, left top, right top, color-stop(25%, #ffffff), color-stop(25%, #e9e9e9), color-stop(75%, #e9e9e9), color-stop(75%, #ffffff));
  567.   background: -webkit-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%);
  568.   background: -o-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%);
  569.   background: -ms-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%);
  570.   background: linear-gradient(to right, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%);
  571.   content: '';
  572.   display: block;
  573.   height: 2px;
  574.   left: 0;
  575.   outline: 1px solid #ffffff;
  576.   position: absolute;
  577.   right: 0;
  578. }
  579. .one-col-feature blockquote:before {
  580.   top: -2px;
  581. }
  582. .one-col-feature blockquote:after {
  583.   bottom: -2px;
  584. }
  585. .one-col-feature blockquote p,
  586. .one-col-feature blockquote ol,
  587. .one-col-feature blockquote ul {
  588.   font-size: 42px;
  589.   line-height: 48px;
  590.   Margin-bottom: 48px;
  591. }
  592. .one-col-feature blockquote p:last-child,
  593. .one-col-feature blockquote ol:last-child,
  594. .one-col-feature blockquote ul:last-child {
  595.   Margin-bottom: 0 !important;
  596. }
  597. .footer {
  598.   width: 602px;
  599. }
  600. .footer .padded {
  601.   font-size: 12px;
  602.   line-height: 20px;
  603. }
  604. .social {
  605.   padding-top: 32px;
  606.   padding-bottom: 22px;
  607. }
  608. .social img {
  609.   display: block;
  610. }
  611. .social .divider {
  612.   font-family: sans-serif;
  613.   font-size: 10px;
  614.   line-height: 21px;
  615.   text-align: center;
  616.   padding-left: 14px;
  617.   padding-right: 14px;
  618. }
  619. .social .social-text {
  620.   height: 21px;
  621.   vertical-align: middle !important;
  622.   font-size: 10px;
  623.   font-weight: bold;
  624.   text-decoration: none;
  625.   text-transform: uppercase;
  626. }
  627. .social .social-text a {
  628.   text-decoration: none;
  629. }
  630. .address {
  631.   width: 250px;
  632. }
  633. .address .padded {
  634.   text-align: left;
  635.   padding-left: 0;
  636.   padding-right: 10px;
  637. }
  638. .subscription {
  639.   width: 350px;
  640. }
  641. .subscription .padded {
  642.   text-align: right;
  643.   padding-right: 0;
  644.   padding-left: 10px;
  645. }
  646. .address,
  647. .subscription {
  648.   padding-top: 32px;
  649.   padding-bottom: 64px;
  650. }
  651. .address a,
  652. .subscription a {
  653.   font-weight: bold;
  654.   text-decoration: none;
  655. }
  656. .address table,
  657. .subscription table {
  658.   width: 100%;
  659. }
  660. @media only screen and (max-width: 651px) {
  661.   .gmail {
  662.     display: none !important;
  663.   }
  664. }
  665. @media only screen and (max-width: 620px) {
  666.   [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td h1:last-child,
  667.   [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td h1:last-child,
  668.   [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td h1:last-child,
  669.   [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td h1:last-child,
  670.   [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td h2:last-child,
  671.   [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td h2:last-child,
  672.   [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td h2:last-child,
  673.   [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td h2:last-child,
  674.   [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td h3:last-child,
  675.   [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td h3:last-child,
  676.   [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td h3:last-child,
  677.   [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td h3:last-child,
  678.   [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td p:last-child,
  679.   [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td p:last-child,
  680.   [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td p:last-child,
  681.   [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td p:last-child,
  682.   [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td ol:last-child,
  683.   [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td ol:last-child,
  684.   [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td ol:last-child,
  685.   [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td ol:last-child,
  686.   [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td ul:last-child,
  687.   [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td ul:last-child,
  688.   [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td ul:last-child,
  689.   [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td ul:last-child {
  690.     Margin-bottom: 24px !important;
  691.   }
  692.   [class=wrapper] .address,
  693.   [class=wrapper] .subscription {
  694.     display: block;
  695.     float: left;
  696.     width: 318px !important;
  697.     text-align: center !important;
  698.   }
  699.   [class=wrapper] .address {
  700.     padding-bottom: 0 !important;
  701.   }
  702.   [class=wrapper] .subscription {
  703.     padding-top: 0 !important;
  704.   }
  705.   [class=wrapper] h1 {
  706.     font-size: 36px !important;
  707.     line-height: 42px !important;
  708.     Margin-bottom: 18px !important;
  709.   }
  710.   [class=wrapper] h2 {
  711.     font-size: 26px !important;
  712.     line-height: 32px !important;
  713.     Margin-bottom: 20px !important;
  714.   }
  715.   [class=wrapper] h3 {
  716.     font-size: 18px !important;
  717.     line-height: 22px !important;
  718.     Margin-bottom: 16px !important;
  719.   }
  720.   [class=wrapper] p,
  721.   [class=wrapper] ol,
  722.   [class=wrapper] ul {
  723.     font-size: 16px !important;
  724.     line-height: 24px !important;
  725.     Margin-bottom: 24px !important;
  726.   }
  727.   [class=wrapper] ol,
  728.   [class=wrapper] ul {
  729.     Margin-left: 18px !important;
  730.   }
  731.   [class=wrapper] li {
  732.     padding-left: 2px !important;
  733.   }
  734.   [class=wrapper] blockquote {
  735.     padding-left: 16px !important;
  736.   }
  737.   [class=wrapper] .two-col .column:nth-child(n + 3) {
  738.     border-top: 1px solid #e9e9e9;
  739.   }
  740.   [class=wrapper] .btn {
  741.     margin-bottom: 24px !important;
  742.   }
  743.   [class=wrapper] .btn a {
  744.     display: block !important;
  745.     font-size: 13px !important;
  746.     font-weight: bold !important;
  747.     line-height: 15px !important;
  748.     padding: 10px 30px !important;
  749.   }
  750.   [class=wrapper] .column-bottom {
  751.     font-size: 8px !important;
  752.     line-height: 8px !important;
  753.   }
  754.   [class=wrapper] .first .column-bottom,
  755.   [class=wrapper] .three-col .second .column-bottom {
  756.     display: none;
  757.   }
  758.   [class=wrapper] .second .column-top,
  759.   [class=wrapper] .third .column-top {
  760.     display: none;
  761.   }
  762.   [class=wrapper] .image-frame {
  763.     padding: 4px !important;
  764.   }
  765.   [class=wrapper] .header .logo {
  766.     padding-left: 10px !important;
  767.     padding-right: 10px !important;
  768.   }
  769.   [class=wrapper] .header .logo div {
  770.     font-size: 26px !important;
  771.     line-height: 32px !important;
  772.   }
  773.   [class=wrapper] .header .logo div img {
  774.     display: inline-block !important;
  775.     max-width: 280px !important;
  776.     height: auto !important;
  777.   }
  778.   [class=wrapper] table.border,
  779.   [class=wrapper] .header,
  780.   [class=wrapper] .webversion,
  781.   [class=wrapper] .footer {
  782.     width: 320px !important;
  783.   }
  784.   [class=wrapper] .preheader .webversion,
  785.   [class=wrapper] .header .logo a {
  786.     text-align: center !important;
  787.   }
  788.   [class=wrapper] .preheader table,
  789.   [class=wrapper] .border td {
  790.     width: 318px !important;
  791.   }
  792.   [class=wrapper] .border td.border {
  793.     width: 1px !important;
  794.   }
  795.   [class=wrapper] .image .border td {
  796.     width: auto !important;
  797.   }
  798.   [class=wrapper] .title {
  799.     display: none;
  800.   }
  801.   [class=wrapper] .footer .padded {
  802.     text-align: center !important;
  803.   }
  804.   [class=wrapper] .footer .subscription .padded {
  805.     padding-top: 20px !important;
  806.   }
  807.   [class=wrapper] .footer .social-link {
  808.     display: block !important;
  809.   }
  810.   [class=wrapper] .footer .social-link table {
  811.     margin: 0 auto 10px !important;
  812.   }
  813.   [class=wrapper] .footer .divider {
  814.     display: none !important;
  815.   }
  816.   [class=wrapper] .one-col-feature .btn {
  817.     margin-bottom: 28px !important;
  818.   }
  819.   [class=wrapper] .one-col-feature .image {
  820.     margin-bottom: 28px !important;
  821.   }
  822.   [class=wrapper] .one-col-feature .divider .inner {
  823.     padding-bottom: 28px !important;
  824.   }
  825.   [class=wrapper] .one-col-feature h1 {
  826.     font-size: 42px !important;
  827.     line-height: 48px !important;
  828.     margin-bottom: 20px !important;
  829.   }
  830.   [class=wrapper] .one-col-feature h2 {
  831.     font-size: 32px !important;
  832.     line-height: 36px !important;
  833.     margin-bottom: 18px !important;
  834.   }
  835.   [class=wrapper] .one-col-feature h3 {
  836.     font-size: 26px !important;
  837.     line-height: 32px !important;
  838.     margin-bottom: 20px !important;
  839.   }
  840.   [class=wrapper] .one-col-feature p,
  841.   [class=wrapper] .one-col-feature ol,
  842.   [class=wrapper] .one-col-feature ul {
  843.     font-size: 20px !important;
  844.     line-height: 28px !important;
  845.     margin-bottom: 28px !important;
  846.   }
  847.   [class=wrapper] .one-col-feature blockquote {
  848.     font-size: 18px !important;
  849.     line-height: 26px !important;
  850.     margin-bottom: 28px !important;
  851.     padding-bottom: 26px !important;
  852.     padding-left: 0 !important;
  853.     padding-top: 26px !important;
  854.   }
  855.   [class=wrapper] .one-col-feature blockquote p,
  856.   [class=wrapper] .one-col-feature blockquote ol,
  857.   [class=wrapper] .one-col-feature blockquote ul {
  858.     font-size: 26px !important;
  859.     line-height: 32px !important;
  860.   }
  861.   [class=wrapper] .one-col-feature blockquote p:last-child,
  862.   [class=wrapper] .one-col-feature blockquote ol:last-child,
  863.   [class=wrapper] .one-col-feature blockquote ul:last-child {
  864.     margin-bottom: 0 !important;
  865.   }
  866.   [class=wrapper] .one-col-feature .column table:last-of-type h1:last-child,
  867.   [class=wrapper] .one-col-feature .column table:last-of-type h2:last-child,
  868.   [class=wrapper] .one-col-feature .column table:last-of-type h3:last-child {
  869.     margin-bottom: 28px !important;
  870.   }
  871. }
  872. @media only screen and (max-width: 320px) {
  873.   [class=wrapper] td.border {
  874.     display: none;
  875.   }
  876.   [class=wrapper] table.border,
  877.   [class=wrapper] .header,
  878.   [class=wrapper] .webversion,
  879.   [class=wrapper] .footer {
  880.     width: 318px !important;
  881.   }
  882. }
  883. </style>
  884.     <!--[if gte mso 9]>
  885.    <style>
  886.      .column-top {
  887.        mso-line-height-rule: exactly !important;
  888.      }
  889.    </style>
  890.    <![endif]-->
  891.   <meta name="robots" content="noindex,nofollow" />
  892. <meta property="og:title" content="My First Campaign" />
  893. </head>
  894.   <body style="margin: 0;mso-line-height-rule: exactly;padding: 0;min-width: 100%;background-color: #fbfbfb"><style type="text/css">
  895. @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400);@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400);@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400);@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400);@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400);body,.wrapper,.emb-editor-canvas{background-color:#fbfbfb}.border{background-color:#e9e9e9}h1{color:#565656}.wrapper h1{}.wrapper h1{font-family:sans-serif}@media only screen and (min-width: 0){.wrapper h1{font-family:"Open Sans",sans-serif !important}}h1{}.one-col h1{line-height:44px}.two-col h1{line-height:34px}.three-col h1{line-height:28px}.wrapper .one-col-feature h1{line-height:58px}@media only screen and (max-width:
  896. 620px){h1{line-height:44px !important}}h2{color:#555}.wrapper h2{}.wrapper h2{font-family:sans-serif}@media only screen and (min-width: 0){.wrapper h2{font-family:"Open Sans",sans-serif !important}}h2{}.one-col h2{line-height:34px}.two-col h2{line-height:26px}.three-col h2{line-height:22px}.wrapper .one-col-feature h2{line-height:50px}@media only screen and (max-width: 620px){h2{line-height:34px !important}}h3{color:#555}.wrapper h3{}.wrapper h3{font-family:sans-serif}@media only screen and (min-width: 0){.wrapper h3{font-family:"Open Sans",sans-serif !important}}h3{}.one-col h3{line-height:26px}.two-col h3{line-height:22px}.three-col h3{line-height:20px}.wrapper .one-col-feature h3{line-height:40px}@media only screen and (max-width: 620px){h3{line-height:26px !important}}p,ol,ul{color:#565656}.wrapper p,.wrapper ol,.wrapper ul{}.wrapper p,.wrapper ol,.wrapper
  897. ul{font-family:sans-serif}@media only screen and (min-width: 0){.wrapper p,.wrapper ol,.wrapper ul{font-family:"Open Sans",sans-serif !important}}p,ol,ul{}.one-col p,.one-col ol,.one-col ul{line-height:25px;Margin-bottom:25px}.two-col p,.two-col ol,.two-col ul{line-height:22px;Margin-bottom:22px}.three-col p,.three-col ol,.three-col ul{line-height:20px;Margin-bottom:20px}.wrapper .one-col-feature p,.wrapper .one-col-feature ol,.wrapper .one-col-feature ul{line-height:32px}.one-col-feature blockquote p,.one-col-feature blockquote ol,.one-col-feature blockquote ul{line-height:50px}@media only screen and (max-width: 620px){p,ol,ul{line-height:25px !important;Margin-bottom:25px !important}}.image{color:#565656}.image{font-family:sans-serif}@media only screen and (min-width: 0){.image{font-family:"Open Sans",sans-serif !important}}.wrapper a{color:#41637e}.wrapper a:hover{color:#30495c
  898. !important}.wrapper .logo div{color:#41637e}.wrapper .logo div{font-family:sans-serif}@media only screen and (min-width: 0){.wrapper .logo div{font-family:Avenir,sans-serif !important}}.wrapper .logo div a{color:#41637e}.wrapper .logo div a:hover{color:#41637e !important}.wrapper .one-col-feature p a,.wrapper .one-col-feature ol a,.wrapper .one-col-feature ul a{border-bottom:1px solid #41637e}.wrapper .one-col-feature p a:hover,.wrapper .one-col-feature ol a:hover,.wrapper .one-col-feature ul a:hover{color:#30495c !important;border-bottom:1px solid #30495c !important}.btn a{}.wrapper .btn a{}.wrapper .btn a{font-family:sans-serif}@media only screen and (min-width: 0){.wrapper .btn a{font-family:"Open Sans",sans-serif !important}}.wrapper .btn a{background-color:#41637e;color:#fff !important;outline-color:#41637e;text-shadow:0 1px 0 #3b5971}.wrapper .btn a:hover{background-color:#3b5971
  899. !important;color:#fff !important;outline-color:#3b5971 !important}.preheader .title,.preheader .webversion,.footer .padded{color:#999}.preheader .title,.preheader .webversion,.footer .padded{font-family:sans-serif}@media only screen and (min-width: 0){.preheader .title,.preheader .webversion,.footer .padded{font-family:"Open Sans",sans-serif !important}}.preheader .title a,.preheader .webversion a,.footer .padded a{color:#999}.preheader .title a:hover,.preheader .webversion a:hover,.footer .padded a:hover{color:#737373 !important}.footer .social .divider{color:#e9e9e9}.footer .social .social-text,.footer .social a{color:#999}.wrapper .footer .social .social-text,.wrapper .footer .social a{}.wrapper .footer .social .social-text,.wrapper .footer .social a{font-family:sans-serif}@media only screen and (min-width: 0){.wrapper .footer .social .social-text,.wrapper .footer .social
  900. a{font-family:"Open Sans",sans-serif !important}}.footer .social .social-text,.footer .social a{}.footer .social .social-text:hover,.footer .social a:hover{color:#737373 !important}.image .border{background-color:#c8c8c8}.image-frame{background-color:#dadada}.image-background{background-color:#f7f7f7}
  901. </style>
  902.     <center class="wrapper" style="display: table;table-layout: fixed;width: 100%;min-width: 620px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background-color: #fbfbfb">
  903.         <table class="gmail" style="border-collapse: collapse;border-spacing: 0;width: 650px;min-width: 650px"><tbody><tr><td style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px">&nbsp;</td></tr></tbody></table>
  904.       <table class="preheader centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto">
  905.         <tbody><tr>
  906.           <td style="padding: 0;vertical-align: top">
  907.             <table style="border-collapse: collapse;border-spacing: 0;width: 602px">
  908.               <tbody><tr>
  909.                 <td class="title" style="padding: 0;vertical-align: top;padding-top: 10px;padding-bottom: 12px;font-size: 12px;line-height: 21px;text-align: left;color: #999;font-family: sans-serif">Subject</td>
  910.                
  911.               </tr>
  912.             </tbody></table>
  913.           </td>
  914.         </tr>
  915.       </tbody></table>
  916.       <table class="header centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 602px">
  917.         <tbody><tr><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">&nbsp;</td></tr>
  918.         <tr><td class="logo" style="padding: 32px 0;vertical-align: top;mso-line-height-rule: at-least"><div class="logo-left" style="font-size: 26px;font-weight: 700;letter-spacing: -0.02em;line-height: 32px;color: #41637e;font-family: sans-serif" align="left" id="emb-email-header"><a style="text-decoration: none;transition: all .2s;color: #41637e" href="#"><img style="border: 0;-ms-interpolation-mode: bicubic;display: block;max-width: 450px" src="logo.jpg" alt="#" width="300" height="48" /></a></div></td></tr>
  919.       </tbody></table>
  920.      
  921.           <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602">
  922.             <tbody><tr><td style="padding: 0;vertical-align: top">&#8203;</td></tr>
  923.           </tbody></table>
  924.        
  925.           <table class="centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto">
  926.             <tbody><tr>
  927.               <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">&#8203;</td>
  928.               <td style="padding: 0;vertical-align: top">
  929.                 <table class="one-col" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;background-color: #ffffff;font-size: 14px;table-layout: fixed">
  930.                   <tbody><tr>
  931.                     <td class="column" style="padding: 0;vertical-align: top;text-align: left">
  932.                       <div><div class="column-top" style="font-size: 32px;line-height: 32px">&nbsp;</div></div>
  933.                         <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%">
  934.                           <tbody><tr>
  935.                             <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word">
  936.                              
  937.             <h1 style="Margin-top: 0;color: #565656;font-weight: 700;font-size: 36px;Margin-bottom: 18px;font-family: sans-serif;line-height: 44px">Title</h1><h1 style="Margin-top: 0;color: #565656;font-weight: 700;font-size: 36px;Margin-bottom: 18px;font-family: sans-serif;line-height: 44px"><span style="font-size:16px; line-height:24px">Introductory text.</span></h1><p style="Margin-top: 0;color: #565656;font-family: sans-serif;font-size: 16px;line-height: 25px;Margin-bottom: 24px">Details.</p>
  938.          
  939.                             </td>
  940.                           </tr>
  941.                         </tbody></table>
  942.                      
  943.                       <div class="column-bottom" style="font-size: 8px;line-height: 8px">&nbsp;</div>
  944.                     </td>
  945.                   </tr>
  946.                 </tbody></table>
  947.               </td>
  948.               <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">&#8203;</td>
  949.             </tr>
  950.           </tbody></table>
  951.        
  952.           <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602">
  953.             <tbody><tr><td style="padding: 0;vertical-align: top">&#8203;</td></tr>
  954.           </tbody></table>
  955.        
  956.       <div class="spacer" style="font-size: 1px;line-height: 32px;width: 100%">&nbsp;</div>
  957.       <table class="footer centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 602px">
  958.         <tbody><tr>
  959.           <td class="social" style="padding: 0;vertical-align: top;padding-top: 32px;padding-bottom: 22px" align="center">
  960.             <table style="border-collapse: collapse;border-spacing: 0">
  961.               <tbody><tr>
  962.                 <td class="social-link" style="padding: 0;vertical-align: top">
  963.                   <table style="border-collapse: collapse;border-spacing: 0">
  964.                     <tbody><tr>
  965.                       <td style="padding: 0;vertical-align: top">
  966.                         <fblike style="text-decoration:none;" likeurl="http://www.gezondheid.nl">
  967.                           <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="https://i8.createsend1.com/static/eb/master/01-mason/images/facebook-dark.png" width="26" height="21" />
  968.                         </fblike>
  969.                       </td>
  970.                       <td class="social-text" style="padding: 0;vertical-align: middle !important;height: 21px;font-size: 10px;font-weight: bold;text-decoration: none;text-transform: uppercase;color: #999;font-family: sans-serif">
  971.                         <fblike style="text-decoration:none;" likeurl="http://www.gezondheid.nl">
  972.                           Vind ik leuk
  973.                         </fblike>
  974.                       </td>
  975.                     </tr>
  976.                   </tbody></table>
  977.                 </td>
  978.                 <td class="divider" style="padding: 0;vertical-align: top;font-family: sans-serif;font-size: 10px;line-height: 21px;text-align: center;padding-left: 14px;padding-right: 14px;color: #e9e9e9">
  979.                   <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="https://i6.createsend1.com/static/eb/master/01-mason/images/diamond.png" width="5" height="21" alt="" />
  980.                 </td>
  981.                 <td class="social-link" style="padding: 0;vertical-align: top">
  982.                   <table style="border-collapse: collapse;border-spacing: 0">
  983.                     <tbody><tr>
  984.                       <td style="padding: 0;vertical-align: top">
  985.                         <tweet style="text-decoration:none;">
  986.                           <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="https://i7.createsend1.com/static/eb/master/01-mason/images/twitter-dark.png" width="26" height="21" />
  987.                         </tweet>
  988.                       </td>
  989.                       <td class="social-text" style="padding: 0;vertical-align: middle !important;height: 21px;font-size: 10px;font-weight: bold;text-decoration: none;text-transform: uppercase;color: #999;font-family: sans-serif">
  990.                         <tweet style="text-decoration:none;">
  991.                           Tweet
  992.                         </tweet>
  993.                       </td>
  994.                     </tr>
  995.                   </tbody></table>
  996.                 </td>
  997.                 <td class="divider" style="padding: 0;vertical-align: top;font-family: sans-serif;font-size: 10px;line-height: 21px;text-align: center;padding-left: 14px;padding-right: 14px;color: #e9e9e9">
  998.                   <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="https://i6.createsend1.com/static/eb/master/01-mason/images/diamond.png" width="5" height="21" alt="" />
  999.                 </td>
  1000.                 <td class="social-link" style="padding: 0;vertical-align: top">
  1001.                   <table style="border-collapse: collapse;border-spacing: 0">
  1002.                     <tbody><tr>
  1003.                       <td style="padding: 0;vertical-align: top">
  1004.                         <forwardtoafriend style="text-decoration:none;" lang="nl-NL">
  1005.                           <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="https://i5.createsend1.com/static/eb/master/01-mason/images/forward-dark.png" width="26" height="21" />
  1006.                         </forwardtoafriend>
  1007.                       </td>
  1008.                       <td class="social-text" style="padding: 0;vertical-align: middle !important;height: 21px;font-size: 10px;font-weight: bold;text-decoration: none;text-transform: uppercase;color: #999;font-family: sans-serif">
  1009.                         <forwardtoafriend style="text-decoration:none;" lang="nl-NL">
  1010.                           Doorsturen
  1011.                         </forwardtoafriend>
  1012.                       </td>
  1013.                     </tr>
  1014.                   </tbody></table>
  1015.                 </td>
  1016.               </tr>
  1017.             </tbody></table>
  1018.           </td>
  1019.         </tr>
  1020.         <tr><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">&nbsp;</td></tr>
  1021.         <tr>
  1022.           <td style="padding: 0;vertical-align: top">
  1023.             <table style="border-collapse: collapse;border-spacing: 0">
  1024.               <tbody><tr>
  1025.                 <td class="address" style="padding: 0;vertical-align: top;width: 250px;padding-top: 32px;padding-bottom: 64px">
  1026.                   <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%">
  1027.                     <tbody><tr>
  1028.                       <td class="padded" style="padding: 0;vertical-align: top;padding-left: 0;padding-right: 10px;word-break: break-word;word-wrap: break-word;text-align: left;font-size: 12px;line-height: 20px;color: #999;font-family: sans-serif">
  1029.                         <div>Address<br />
  1030. Streetname<br />
  1031. Postal code City<br />
  1032. E-mailaddress</div>
  1033.                       </td>
  1034.                     </tr>
  1035.                   </tbody></table>
  1036.                 </td>
  1037.                 <td class="subscription" style="padding: 0;vertical-align: top;width: 350px;padding-top: 32px;padding-bottom: 64px">
  1038.                   <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%">
  1039.                     <tbody><tr>
  1040.                       <td class="padded" style="padding: 0;vertical-align: top;padding-left: 10px;padding-right: 0;word-break: break-word;word-wrap: break-word;font-size: 12px;line-height: 20px;color: #999;font-family: sans-serif;text-align: right">
  1041.                         <div>Dit bericht is automatisch verzonden.&nbsp;</div>
  1042.                         <div>
  1043.                           <span class="block">
  1044.                             <span>
  1045.                               <preferences style="font-weight:bold;text-decoration:none;" lang="nl-NL">
  1046.                                 Voorkeuren aanpassen
  1047.                               </preferences>
  1048.                               <span class="hide">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
  1049.                             </span>
  1050.                           </span>
  1051.                           <span class="block"><unsubscribe style="font-weight:bold;text-decoration:none;">Uitschrijven</unsubscribe></span>
  1052.                         </div>
  1053.                       </td>
  1054.                     </tr>
  1055.                   </tbody></table>
  1056.                 </td>
  1057.               </tr>
  1058.             </tbody></table>
  1059.           </td>
  1060.         </tr>
  1061.       </tbody></table>
  1062.     </center>
  1063.  
  1064. </body></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!