Advertisement
Guest User

Untitled

a guest
Oct 20th, 2019
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.20 KB | None | 0 0
  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 align="center" class="hund ripplelink" width="600">
  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/h6LUCbB.jpg">
  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. Beginners' M&A Workshop
  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. Tomorrow our Investment Banking Division will be hosting its first technical workshop, giving members the opportunity the get their first exposure to Mergers & Acquisitions. Our society partner, Training You, is an educational start-up aimed at training university students to help them succeed in a M&A career. This workshop is open to any member from any year group who is exploring career options and looking to find out more about M&A. A bonus case study in the end will give you boost over candidates in interviews and assessment centres as well.
  240. <p></p>
  241. <strong style="color: navy;">
  242. Date: 21/10/2019 <p></p>
  243. Time: 18:30 – 20:00 <p></p>
  244. Location TBC: Keep an eye on <a href="https://www.facebook.com/events/2270928936531395/">the Facebook Event</a> for updates. <p></p>
  245.  
  246.  
  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://scontent-lht6-1.xx.fbcdn.net/v/t1.15752-9/72717707_939638773068445_774959658094821376_n.png?_nc_cat=107&_nc_oc=AQlq8d3-NFzLsodkwWkgY_CB4W1hxbb6EdsD0LPKF8_vagrUhQaYxt2Szu-929l4U9I&_nc_ht=scontent-lht6-1.xx&oh=5fa6b537fa49048fb48de52b59ae9319&oe=5E2FDBB4">
  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