Guest User

Untitled

a guest
Apr 15th, 2013
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.56 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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="width=device-width"/>
  6. <title>Mercy Ships Easter Matching Appeal</title>
  7. </head>
  8. <body>
  9. <style type="text/css">
  10. <style type="text/css">
  11. #outlook a{padding:0;}
  12. body{width:100% !important;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;}
  13. .ExternalClass{width:100%;}
  14. .ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{line-height:100%;}
  15. .bodytbl{margin:0;padding:0;width:100% !important;}
  16. img{outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;display:block;}
  17. a img{border:none;}
  18. p{margin:1em 0;}
  19. a:hover {
  20. text-decoration: underline !important;
  21. }
  22. img { opacity:1;
  23. filter:alpha(opacity=100);
  24. }
  25. a img {border: none; }
  26. img {border: none; }
  27. a img:hover {
  28. opacity:0.80;
  29. filter:alpha(opacity=80);}
  30. ::selection {
  31. background:#000000;
  32. color:#fff;
  33. }
  34. ::-moz-selection {
  35. background:#000000;
  36. color:#fff;
  37. }
  38. ::-webkit-selection {
  39. background:#000000;
  40. color:#fff;
  41. }
  42. table{border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;}
  43. table td{border-collapse:collapse;}
  44. .o-fix table,.o-fix td{mso-table-lspace:0pt;mso-table-rspace:0pt;}
  45. body,.bodytbl{background-color:#7B197A;}
  46. table{color:#333;}
  47. div{color:#ECECEC;}
  48. .h1 div{color:#FBFBFB;}
  49. .h2 div{color:#FBFBFB;}
  50. .h div{color:#000; font-weight:bold; font-size:16px; margin-top:5px; margin-bottom:5px;}
  51. .quote div{color:#555555;}
  52. .invert div,.promo div{background-color:#FBFBFB;color:#151515;}
  53. .wrap.header{}
  54. .wrap.body{}
  55. .wrap.body-i{background-color:#CCC;}
  56. .wrap.footer{}
  57. .padd{width:20px;}
  58. a{color:#F90;}
  59. a:link,a:visited,a:hover{color:#F90;}
  60. .btn,.btn div,.btn a{color:#FFFFFF;}
  61. a.btn a,a.btn a img{background:#252564;}
  62. body{margin:0;padding:0;}
  63. .bodytbl{margin:0;padding:0;-webkit-text-size-adjust:none;}
  64. .line{border-bottom:1px solid #555555;}
  65. table{font-family:Arial,sans-serif;font-size:12px; color:#000000; background-color:#FFFFFF;}
  66. div{line-height:20px; color:#000000;padding:5px;}
  67. ul{margin-top:20px;margin-bottom:20px;}
  68. li{list-style:disc;line-height:20px;}
  69. td,tr{padding:0;}
  70. .h1 div{font-family:Arial,sans-serif;height:50px;font-size:55px;font-weight:bold;letter-spacing:-2px;line-height:90%;}
  71. .h2 div{font-family:Arial,sans-serif;font-size:19px;font-weight:bold;letter-spacing:-1px;line-height:24px;}
  72. .h3 div{font-family:Arial,sans-serif;font-size:17px;letter-spacing:-1px;line-height:24px;}
  73. .h div{font-family:Arial,sans-serif;font-size:24px;font-weight:bold;letter-spacing:-2px;margin-bottom:6px;margin-top:10px;line-height:24px;}
  74. .quote div{font-family:Arial,sans-serif;font-size:24px;letter-spacing:0;margin-bottom:6px;margin-top:6px;line-height:24px;font-style:italic;}
  75. .small div{font-size:10px;color:#333;line-height:15px;text-transform:none;margin-bottom:4px;margin-top:6px;}
  76. .invert div{line-height:1;margin:0;height:20px;}
  77. .plan td{border-right:1px solid #333333;border-bottom:1px solid #333333;text-align:center;}
  78. .plan td.last{border-right:0;}
  79. .plan th{text-align:center;border-bottom:1px solid #333333;}
  80. a{text-decoration:none;padding:2px 0px;}
  81. td.btn a{margin:2px 4px;line-height:1em;text-decoration:none;display:block;mso-padding-alt:4pt 4pt 4pt 4pt;}
  82. td.btn{mso-padding-alt:0 4px 4px 4px;}
  83. div.btn{margin-top:10px;display:block;}
  84. div.btn a{display:inline-block;padding:0;line-height:0.5em;}
  85. div.btn img,.social img{display:inline;margin:0;}
  86. .right{text-align:right;}
  87. div.preheader{line-height:0px;font-size:0px;height:0px;display:none !important;visibility:hidden;text-indent:-9999px;}
  88. .orange {color:#ff6322; font-weight:bold;
  89. }
  90. @media only screen and (max-device-width: 480px) {
  91. body{-webkit-text-size-adjust:120% !important;-ms-text-size-adjust:120% !important;}
  92. table[class=bodytbl] .wrap{width:460px !important;}
  93. table[class=bodytbl] .wrap .padd{width:10px !important;}
  94. table[class=bodytbl] .wrap table{width:100% !important;}
  95. table[class=bodytbl] .wrap img {max-width:100% !important;height:auto !important;}
  96. table[class=bodytbl] .wrap .m-padd {padding:0 20px !important;}
  97. table[class=bodytbl] .wrap .m-w-auto{;width:auto !important;}
  98. table[class=bodytbl] .wrap .m-100{width:100% !important;max-width:460px !important;}
  99. table[class=bodytbl] .wrap .m-l{text-align:left !important;}
  100. table[class=bodytbl] .wrap .h div{letter-spacing:-1px !important;font-size:18px !important;}
  101. table[class=bodytbl] .m-0{width:0;display:none;}
  102. table[class=bodytbl] .m-b{display:block;width:100% !important;margin-bottom:20px !important;}
  103. table[class=bodytbl] .m-1-2{max-width:264px !important;}
  104. table[class=bodytbl] .m-1-3{max-width:168px !important;}
  105. table[class=bodytbl] .m-1-4{max-width:120px !important;}
  106. table[class=bodytbl] .wrap .m-mac{width:340px !important;max-width:340px !important;margin-left:38px;}
  107. table[class=bodytbl] .wrap .m-mac-t img{width:339px !important;}
  108. table[class=bodytbl] .wrap .m-mac-h img{height:192px !important;width:15px !important;}
  109. table[class=bodytbl] .wrap .m-mac-i img{width:309px !important;}
  110. table[class=bodytbl] .wrap .m-mac-b img{max-width:406px !important;margin-left:4px;}
  111. }
  112. @media only screen and (max-device-width: 320px) {
  113. table[class=bodytbl] .wrap{width:310px !important;}
  114. table[class=bodytbl] .wrap .m-100{max-width:310px !important;}
  115. table[class=bodytbl] .wrap .m-mac{width:239px !important;max-width:239px !important;margin-left:23px;}
  116. table[class=bodytbl] .wrap .m-mac-t img{width:238px !important;}
  117. table[class=bodytbl] .wrap .m-mac-h img{height:134px !important;width:11px !important;}
  118. table[class=bodytbl] .wrap .m-mac-i img{width:216px !important;}
  119. table[class=bodytbl] .wrap .m-mac-b img{max-width:285px !important;margin-left:-1px;}
  120. }
  121. .parent { display:table-cell; }
  122. </style>
  123. <table class="bodytbl" width="100%" cellspacing="0" cellpadding="0">
  124. <tr>
  125. <td align="center">
  126. <table width="600" cellspacing="0" cellpadding="0" class="wrap">
  127. <tr height="20">
  128. <td align="center" valign="bottom">
  129. <div class="preheader">
  130. <!-- PREHEADER -->
  131. </div>
  132. <div class="small">
  133.  
  134. <a name="top"></a>
  135. Problems viewing this email? <webversion>Click here</webversion>
  136. to View it in your browser. Not interested anymore?</span>
  137. <unsubscribe>Unsubscribe</unsubscribe>
  138. </div>
  139. </td>
  140. </tr>
  141. </table>
  142. <table width="600" cellspacing="0" cellpadding="0" class="wrap">
  143. <tr height="20">
  144. <td align="left" valign="bottom">
  145. <table width="100%" cellspacing="0" cellpadding="0">
  146. </table>
  147. </td>
  148. </tr>
  149. </table>
  150. <repeater>
  151. <!-- ☺ header block ends here -->
  152. <!-- Full Size Image start -->
  153. <layout label="Full Size Image">
  154. <table width="600" cellpadding="0" cellspacing="0" class="wrap">
  155. <tr>
  156. <td valign="top">
  157. <!-- CONTENT start -->
  158. <a href="https://www.mercyshipsdonations.org.uk/?sol_code=UKAE1304"><img src="img/header.jpg" class="m-100" alt="" title="" width="600" height="100" border="0" style="max-width:600px;" editable="true" label="Image max width 600 pixel"/></a>
  159. <!-- CONTENT end -->
  160. </td>
  161. </tr>
  162. </table>
  163. </layout>
  164. <!-- Full Size Image end -->
  165. <table width="600" cellspacing="0" cellpadding="0" class="wrap">
  166. <tr>
  167. <td height="10">&nbsp;
  168.  
  169. </td>
  170. </tr>
  171. </table>
  172. <!-- Full Size Image start -->
  173. <layout label="Full Size Image">
  174. <table width="600" cellpadding="0" cellspacing="0" class="wrap" style="border-right:#333 1px solid; border-left:#333 1px solid">
  175. <tr>
  176. <td valign="top">
  177. <table width="600" cellspacing="0" cellpadding="0" class="wrap" style="border-right:#333 1px solid; border-left:#333 1px solid;">
  178. </table>
  179. <!-- CONTENT start -->
  180. <a href="https://www.mercyshipsdonations.org.uk/?sol_code=UKAE1304"><img src="img/feat-img.gif" class="m-100" alt="" title="" width="600" height="280" border="0" style="max-width:600px;" editable="true" label="Image max width 600 pixel"/></a>
  181. <!-- CONTENT end -->
  182. </td>
  183. </tr>
  184. </table>
  185. </layout>
  186. <table width="600" cellspacing="0" cellpadding="0" class="wrap">
  187. <tr>
  188. <td height="10">&nbsp;
  189.  
  190. </td>
  191. </tr>
  192. </table>
  193. <!-- Full Size Image end -->
  194. <!-- Full Text start -->
  195. <layout label="Full Width Text">
  196. <table width="600" cellpadding="0" cellspacing="0" class="wrap">
  197. <tr>
  198. <td valign="top" align="center">
  199. <table width="100%" cellpadding="0" cellspacing="0" class="o-fix" style="border-right:#333 1px solid; border-left:#333 1px solid;">
  200. <tr>
  201. <!-- CONTENT start -->
  202. <td valign="top" align="left">
  203. <div style="font-size:22px;">
  204. <singleline label="Headline"><strong>Dear [salutation,fallback=Supporter]</strong></singleline>
  205. </div>
  206. <table width="600" cellspacing="0" cellpadding="0" class="wrap">
  207. <tr>
  208. <td height="10">&nbsp;
  209.  
  210. </td>
  211. </tr>
  212. </table>
  213. <div>
  214. <multiline label="Body">
  215. There’s still time to have your gift doubled to help <span class="orange"><a href="https://www.mercyshipsdonations.org.uk/?sol_code=UKAE1304" target="_blank">TWICE</a></span> as many hurting people</multiline>
  216. </div>
  217. <table width="600" cellspacing="0" cellpadding="0" class="wrap">
  218. <tr>
  219. <td height="10">&nbsp;
  220.  
  221. </td>
  222. </tr>
  223. </table>
  224. <div>
  225. <multiline label="Body">
  226. I wrote to you recently with news that some friends of Mercy Ships have pledged to match donations “pound for pound” <strong>up to £130,000.</strong> If you have already sent a gift, I would like to take this opportunity to thank you. If you haven’t had a moment to respond, I hope to hear from you by the April 30th deadline. </multiline>
  227. </div>
  228. <table width="600" cellspacing="0" cellpadding="0" class="wrap">
  229. <tr>
  230. <td height="10">&nbsp;
  231.  
  232. </td>
  233. </tr>
  234. </table>
  235. <div>
  236. <multiline label="Body">
  237. Remember, a gift of £15 will be doubled to £30. £25 becomes £50. While £50 turns into £100 to help transform lives. This means <span class="orange"><a href="https://www.mercyshipsdonations.org.uk/?sol_code=UKAE1304">YOUR GIFT</a></span> will go <strong>TWICE AS FAR</strong> and help <strong>TWICE AS MANY</strong> people without access to medical care. </multiline>
  238. </div>
  239. <table width="600" cellspacing="0" cellpadding="0" class="wrap">
  240. <tr>
  241. <td height="10">&nbsp;
  242.  
  243. </td>
  244. </tr>
  245. </table>
  246. <div>
  247. <multiline label="Body">
  248. Therese, a 71 year old, struggled to walk, but <strong>her struggle worsened as her eyesight deteriorated due to cataracts.</strong> The Mercy Ships Eye Team came to her village, and Therese was the only patient requiring surgery. A day after her operation on board <strong>the Africa Mercy, the eye patch was removed, and Therese could see.</strong> No one could take her smile away as she declared, “I’m overwhelmed with happiness…Thank you, thank you, thank you.” </multiline>
  249. </div>
  250. <table width="600" cellspacing="0" cellpadding="0" class="wrap">
  251. <tr>
  252. <td height="10">&nbsp;
  253.  
  254. </td>
  255. </tr>
  256. </table>
  257. <div>
  258. <multiline label="Body">
  259. So please, whether you are able to give a <strong>gift of £25, £50, or even £100 – <span class="orange"><a href="https://www.mercyshipsdonations.org.uk/?sol_code=UKAE1304">DOUBLED</a></span> in impact</strong> – I hope you’ll give generously so that we can reach many desperate people waiting, right now, for hope and healing. </multiline>
  260. </div>
  261. <table width="600" cellspacing="0" cellpadding="0" class="wrap">
  262. <tr>
  263. <td height="10">&nbsp;
  264.  
  265. </td>
  266. </tr>
  267. </table>
  268. <div>
  269. <multiline label="Body">
  270. God bless. </multiline>
  271. </div>
  272. <table width="600" cellspacing="0" cellpadding="0" class="wrap">
  273. <tr>
  274. <td height="10">&nbsp;
  275.  
  276. </td>
  277. </tr>
  278. </table>
  279. <div class="btn">
  280. <img src="img/sig.png" width="155" height="71" alt="read more" title="read more" style="background-color:#FFFFFF" border="0" editable="true" label="Donate Btn"/>
  281. </div>
  282.  
  283. <div style="font-weight:bold;">
  284. <multiline label="Body">
  285. Professor the Lord McColl CBE<br/>
  286. Chairman Mercy Ships UK </multiline>
  287. </div>
  288.  
  289. <div>
  290. <multiline label="Body">
  291. PS. With gift aid we can grow your gift a further 25%.</multiline>
  292. </div>
  293. <div class="btn">
  294. <a href="https://www.mercyshipsdonations.org.uk/?sol_code=UKAE1304"><img src="img/donate_btn.png" width="200" height="35" alt="Donate Now" title="Donate Now" style="background-color:#FFFFFF" border="0" editable="true" label="Donate Btn"/></a>
  295. </div>
  296. <div class="btn">
  297. <a href="http://www.mercyships.org.uk/make-regular-gift"><img src="img/reg-btn.png" width="200" height="35" alt="Regular Giving" title="Regular Giving" style="background-color:#FFFFFF" border="0" editable="true" label="Donate Btn"/></a>
  298. </div>
  299. <div class="btn">
  300. <forwardtoafriend>
  301. <img src="img/forward_btn.png" width="200" height="35" alt="Forward to a Friend" title="Forward to a Friend" style="background-color:#FFFFFF" border="0" editable="true" label="Donate Btn"/></forwardtoafriend>
  302. </div>
  303. <div class="small">
  304. [PartnerID]
  305. </div>
  306. </td>
  307. <!-- CONTENT end -->
  308. </tr>
  309. </table>
  310. </td>
  311. </tr>
  312. </table>
  313. </layout>
  314. <!-- 1/2 Text end -->
  315. <!-- Footer start -->
  316. </repeater>
  317. <table width="600" cellspacing="0" cellpadding="0">
  318. <tr>
  319. <td height="39">&nbsp;
  320.  
  321. </td>
  322. </tr>
  323. </table>
  324. <table width="600" cellpadding="0" cellspacing="0" class="wrap">
  325. <tr>
  326. <td valign="top" align="center">
  327. <table width="100%" cellpadding="0" cellspacing="0" class="o-fix">
  328. <tr>
  329. <!-- CONTENT start -->
  330. <td valign="top" align="left">
  331. <table width="390" cellpadding="0" cellspacing="0" align="left">
  332. <tr>
  333. <td class="small" align="left" valign="top">
  334. <div>
  335. <singleline label="CAN Spam">Mercy Ships UK, The Lighthouse, 12 Meadway Court<br/>
  336. Stevenage SG1 2EF <a href="mailto:[email protected]">[email protected]</a> | 01438 727800 | <a href="http://www.mercyships.org.uk/">www.mercyships.org.uk</a>
  337. </div>
  338. </td>
  339. </tr>
  340. </table>
  341. <table width="190" cellpadding="0" cellspacing="0" align="right">
  342. <tr>
  343. <td class="small social" align="right" valign="top">
  344. <div>
  345. <multiline label="Social Media">
  346. <a href="https://www.twitter.com/MercyShipsUK"><img src="img/twitter.gif" alt="" title="" width="38" height="38" border="0" style="max-width:38px;max-height:38px;"/></a>
  347. <a href="https://www.facebook.com/mercyshipsuk"><img src="img/facebook.gif" alt="" title="" width="38" height="38" border="0" style="max-width:38px;max-height:38px;"/></a>
  348. </multiline>
  349. </div>
  350. </td>
  351. </tr>
  352. </table>
  353. </td>
  354. <!-- CONTENT end -->
  355. </tr>
  356. <tr class="m-0">
  357. <td height="24">&nbsp;
  358.  
  359. </td>
  360. </tr>
  361. </table>
  362. </td>
  363. </tr>
  364. </table>
  365. <!-- Footer end -->
  366. </td>
  367. </tr>
  368. </table>
  369. </body>
  370. </html>
Advertisement
Add Comment
Please, Sign In to add comment