API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2019
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.25 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  6. <head>
  7. <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
  8. <!-- [ if !mso]> <!-->
  9. <meta content="IE=edge" http-equiv="X-UA-Compatible" />
  10. <!-- <![endif] -->
  11. <meta content="telephone=no" name="format-detection" />
  12. <meta content="width=device-width, initial-scale=1.0" name="viewport" />
  13. <link rel="apple-touch-icon" sizes="76x76" href="http://paulgoddarddesign.com/images/apple-icon.jpg">
  14. <link rel="icon" type="image/png" sizes="96x96" href="http://paulgoddarddesign.com/images/favicon.jpg">
  15. <title>Material Email Template</title>
  16. <link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo" rel="stylesheet">
  17. <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  18. <script src="http://paulgoddarddesign.com/js/ripple.js"></script>
  19. <style type="text/css">
  20. .ExternalClass {width: 100%;}
  21. .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div, .ExternalClass b, .ExternalClass br, .ExternalClass img {line-height: 100% !important;}
  22. /* iOS BLUE LINKS */
  23. .appleBody a {color:#212121; text-decoration: none;}
  24. .appleFooter a {color:#212121!important; text-decoration: none!important;}
  25. /* END iOS BLUE LINKS */
  26. img {color: #ffffff;text-align: center;font-family: Open Sans, Helvetica, Arial, sans-serif;display: block;}
  27. body {margin: 0;padding: 0;-webkit-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;font-family: 'Open Sans', Helvetica, Arial, sans-serif!important;}
  28. body,#body_style {background: #fffffe;}
  29. table td {border-collapse: collapse;border-spacing: 0 !important;}
  30. table tr {border-collapse: collapse;border-spacing: 0 !important;}
  31. table tbody {border-collapse: collapse;border-spacing: 0 !important;}
  32. table {border-collapse: collapse;border-spacing: 0 !important;}
  33. span.yshortcuts,a span.yshortcuts {color: #000001;background-color: none;border: none;}
  34. span.yshortcuts:hover,
  35. span.yshortcuts:active,
  36. span.yshortcuts:focus {color: #000001; background-color: none; border: none;}
  37. img {-ms-interpolation-mode: : bicubic;}
  38. a[x-apple-data-detectors] {color: inherit !important;text-decoration: none !important;font-size: inherit !important;font-family: inherit !important;font-weight: inherit !important;line-height: inherit !important;
  39. }
  40. /**** My desktop styles ****/
  41. @media only screen and (min-width: 600px) {
  42. .noDesk {display: none !important;}
  43. .td-padding {padding-left: 15px!important;padding-right: 15px!important;}
  44. .padding-container {padding: 0px 15px 0px 15px!important;mso-padding-alt: 0px 15px 0px 15px!important;}
  45. .mobile-column-left-padding { padding: 0px 0px 0px 0px!important; mso-alt-padding: 0px 0px 0px 0px!important; }
  46. .mobile-column-right-padding { padding: 0px 0px 0px 0px!important; mso-alt-padding: 0px 0px 0px 0px!important; }
  47. .mobile {display: none !important}
  48. }
  49. /**** My mobile styles ****/
  50. @media only screen and (max-width: 599px) and (-webkit-min-device-pixel-ratio: 1) {
  51. *[class].wrapper { width:100% !important; }
  52. *[class].container { width:100% !important; }
  53. *[class].mobile { width:100% !important; display:block !important; }
  54. *[class].image{ width:100% !important; height:auto; }
  55. *[class].center{ margin:0 auto !important; text-align:center !important; }
  56. *[class="mobileOff"] { width: 0px !important; display: none !important; }
  57. *[class*="mobileOn"] { display: block !important; max-height:none !important; }
  58. p[class="mobile-padding"] {padding-left: 0px!important;padding-top: 10px;}
  59. .padding-container {padding: 0px 15px 0px 15px!important;mso-padding-alt: 0px 15px 0px 15px!important;}
  60. .hund {width: 100% !important;height: auto !important;}
  61. .td-padding {padding-left: 15px!important;padding-right: 15px!important;}
  62. .mobile-column-left-padding { padding: 18px 0px 18px 0px!important; mso-alt-padding: 18px 0px 18px 0px!important; }
  63. .mobile-column-right-padding { padding: 18px 0px 0px 0px!important; mso-alt-padding: 18px 0px 0px 0px!important; }
  64. .stack { width: 100% !important; }
  65. img {width: 100%!important;height: auto!important;}
  66. *[class="hide"] {display: none !important}
  67. *[class="Gmail"] {display: none !important}
  68. .Gmail {display: none !important}
  69. .bottom-padding-fix {padding: 0px 0px 18px 0px!important; mso-alt-padding: 0px 0px 18px 0px;}
  70. }
  71. .social, .social:active {
  72. opacity: 1!important;
  73. transform: scale(1);
  74. transition: all .2s!important;
  75. }
  76. .social:hover {
  77. opacity: 0.8!important;
  78. transform: scale(1.1);
  79. transition: all .2s!important;
  80. }
  81. .button.raised {
  82. transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  83. transition: all .2s;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  84. }
  85. .button.raised:hover {
  86. box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);transition: all .2s;
  87. -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);transition: all .2s;
  88. -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);transition: all .2s;
  89. }
  90. .card-1 {
  91. box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  92. -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  93. -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  94. transition: box-shadow .45s;
  95. }
  96. .card-1:hover {
  97. box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
  98. -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
  99. -moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
  100. transition: box-shadow .45s;
  101. }
  102. .ripplelink{
  103. display:block
  104. color:#fff;
  105. text-decoration:none;
  106. position:relative;
  107. overflow:hidden;
  108. -webkit-transition: all 0.2s ease;
  109. -moz-transition: all 0.2s ease;
  110. -o-transition: all 0.2s ease;
  111. transition: all 0.2s ease;
  112. z-index:0;
  113. }
  114. .ripplelink:hover{
  115. z-index:1000;
  116. }
  117. .ink {
  118. display: block;
  119. position: absolute;
  120. background:rgba(255, 255, 255, 0.3);
  121. border-radius: 100%;
  122. -webkit-transform:scale(0);
  123. -moz-transform:scale(0);
  124. -o-transform:scale(0);
  125. transform:scale(0);
  126. }
  127. .animate {
  128. -webkit-animation:ripple 0.65s linear;
  129. -moz-animation:ripple 0.65s linear;
  130. -ms-animation:ripple 0.65s linear;
  131. -o-animation:ripple 0.65s linear;
  132. animation:ripple 0.65s linear;
  133. }
  134. @-webkit-keyframes ripple {
  135. 100% {opacity: 0; -webkit-transform: scale(2.5);}
  136. }
  137. @-moz-keyframes ripple {
  138. 100% {opacity: 0; -moz-transform: scale(2.5);}
  139. }
  140. @-o-keyframes ripple {
  141. 100% {opacity: 0; -o-transform: scale(2.5);}
  142. }
  143. @keyframes ripple {
  144. 100% {opacity: 0; transform: scale(2.5);}
  145. }
  146.  
  147. </style>
  148. <!--[if gte mso 9]>
  149. <xml>
  150. <o:OfficeDocumentSettings>
  151. <o:AllowPNG/>
  152. <o:PixelsPerInch>96</o:PixelsPerInch>
  153. </o:OfficeDocumentSettings>
  154. </xml>
  155. <![endif]-->
  156. </head>
  157. <body style="margin:0; padding:0; background-color: #0F1B3A;" bgcolor="#0F1B3A">
  158. <!--[if mso]>
  159. <style type="text/css">
  160. body, table, td {font-family: Arial, Helvetica, sans-serif !important;}
  161. </style>
  162. <![endif]-->
  163. <!-- START EMAIL -->
  164. <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#0F1B3A">
  165. <div class="Gmail" style="height: 1px !important; margin-top: -1px !important; max-width: 600px !important; min-width: 600px !important; width: 600px !important;"></div>
  166. <div style="display: none; max-height: 0px; overflow: hidden;">
  167. We have come back BIG-ger and better!
  168. </div>
  169. <!-- Insert &zwnj;&nbsp; hack after hidden preview text -->
  170. <div style="display: none; max-height: 0px; overflow: hidden;">
  171. &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  172. </div>
  173.  
  174.  
  175.  
  176. <!-- START LOGO -->
  177. <tr>
  178. <td width="100%" valign="top" align="center" class="padding-container" style="padding: 18px 0px 18px 0px!important; mso-padding-alt: 18px 0px 18px 0px;">
  179. <table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="wrapper">
  180. <tr>
  181. <td align="center">
  182. <table cellpadding="0" cellspacing="0" border="0">
  183. <tr>
  184. <td width="100%" valign="top" align="center">
  185. <table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="wrapper" bgcolor="#0F1B3A">
  186. <tr>
  187. <td align="center">
  188. <table width="600" cellpadding="0" cellspacing="0" border="0" class="container" align="center">
  189. <!-- START HEADER IMAGE -->
  190. <tr>
  191. <td align="center" class="hund" width="600">
  192. <img src="https://scontent-waw1-1.xx.fbcdn.net/v/t1.0-9/67625620_901271376920189_8582686482500681728_n.jpg?_nc_cat=111&_nc_oc=AQlCrBkuTDo5FrzwQSs9ONjnUWklkbEyM2TJzrYSTQFkZKhP37Jz3__0DXdCdwOAOdM&_nc_ht=scontent-waw1-1.xx&oh=bb9cec32ac459f81a823d1dbf0386508&oe=5E07BC71" width="400" alt="Logo" border="0" style="max-width: 400px; display:block; ">
  193. </td>
  194. </tr>
  195. <!-- END HEADER IMAGE -->
  196. </table>
  197. </td>
  198. </tr>
  199. </table>
  200. </td>
  201. </tr>
  202. </table>
  203. </td>
  204. </tr>
  205. </table>
  206. </td>
  207. </tr>
  208. <!-- END LOGO -->
  209.  
  210.  
  211. <!-- START CARD 1 -->
  212. <tr>
  213. <td width="100%" valign="top" align="center" class="padding-container" style="padding-top: 0px!important; padding-bottom: 18px!important; mso-padding-alt: 0px 0px 18px 0px;">
  214. <table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="wrapper">
  215. <tr>
  216. <td>
  217. <table cellpadding="0" cellspacing="0" border="0">
  218. <tr>
  219. <td style="border-radius: 3px; border-bottom: 2px solid #d4d4d4;" class="card-1" width="100%" valign="top" align="center">
  220. <table style="border-radius: 3px;" width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="wrapper" bgcolor="#ffffff">
  221. <tr>
  222. <td align="center">
  223. <table width="600" cellpadding="0" cellspacing="0" border="0" class="container">
  224. <!-- START HEADER IMAGE -->
  225. <tr>
  226. <td class="td-padding" align="center" style="font-family: 'Nanum Myeongjo', monospace; color: #212121!important; font-size: 24px; line-height: 30px; padding-top: 18px; padding-left: 18px!important; padding-right: 18px!important; padding-bottom: 0px!important; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 13px;">
  227. <img align="center" width="600" style="border-radius: 3px 3px 0px 0px; width: 100%; max-width: 600px!important" class="hund" src="https://i.imgur.com/Wg71BCc.png">
  228. </td>
  229. </tr>
  230. <!-- END HEADER IMAGE -->
  231. <!-- START BODY COPY -->
  232. <tr>
  233. <td class="td-padding" align="left" style="font-family: 'Nanum Myeongjo', monospace; color: #212121!important; font-size: 24px; line-height: 30px; padding-top: 18px; padding-left: 18px!important; padding-right: 18px!important; padding-bottom: 0px!important; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 13px;">
  234. <center>Spring Application Panel</center>
  235. </td>
  236. </tr>
  237. <tr>
  238. <td class="td-padding" align="left" style="font-family: 'Nanum Myeongjo', monospace; color: #212121!important; font-size: 16px; line-height: 24px; padding-top: 18px; padding-left: 18px!important; padding-right: 18px!important; padding-bottom: 0px!important; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 18px;">
  239. The Spring Application Panel is back for the 2019/20 academic year! This year's panel has Spring Insight experience at over 10 different firms including JP Morgan, BAML, Barclays, PWP, Citi, Lazard, Rothschild & Co and more! The panel discussion will cover key aspects of the application process, provide an insight into what the actual Spring Weeks were like and clear some general myths revolving around finance and banking. As spaces are limited, be sure to hit 'going' <a href="PUT THE LINK HERE">on the Facebook event page!</a>
  240. <p></p>
  241. <strong style="color: navy;">
  242. Date: 5th November
  243. <p></p>
  244. Time: 18:00 - 19:30
  245. <p></p>
  246. Location: CBG.2.04
  247.  
  248.  
  249. </strong>
  250. <img align="center" width="600" style="border-radius: 3px 3px 0px 0px; width: 100%; max-width: 600px!important" class="hund" src="https://files.slack.com/files-pri/TH93NSCKC-FPPP01FCY/sponsors_big_2019-10-23.png">
  251. </td>
  252. </tr>
  253. <!-- END BODY COPY -->
  254. <!-- BUTTON -->
  255.  
  256. <!-- END BUTTON -->
  257. </table>
  258. </td>
  259. </tr>
  260. </table>
  261. </td>
  262. </tr>
  263. </table>
  264. </td>
  265. </tr>
  266. </table>
  267. </td>
  268. </tr>
  269. <!-- END CARD 1 -->
  270.  
  271.  
  272.  
  273. <!-- SPACER -->
  274. <!--[if gte mso 9]>
  275. <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
  276. <tr>
  277. <td align="center" valign="top" width="600" height="18">
  278. <![endif]-->
  279. <tr><td height="18px"></td></tr>
  280. <!--[if gte mso 9]>
  281. </td>
  282. </tr>
  283. </table>
  284. <![endif]-->
  285. <!-- END SPACER -->
  286.  
  287. <!-- FOOTER -->
  288. <tr>
  289. <td width="100%" valign="top" align="center" class="padding-container">
  290. <table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="wrapper">
  291. <tr>
  292. <td width="100%" valign="top" align="center">
  293. <table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="wrapper" bgcolor="#0F1B3A">
  294. <tr>
  295. <td align="center">
  296. <table width="600" cellpadding="0" cellspacing="0" border="0" class="container">
  297. <tr>
  298. <!-- SOCIAL -->
  299. <td align="center" width="300" style="padding-top: 0px!important; padding-bottom: 18px!important; mso-padding-alt: 0px 0px 18px 0px;">
  300. <table border="0" cellspacing="0" cellpadding="0">
  301. <tr>
  302. <td align="right" valign="top" class="social">
  303. <a href="https://www.facebook.com/lsesubig/"
  304. target="_blank">
  305. <img src="http://paulgoddarddesign.com/emails/images/material-design/fb-icon.png"
  306. height="24" alt="Facebook" border="0" style="display:block; max-width: 24px">
  307. </a>
  308. </td>
  309. <td width="20"></td>
  310. <td align="right" valign="top" class="social">
  311. <a href="#"
  312. target="_blank">
  313. <img src="http://paulgoddarddesign.com/emails/images/material-design/twitter-icon.png"
  314. height="24" alt="Twitter" border="0" style="display:block; max-width: 24px">
  315. </a>
  316. </td>
  317. <td width="20"></td>
  318. <td align="right" valign="top" class="social">
  319. <a href="#"
  320. target="_blank">
  321. <img src="http://paulgoddarddesign.com/emails/images/material-design/linkedin-icon.png"
  322. height="24" alt="Linkedin" border="0" style="display:block; max-width: 24px">
  323. </a>
  324. </td>
  325. <td width="20"></td>
  326. <td align="right" valign="top" class="social">
  327. <a href="https://www.instagram.com/lsesubig/"
  328. target="_blank">
  329. <img src="http://paulgoddarddesign.com/emails/images/material-design/instagram-icon.png"
  330. height="24" alt="Instagram" border="0" style="display:block; max-width: 24px">
  331. </a>
  332. </td>
  333. <td width="20"></td>
  334. <td align="right" valign="top" class="social">
  335. <a href="#"
  336. target="_blank">
  337. <img src="http://paulgoddarddesign.com/emails/images/material-design/youtube-icon.png"
  338. height="24" alt="Youtube" border="0" style="display:block; max-width: 24px">
  339. </a>
  340. </td>
  341. <td width="20"></td>
  342. <td align="right" valign="top" class="social">
  343. <a href="#"
  344. target="_blank">
  345. <img src="http://paulgoddarddesign.com/emails/images/material-design/github-icon.png"
  346. height="24" alt="Github" border="0" style="display:block; max-width: 24px">
  347. </a>
  348. </td>
  349. </tr>
  350. </table>
  351. </td>
  352. <!-- END SOCIAL -->
  353. </tr>
  354. <tr>
  355. <td class="td-padding" align="center" style="font-family: 'Nanum Myeongjo', monospace; color: #212121!important; font-size: 16px; line-height: 24px; padding-top: 0px; padding-left: 0px!important; padding-right: 0px!important; padding-bottom: 0px!important; mso-line-height-rule: exactly; mso-padding-alt: 0px 0px 0px 0px;">
  356. &copy; LSESU BIG 2019, designed by Paul Goddard
  357. </td>
  358. </tr>
  359. </tr>
  360. </table>
  361. </td>
  362. </tr>
  363. </table>
  364. </td>
  365. </tr>
  366. </table>
  367. </td>
  368. </tr>
  369. <!-- FOOTER -->
  370.  
  371. <!-- SPACER -->
  372. <!--[if gte mso 9]>
  373. <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
  374. <tr>
  375. <td align="center" valign="top" width="600" height="36">
  376. <![endif]-->
  377. <tr><td height="36px"></td></tr>
  378. <!--[if gte mso 9]>
  379. </td>
  380. </tr>
  381. </table>
  382. <![endif]-->
  383. <!-- END SPACER -->
  384.  
  385. </table>
  386. <!-- END EMAIL -->
  387. <div style="display:none; white-space:nowrap; font:15px courier; line-height:0;">
  388. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  389. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  390. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  391. </div>
  392. </body>
  393. </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!