API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 25th, 2015
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.45 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">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <style type="text/css">
  9.  
  10.  
  11. body {
  12. background-color: #f4f4f4;
  13. margin: 0;
  14. }
  15.  
  16. .outer {
  17. margin: 0 auto;
  18. max-width: 600px;
  19. width:100%;
  20. }
  21.  
  22. .middle .outer {
  23. background-color: #ffffff;
  24. border-radius:4px;
  25. }
  26.  
  27. .header,
  28. .middle,
  29. .footer {
  30. margin:0 10px;
  31. text-align: center;
  32. background-color: #f4f4f4;
  33. table-layout: fixed;
  34. -webkit-text-size-adjust: 100%;
  35. -ms-text-size-adjust: 100%;
  36. }
  37.  
  38.  
  39.  
  40. a {
  41. color: #0077cc !important;
  42. text-decoration: underline;
  43. }
  44.  
  45. a span {
  46. color: #0077cc;
  47. }
  48.  
  49. a img {
  50. border: 0;
  51. }
  52.  
  53. div, p, td {
  54. -webkit-font-smoothing: subpixel-antialiased;
  55. }
  56.  
  57. table {
  58. border-collapse: collapse;
  59. }
  60.  
  61. .h1 {
  62. font-family: 'helvetica', arial;
  63. font-size: 24px;
  64. color: #333333;
  65. text-align: left;
  66. line-height: 30px;
  67. }
  68.  
  69. p,
  70. .paragraph {
  71. font-family: helvetica, arial;
  72. font-size: 14px;
  73. color: #333333;
  74. text-align: left;
  75. line-height: 20px;
  76. }
  77.  
  78. p {
  79. Margin: 1em 0;
  80. }
  81.  
  82. .quote {
  83. font-style: italic;
  84. color: #999999;
  85. }
  86.  
  87. .cover {
  88. padding: 0 0 0 0;
  89. }
  90.  
  91. .cover img {
  92. width: 100%;
  93. height: auto;
  94. max-width: 600px;
  95. height: auto;
  96. display: block;
  97. border-radius: 4px 4px 0 0;
  98. }
  99.  
  100.  
  101.  
  102. .button {
  103. width:auto !important;
  104. margin: auto;
  105. }
  106.  
  107. .button td {
  108. padding:0;
  109. }
  110.  
  111. .button-link {
  112. font-family: helvetica;
  113. font-size: 14px;
  114. color:#ffffff !important;
  115. font-weight: bold;
  116. text-decoration: none;
  117. background-color: #333333;
  118. border:#333333 10px solid;
  119. border-radius: 25px;
  120. display: inline-block;
  121. }
  122.  
  123. .button-link span {
  124. display: inline-block;
  125. border-left:#333333 20px solid;
  126. border-right:#333333 20px solid;
  127. color:#ffffff;
  128. }
  129.  
  130.  
  131.  
  132. .contacts .h1 {
  133. text-align: center;
  134. }
  135.  
  136. .contacts .paragraph {
  137. text-align: center;
  138. }
  139.  
  140. .content {
  141. padding:0 0 0 0;
  142. }
  143.  
  144. .credits .paragraph {
  145. color: #999999;
  146. font-size: 12px;
  147. text-align: center;
  148. }
  149.  
  150. .header .h1 {
  151. text-align: center;
  152. }
  153.  
  154. .header .paragraph {
  155. text-align: center;
  156. font-size: 11px;
  157. color:#666666;
  158. }
  159.  
  160. .logo td {
  161. text-align: center;
  162. }
  163.  
  164.  
  165.  
  166. .one-column, .two-columns, .three-columns, .four-columns {
  167. text-align: center;
  168. font-size: 0;
  169. }
  170. .two-columns, .three-columns, .four-columns {
  171. padding-left: 10px;
  172. padding-right: 10px;
  173. }
  174. .column {
  175. width: 100%;
  176. display: inline-block;
  177. vertical-align: top;
  178. font-size: 14px;
  179. text-align: left;
  180. }
  181. .one-column .column {
  182. max-width: 600px;
  183. }
  184. .two-columns .column {
  185. max-width: 290px;
  186. }
  187. .three-columns .column {
  188. max-width: 193px;
  189. }
  190. .four-columns .column {
  191. max-width: 290px;
  192. }
  193.  
  194.  
  195.  
  196. @media only screen and (max-width: 400px) {
  197. .two-columns .column {
  198. max-width: 100% !important;
  199. }
  200. .three-columns .column {
  201. max-width: 49.9% !important;
  202. }
  203. .four-columns .column {
  204. max-width: 100% !important;
  205. }
  206. }
  207. @media screen and (min-width: 401px) and (max-width: 620px) {
  208. .two-columns .column {
  209. max-width: 50% !important;
  210. }
  211. .three-columns .column {
  212. max-width: 33.33% !important;
  213. }
  214. .four-columns .column {
  215. max-width: 100% !important;
  216. }
  217. }
  218.  
  219. </style>
  220. </head>
  221.  
  222. <body style="background-color:#f4f4f4;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" >
  223. <div class="header" style="-webkit-font-smoothing:subpixel-antialiased;margin-top:0;margin-bottom:0;margin-right:10px;margin-left:10px;text-align:center;background-color:#f4f4f4;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;" >
  224. <!--[if (gte mso 9)|(IE)]>
  225. <table width="600" align="center" style="border-collapse:collapse;" >
  226. <tr>
  227. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  228. <![endif]-->
  229. <table class="outer" cellpadding="0" align="center" style="border-collapse:collapse;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;max-width:600px;width:100%;" >
  230. <tr>
  231. <td class="one-column preheader" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;" >
  232. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:600px;" >
  233. <table width="100%" cellpadding="10" style="border-collapse:collapse;" >
  234. <tr>
  235. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  236. <div class="paragraph" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;line-height:20px;text-align:center;font-size:11px;color:#666666;" >
  237. Fork me on <a href="https://github.com/dudeonthehorse/Email" target="_blank" style="color:#0077cc !important;text-decoration:underline;" ><span style="color:#0077cc;" >Github</span></a>. Or use this place for email preheader.
  238. </div>
  239. </td>
  240. </tr>
  241. </table>
  242. </div>
  243. </td>
  244. </tr>
  245. <tr>
  246. <td class="one-column logo" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;" >
  247. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:600px;" >
  248. <table width="100%" cellpadding="0" style="border-collapse:collapse;" >
  249. <tr>
  250. <td style="padding-top:0;padding-bottom:0;padding-right:10px;padding-left:10px;-webkit-font-smoothing:subpixel-antialiased;text-align:center;" >
  251. <a href="https://github.com/dudeonthehorse/Email" target="_blank" style="color:#0077cc !important;text-decoration:underline;" >
  252. <img src="https://assets-cdn.github.com/images/modules/logos_page/Octocat.png" width="72" height="60" style="border-width:0;" >
  253. </a>
  254. </td>
  255. </tr>
  256. </table>
  257. </div>
  258. </td>
  259. </tr>
  260. <tr>
  261. <td class="one-column heading" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;" >
  262. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:600px;" >
  263. <table width="100%" cellpadding="10" style="border-collapse:collapse;" >
  264. <tr>
  265. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  266. <div class="h1" style="-webkit-font-smoothing:subpixel-antialiased;font-family:'helvetica', arial;font-size:24px;color:#333333;line-height:30px;text-align:center;" >
  267. Email Development Framework
  268. </div>
  269. <div class="paragraph" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;line-height:20px;text-align:center;font-size:11px;color:#666666;" >by Arthur Koch @dudeonthehorse</div>
  270. </td>
  271. </tr>
  272. </table>
  273. </div>
  274. </td>
  275. </tr>
  276. </table>
  277. <!--[if (gte mso 9)|(IE)]>
  278. </td>
  279. </tr>
  280. </table>
  281. <![endif]-->
  282. </div>
  283. <div class="middle" style="-webkit-font-smoothing:subpixel-antialiased;margin-top:0;margin-bottom:0;margin-right:10px;margin-left:10px;text-align:center;background-color:#f4f4f4;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;" >
  284. <!--[if (gte mso 9)|(IE)]>
  285. <table width="600" align="center" style="border-collapse:collapse;" >
  286. <tr>
  287. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  288. <![endif]-->
  289. <table class="outer" cellpadding="0" align="center" style="border-collapse:collapse;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;max-width:600px;width:100%;background-color:#ffffff;border-radius:4px;" >
  290. <tr>
  291. <td class="cover" style="-webkit-font-smoothing:subpixel-antialiased;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
  292. <a href="https://github.com/dudeonthehorse/Email" target="_blank" style="color:#0077cc !important;text-decoration:underline;" >
  293. <img src="images/cover.jpg" width="600" style="border-width:0;width:100%;height:auto;max-width:600px;display:block;border-radius:4px 4px 0 0;" >
  294. </a>
  295. </td>
  296. </tr>
  297. <tr>
  298. <td class="one-column content" style="-webkit-font-smoothing:subpixel-antialiased;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:center;font-size:0;" >
  299. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:600px;" >
  300. <table width="100%" cellpadding="20" style="border-collapse:collapse;" >
  301. <tr>
  302. <td style="padding-bottom:10px;-webkit-font-smoothing:subpixel-antialiased;" >
  303. <div class="h1" style="-webkit-font-smoothing:subpixel-antialiased;font-family:'helvetica', arial;font-size:24px;color:#333333;text-align:left;line-height:30px;" >CSS Inliner</div>
  304. <p style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;Margin:1em 0;" >Используйте
  305. <a href="http://inliner.cm/" target="_blank" style="color:#0077cc !important;text-decoration:underline;" >
  306. <span style="color:#0077cc;" >инлайнер</span>
  307. </a> перед использованием верстки на продакшене или непосредственно перед отправкой письма через систему рассылки.</p>
  308. <p class="quote" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;text-align:left;line-height:20px;Margin:1em 0;font-style:italic;color:#999999;" >&laquo;Writing inline CSS can be a pain, so we built a tool that'll do the hard work for you. Just paste your HTML below, and we'll move all your styles inline.&raquo;</p>
  309. <div style="text-align:center;-webkit-font-smoothing:subpixel-antialiased;" >
  310. <table class="button" style="border-collapse:collapse;width:auto !important;margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;" >
  311. <tr>
  312. <td class="button-inner" style="-webkit-font-smoothing:subpixel-antialiased;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
  313. <a class="button-link" href="http://inliner.cm/" target="_blank" style="font-family:helvetica;font-size:14px;color:#ffffff !important;font-weight:bold;text-decoration:none;background-color:#333333;border-width:10px;border-style:solid;border-color:#333333;border-radius:25px;display:inline-block;" >
  314. <span style="display:inline-block;border-left-width:20px;border-left-style:solid;border-left-color:#333333;border-right-width:20px;border-right-style:solid;border-right-color:#333333;color:#ffffff;" >Try Inliner</span>
  315. </a>
  316. </td>
  317. </tr>
  318. </table>
  319. </div>
  320. <div class="h1" style="-webkit-font-smoothing:subpixel-antialiased;font-family:'helvetica', arial;font-size:24px;color:#333333;text-align:left;line-height:30px;" >
  321. <br>Email Clients & Web Interfaces Support</div>
  322. <p style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;Margin:1em 0;" >&ndash;&nbsp; Gmail (web, iOS, android)</p>
  323. <p style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;Margin:1em 0;" >&ndash;&nbsp; Mail.ru (web, iOS)</p>
  324. <p style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;Margin:1em 0;" >&ndash;&nbsp; Rambler.ru (web)</p>
  325. <p style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;Margin:1em 0;" >&ndash;&nbsp; Yandex (web, iOS, android)</p>
  326. <p style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;Margin:1em 0;" >&ndash;&nbsp;
  327. <a href="#" style="color:#0077cc !important;text-decoration:underline;" >
  328. <span style="color:#0077cc;" >And other</span>
  329. </a>
  330. </p>
  331. <br>
  332. <div class="h1" style="-webkit-font-smoothing:subpixel-antialiased;font-family:'helvetica', arial;font-size:24px;color:#333333;text-align:left;line-height:30px;" >
  333. Multicolumns
  334. </div>
  335. </td>
  336. </tr>
  337. </table>
  338. </div>
  339. </td>
  340. </tr>
  341. <tr>
  342. <td class="two-columns" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;padding-left:10px;padding-right:10px;" >
  343. <!--[if (gte mso 9)|(IE)]>
  344. <table width="100%" style="border-collapse:collapse;" >
  345. <tr>
  346. <td width="50%" valign="top" style="-webkit-font-smoothing:subpixel-antialiased;" >
  347. <![endif]-->
  348. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:290px;" >
  349. <table width="100%" cellpadding="10" style="border-collapse:collapse;" >
  350. <tr>
  351. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  352. <table width="100%" cellpadding="10" bgcolor="#f4f4f4" style="border-radius:4px;border-collapse:collapse;" >
  353. <tr>
  354. <td class="paragraph" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;" >
  355. 2 columns
  356. </td>
  357. </tr>
  358. </table>
  359. </td>
  360. </tr>
  361. </table>
  362. </div>
  363. <!--[if (gte mso 9)|(IE)]>
  364. </td><td width="50%" valign="top" style="-webkit-font-smoothing:subpixel-antialiased;" >
  365. <![endif]-->
  366. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:290px;" >
  367. <table width="100%" cellpadding="10" style="border-collapse:collapse;" >
  368. <tr>
  369. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  370. <table width="100%" cellpadding="10" bgcolor="#f4f4f4" style="border-radius:4px;border-collapse:collapse;" >
  371. <tr>
  372. <td class="paragraph" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;" >
  373. 2 columns
  374. </td>
  375. </tr>
  376. </table>
  377. </td>
  378. </tr>
  379. </table>
  380. </div>
  381. <!--[if (gte mso 9)|(IE)]>
  382. </td>
  383. </tr>
  384. </table>
  385. <![endif]-->
  386. </td>
  387. </tr>
  388. <tr>
  389. <td class="three-columns" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;padding-left:10px;padding-right:10px;" >
  390. <!--[if (gte mso 9)|(IE)]>
  391. <table width="100%" style="border-collapse:collapse;" >
  392. <tr>
  393. <td width="33%" valign="top" style="-webkit-font-smoothing:subpixel-antialiased;" >
  394. <![endif]-->
  395. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:193px;" >
  396. <table width="100%" cellpadding="10" style="border-collapse:collapse;" >
  397. <tr>
  398. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  399. <table width="100%" cellpadding="10" bgcolor="#f4f4f4" style="border-radius:4px;border-collapse:collapse;" >
  400. <tr>
  401. <td class="paragraph" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;" >
  402. 3 columns
  403. </td>
  404. </tr>
  405. </table>
  406. </td>
  407. </tr>
  408. </table>
  409. </div>
  410. <!--[if (gte mso 9)|(IE)]>
  411. </td><td width="33%" valign="top" style="-webkit-font-smoothing:subpixel-antialiased;" >
  412. <![endif]-->
  413. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:193px;" >
  414. <table width="100%" cellpadding="10" style="border-collapse:collapse;" >
  415. <tr>
  416. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  417. <table width="100%" cellpadding="10" bgcolor="#f4f4f4" style="border-radius:4px;border-collapse:collapse;" >
  418. <tr>
  419. <td class="paragraph" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;" >
  420. 3 columns
  421. </td>
  422. </tr>
  423. </table>
  424. </td>
  425. </tr>
  426. </table>
  427. </div>
  428. <!--[if (gte mso 9)|(IE)]>
  429. </td><td width="33%" valign="top" style="-webkit-font-smoothing:subpixel-antialiased;" >
  430. <![endif]-->
  431. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:193px;" >
  432. <table width="100%" cellpadding="10" style="border-collapse:collapse;" >
  433. <tr>
  434. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  435. <table width="100%" cellpadding="10" bgcolor="#f4f4f4" style="border-radius:4px;border-collapse:collapse;" >
  436. <tr>
  437. <td class="paragraph" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;" >
  438. 3 columns
  439. </td>
  440. </tr>
  441. </table>
  442. </td>
  443. </tr>
  444. </table>
  445. </div>
  446. <!--[if (gte mso 9)|(IE)]>
  447. </td>
  448. </tr>
  449. </table>
  450. <![endif]-->
  451. </td>
  452. </tr>
  453. <tr>
  454. <td class="four-columns" style="padding-bottom:10px;-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;padding-left:10px;padding-right:10px;" >
  455. <!--[if (gte mso 9)|(IE)]>
  456. <table width="100%" style="border-collapse:collapse;" >
  457. <tr>
  458. <td width="50%" valign="top" style="-webkit-font-smoothing:subpixel-antialiased;" >
  459. <![endif]-->
  460. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:290px;" >
  461. <table width="100%" cellpadding="0" style="border-collapse:collapse;" >
  462. <tr>
  463. <td width="50%" style="-webkit-font-smoothing:subpixel-antialiased;" >
  464. <table width="100%" cellpadding="10" style="border-collapse:collapse;" >
  465. <tr>
  466. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  467. <table width="100%" cellpadding="10" bgcolor="#f4f4f4" style="border-radius:4px;border-collapse:collapse;" >
  468. <tr>
  469. <td class="paragraph" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;" >
  470. 2+2 columns
  471. </td>
  472. </tr>
  473. </table>
  474. </td>
  475. </tr>
  476. </table>
  477. </td>
  478. <td width="50%" style="-webkit-font-smoothing:subpixel-antialiased;" >
  479. <table width="100%" cellpadding="10" style="border-collapse:collapse;" >
  480. <tr>
  481. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  482. <table width="100%" cellpadding="10" bgcolor="#f4f4f4" style="border-radius:4px;border-collapse:collapse;" >
  483. <tr>
  484. <td class="paragraph" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;" >
  485. 2+2 columns
  486. </td>
  487. </tr>
  488. </table>
  489. </td>
  490. </tr>
  491. </table>
  492. </td>
  493. </tr>
  494. </table>
  495. </div>
  496. <!--[if (gte mso 9)|(IE)]>
  497. </td><td width="50%" valign="top" style="-webkit-font-smoothing:subpixel-antialiased;" >
  498. <![endif]-->
  499. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:290px;" >
  500. <table width="100%" cellpadding="0" style="border-collapse:collapse;" >
  501. <tr>
  502. <td width="50%" style="-webkit-font-smoothing:subpixel-antialiased;" >
  503. <table width="100%" cellpadding="10" style="border-collapse:collapse;" >
  504. <tr>
  505. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  506. <table width="100%" cellpadding="10" bgcolor="#f4f4f4" style="border-radius:4px;border-collapse:collapse;" >
  507. <tr>
  508. <td class="paragraph" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;" >
  509. 2+2 columns
  510. </td>
  511. </tr>
  512. </table>
  513. </td>
  514. </tr>
  515. </table>
  516. </td>
  517. <td width="50%" style="-webkit-font-smoothing:subpixel-antialiased;" >
  518. <table width="100%" cellpadding="10" style="border-collapse:collapse;" >
  519. <tr>
  520. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  521. <table width="100%" cellpadding="10" bgcolor="#f4f4f4" style="border-radius:4px;border-collapse:collapse;" >
  522. <tr>
  523. <td class="paragraph" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;text-align:left;line-height:20px;" >
  524. 2+2 columns
  525. </td>
  526. </tr>
  527. </table>
  528. </td>
  529. </tr>
  530. </table>
  531. </td>
  532. </tr>
  533. </table>
  534. </div>
  535. <!--[if (gte mso 9)|(IE)]>
  536. </td>
  537. </tr>
  538. </table>
  539. <![endif]-->
  540. </td>
  541. </tr>
  542. </table>
  543. <!--[if (gte mso 9)|(IE)]>
  544. </td>
  545. </tr>
  546. </table>
  547. <![endif]-->
  548. </div>
  549. <div class="footer" style="-webkit-font-smoothing:subpixel-antialiased;margin-top:0;margin-bottom:0;margin-right:10px;margin-left:10px;text-align:center;background-color:#f4f4f4;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;" >
  550. <!--[if (gte mso 9)|(IE)]>
  551. <table width="600" align="center" style="border-collapse:collapse;" >
  552. <tr>
  553. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  554. <![endif]-->
  555. <table class="outer" cellpadding="0" align="center" style="border-collapse:collapse;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;max-width:600px;width:100%;" >
  556. <tr>
  557. <td class="one-column contacts" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;" >
  558. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:600px;" >
  559. <table width="100%" cellpadding="20" style="border-collapse:collapse;" >
  560. <tr>
  561. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  562. <div class="h1" style="-webkit-font-smoothing:subpixel-antialiased;font-family:'helvetica', arial;font-size:24px;color:#333333;line-height:30px;text-align:center;" >
  563. Contact Me
  564. <br>
  565. <span style="color:#bababa;" >&ndash;</span>
  566. </div>
  567. <div class="paragraph" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:#333333;line-height:20px;text-align:center;" >
  568. <a href="dudeonthehorse@gmail.com" style="color:#0077cc !important;text-decoration:underline;" >
  569. <span style="color:#0077cc;" >dudeonthehorse@gmail.com</span>
  570. </a>
  571. </div>
  572. <br>
  573. <div align="center" style="-webkit-font-smoothing:subpixel-antialiased;" >
  574. <table align="center" cellpadding="10" style="margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;border-collapse:collapse;" >
  575. <tr>
  576. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  577. <a href="https://plus.google.com/u/0/114643441727114040398" target="_blank" style="color:#0077cc !important;text-decoration:underline;" >
  578. <img width="24" height="24" src="socicons/google.png" style="border-width:0;" >
  579. </a>
  580. </td>
  581. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  582. <a href="https://vk.com/dudeonthehorse" target="_blank" style="color:#0077cc !important;text-decoration:underline;" >
  583. <img width="24" height="24" src="socicons/vkontakte.png" style="border-width:0;" >
  584. </a>
  585. </td>
  586. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  587. <a href="https://www.facebook.com/dudeonthehorse" target="_blank" style="color:#0077cc !important;text-decoration:underline;" >
  588. <img width="24" height="24" src="socicons/facebook.png" style="border-width:0;" >
  589. </a>
  590. </td>
  591. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  592. <a href="https://twitter.com/dudeonthehorse" target="_blank" style="color:#0077cc !important;text-decoration:underline;" >
  593. <img width="24" height="24" src="socicons/twitter.png" style="border-width:0;" >
  594. </a>
  595. </td>
  596. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  597. <a href="https://github.com/dudeonthehorse" target="_blank" style="color:#0077cc !important;text-decoration:underline;" >
  598. <img width="24" height="24" src="socicons/github.png" style="border-width:0;" >
  599. </a>
  600. </td>
  601. </tr>
  602. </table>
  603. </div>
  604. </td>
  605. </tr>
  606. </table>
  607. </div>
  608. </td>
  609. </tr>
  610. <tr>
  611. <td class="one-column credits" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;" >
  612. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:600px;" >
  613. <table width="100%" cellpadding="20" style="border-collapse:collapse;" >
  614. <tr>
  615. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  616. <div class="paragraph" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;line-height:20px;color:#999999;font-size:12px;text-align:center;" >
  617. Social icons by
  618. <a href="http://www.socicon.com/" target="_blank" style="color:#0077cc !important;text-decoration:underline;" ><span style="color:#0077cc;" >Socicon</span></a>
  619. <br>
  620. <br> You are received this message because I want. Ha-ha-ha-ha!
  621. <br>
  622. <a href="https://github.com/dudeonthehorse/Email" target="_blank" style="color:#0077cc !important;text-decoration:underline;" ><span style="color:#0077cc;" >Unsubscribe</span></a>
  623. </div>
  624. </td>
  625. </tr>
  626. </table>
  627. </div>
  628. </td>
  629. </tr>
  630. </table>
  631. <!--[if (gte mso 9)|(IE)]>
  632. </td>
  633. </tr>
  634. </table>
  635. <![endif]-->
  636. </div>
  637. </body>
  638.  
  639. </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!