template-verify.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424
  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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  3. <head>
  4. <!--[if gte mso 9]><xml>
  5. <o:OfficeDocumentSettings>
  6. <o:AllowPNG/>
  7. <o:PixelsPerInch>96</o:PixelsPerInch>
  8. </o:OfficeDocumentSettings>
  9. </xml><![endif]-->
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  11. <meta name="viewport" content="width=device-width">
  12. <!--[if !mso]><!-->
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  14. <!--<![endif]-->
  15. <title></title>
  16. <style type="text/css" id="media-query">
  17. body {
  18. margin: 0;
  19. padding: 0;
  20. }
  21. table,
  22. tr,
  23. td {
  24. vertical-align: top;
  25. border-collapse: collapse;
  26. }
  27. .ie-browser table,
  28. .mso-container table {
  29. table-layout: fixed;
  30. }
  31. * {
  32. line-height: inherit;
  33. }
  34. a[x-apple-data-detectors=true] {
  35. color: inherit !important;
  36. text-decoration: none !important;
  37. }
  38. [owa] .img-container div,
  39. [owa] .img-container button {
  40. display: block !important;
  41. }
  42. [owa] .fullwidth button {
  43. width: 100% !important;
  44. }
  45. [owa] .block-grid .col {
  46. display: table-cell;
  47. float: none !important;
  48. vertical-align: top;
  49. }
  50. .ie-browser .num12,
  51. .ie-browser .block-grid,
  52. [owa] .num12,
  53. [owa] .block-grid {
  54. width: 500px !important;
  55. }
  56. .ExternalClass,
  57. .ExternalClass p,
  58. .ExternalClass span,
  59. .ExternalClass font,
  60. .ExternalClass td,
  61. .ExternalClass div {
  62. line-height: 100%;
  63. }
  64. .ie-browser .mixed-two-up .num4,
  65. [owa] .mixed-two-up .num4 {
  66. width: 164px !important;
  67. }
  68. .ie-browser .mixed-two-up .num8,
  69. [owa] .mixed-two-up .num8 {
  70. width: 328px !important;
  71. }
  72. .ie-browser .block-grid.two-up .col,
  73. [owa] .block-grid.two-up .col {
  74. width: 250px !important;
  75. }
  76. .ie-browser .block-grid.three-up .col,
  77. [owa] .block-grid.three-up .col {
  78. width: 166px !important;
  79. }
  80. .ie-browser .block-grid.four-up .col,
  81. [owa] .block-grid.four-up .col {
  82. width: 125px !important;
  83. }
  84. .ie-browser .block-grid.five-up .col,
  85. [owa] .block-grid.five-up .col {
  86. width: 100px !important;
  87. }
  88. .ie-browser .block-grid.six-up .col,
  89. [owa] .block-grid.six-up .col {
  90. width: 83px !important;
  91. }
  92. .ie-browser .block-grid.seven-up .col,
  93. [owa] .block-grid.seven-up .col {
  94. width: 71px !important;
  95. }
  96. .ie-browser .block-grid.eight-up .col,
  97. [owa] .block-grid.eight-up .col {
  98. width: 62px !important;
  99. }
  100. .ie-browser .block-grid.nine-up .col,
  101. [owa] .block-grid.nine-up .col {
  102. width: 55px !important;
  103. }
  104. .ie-browser .block-grid.ten-up .col,
  105. [owa] .block-grid.ten-up .col {
  106. width: 50px !important;
  107. }
  108. .ie-browser .block-grid.eleven-up .col,
  109. [owa] .block-grid.eleven-up .col {
  110. width: 45px !important;
  111. }
  112. .ie-browser .block-grid.twelve-up .col,
  113. [owa] .block-grid.twelve-up .col {
  114. width: 41px !important;
  115. }
  116. @media only screen and (min-width: 520px) {
  117. .block-grid {
  118. width: 500px !important;
  119. }
  120. .block-grid .col {
  121. vertical-align: top;
  122. }
  123. .block-grid .col.num12 {
  124. width: 500px !important;
  125. }
  126. .block-grid.mixed-two-up .col.num4 {
  127. width: 164px !important;
  128. }
  129. .block-grid.mixed-two-up .col.num8 {
  130. width: 328px !important;
  131. }
  132. .block-grid.two-up .col {
  133. width: 250px !important;
  134. }
  135. .block-grid.three-up .col {
  136. width: 166px !important;
  137. }
  138. .block-grid.four-up .col {
  139. width: 125px !important;
  140. }
  141. .block-grid.five-up .col {
  142. width: 100px !important;
  143. }
  144. .block-grid.six-up .col {
  145. width: 83px !important;
  146. }
  147. .block-grid.seven-up .col {
  148. width: 71px !important;
  149. }
  150. .block-grid.eight-up .col {
  151. width: 62px !important;
  152. }
  153. .block-grid.nine-up .col {
  154. width: 55px !important;
  155. }
  156. .block-grid.ten-up .col {
  157. width: 50px !important;
  158. }
  159. .block-grid.eleven-up .col {
  160. width: 45px !important;
  161. }
  162. .block-grid.twelve-up .col {
  163. width: 41px !important;
  164. }
  165. }
  166. @media (max-width: 520px) {
  167. .block-grid,
  168. .col {
  169. min-width: 320px !important;
  170. max-width: 100% !important;
  171. display: block !important;
  172. }
  173. .block-grid {
  174. width: calc(100% - 40px) !important;
  175. }
  176. .col {
  177. width: 100% !important;
  178. }
  179. .col>div {
  180. margin: 0 auto;
  181. }
  182. img.fullwidth,
  183. img.fullwidthOnMobile {
  184. max-width: 100% !important;
  185. }
  186. .no-stack .col {
  187. min-width: 0 !important;
  188. display: table-cell !important;
  189. }
  190. .no-stack.two-up .col {
  191. width: 50% !important;
  192. }
  193. .no-stack.mixed-two-up .col.num4 {
  194. width: 33% !important;
  195. }
  196. .no-stack.mixed-two-up .col.num8 {
  197. width: 66% !important;
  198. }
  199. .no-stack.three-up .col.num4 {
  200. width: 33% !important;
  201. }
  202. .no-stack.four-up .col.num3 {
  203. width: 25% !important;
  204. }
  205. }
  206. </style>
  207. </head>
  208. <body class="clean-body" style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;background-color: #FFFFFF">
  209. <style type="text/css" id="media-query-bodytag">
  210. @media (max-width: 520px) {
  211. .block-grid {
  212. min-width: 320px!important;
  213. max-width: 100%!important;
  214. width: 100%!important;
  215. display: block!important;
  216. }
  217. .col {
  218. min-width: 320px!important;
  219. max-width: 100%!important;
  220. width: 100%!important;
  221. display: block!important;
  222. }
  223. .col>div {
  224. margin: 0 auto;
  225. }
  226. img.fullwidth {
  227. max-width: 100%!important;
  228. }
  229. img.fullwidthOnMobile {
  230. max-width: 100%!important;
  231. }
  232. .no-stack .col {
  233. min-width: 0!important;
  234. display: table-cell!important;
  235. }
  236. .no-stack.two-up .col {
  237. width: 50%!important;
  238. }
  239. .no-stack.mixed-two-up .col.num4 {
  240. width: 33%!important;
  241. }
  242. .no-stack.mixed-two-up .col.num8 {
  243. width: 66%!important;
  244. }
  245. .no-stack.three-up .col.num4 {
  246. width: 33%!important
  247. }
  248. .no-stack.four-up .col.num3 {
  249. width: 25%!important
  250. }
  251. }
  252. </style>
  253. <!--[if IE]><div class="ie-browser"><![endif]-->
  254. <!--[if mso]><div class="mso-container"><![endif]-->
  255. <table class="nl-container" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;min-width: 320px;Margin: 0 auto;background-color: #FFFFFF;width: 100%"
  256. cellpadding="0" cellspacing="0">
  257. <tbody>
  258. <tr style="vertical-align: top">
  259. <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  260. <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #FFFFFF;"><![endif]-->
  261. <div style="background-color:#FFFFFF;">
  262. <div style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #000000;"
  263. class="block-grid ">
  264. <div style="border-collapse: collapse;display: table;width: 100%;background-color:#000000;">
  265. <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:#FFFFFF;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:#000000;"><![endif]-->
  266. <!--[if (mso)|(IE)]><td align="center" width="500" style="background-color:#FFFFFF; width:500px; padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
  267. <div class="col num12" style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;">
  268. <div style="background-color: #FFFFFF; width: 100% !important;">
  269. <!--[if (!mso)&(!IE)]><!-->
  270. <div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
  271. <!--<![endif]-->
  272. <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 30px; padding-top: 10px; padding-bottom: 10px;"><![endif]-->
  273. <div style="color:#000000;line-height:200%;font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; padding-right: 0px; padding-left: 30px; padding-top: 10px; padding-bottom: 10px;">
  274. <div style="font-size:12px;line-height:24px;font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;color:#000000;text-align:left;">
  275. <p style="margin: 0;font-size: 14px;line-height: 28px;text-align: left">
  276. <span style="color: rgb(0, 0, 0); font-size: 14px; line-height: 28px;">
  277. <strong>
  278. <span style="line-height: 56px; font-size: 28px;">
  279. <span style="font-size: 24px; line-height: 48px;">Kutt</span>.</span>
  280. </strong>
  281. <span style="line-height: 56px; font-size: 28px;"></span>
  282. </span>
  283. </p>
  284. </div>
  285. </div>
  286. <!--[if mso]></td></tr></table><![endif]-->
  287. <!--[if (!mso)&(!IE)]><!-->
  288. </div>
  289. <!--<![endif]-->
  290. </div>
  291. </div>
  292. <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
  293. </div>
  294. </div>
  295. </div>
  296. <div style="background-color:transparent;">
  297. <div style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;"
  298. class="block-grid ">
  299. <div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
  300. <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:transparent;"><![endif]-->
  301. <!--[if (mso)|(IE)]><td align="center" width="500" style=" width:500px; padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
  302. <div class="col num12" style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;">
  303. <div style="background-color: transparent; width: 100% !important;">
  304. <!--[if (!mso)&(!IE)]><!-->
  305. <div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
  306. <!--<![endif]-->
  307. <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 30px; padding-left: 30px; padding-top: 30px; padding-bottom: 30px;"><![endif]-->
  308. <div style="color:#555555;line-height:180%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; padding-right: 30px; padding-left: 30px; padding-top: 30px; padding-bottom: 30px;">
  309. <div style="font-size:12px;line-height:22px;color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:left;">
  310. <p style="margin: 0;font-size: 14px;line-height: 25px">Thanks for creating an account on Kutt.it.
  311. <br>
  312. </p>
  313. <p style="margin: 0;font-size: 14px;line-height: 25px">Please verify your email address using the link below.</p>
  314. </div>
  315. </div>
  316. <!--[if mso]></td></tr></table><![endif]-->
  317. <!--[if (!mso)&(!IE)]><!-->
  318. </div>
  319. <!--<![endif]-->
  320. </div>
  321. </div>
  322. <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
  323. </div>
  324. </div>
  325. </div>
  326. <div style="background-color:transparent;">
  327. <div style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;"
  328. class="block-grid ">
  329. <div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
  330. <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:transparent;"><![endif]-->
  331. <!--[if (mso)|(IE)]><td align="center" width="500" style=" width:500px; padding-right: 5px; padding-left: 5px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
  332. <div class="col num12" style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;">
  333. <div style="background-color: transparent; width: 100% !important;">
  334. <!--[if (!mso)&(!IE)]><!-->
  335. <div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 5px; padding-left: 5px;">
  336. <!--<![endif]-->
  337. <div align="left" class="button-container left" style="padding-right: 30px; padding-left: 30px; padding-top:30px; padding-bottom:30px;">
  338. <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"><tr><td style="padding-right: 30px; padding-left: 30px; padding-top:30px; padding-bottom:30px;" align="left"><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://{{domain}}/reset-password/{{resetpassword}}" style="height:31pt; v-text-anchor:middle; width:81pt;" arcsize="143%" strokecolor="#2196F3" fillcolor="#2196F3"><w:anchorlock/><v:textbox inset="0,0,0,0"><center style="color:#ffffff; font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:16px;"><![endif]-->
  339. <a href="http://{{domain}}/verify/{{verification}}" target="_blank" style="display: block;text-decoration: none;-webkit-text-size-adjust: none;text-align: center;color: #ffffff; background-color: #2196F3; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; max-width: 108px; width: 48px;width: auto; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 0px solid transparent; border-left: 0px solid transparent; padding-top: 5px; padding-right: 30px; padding-bottom: 5px; padding-left: 30px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;mso-border-alt: none">
  340. <span style="font-size:16px;line-height:32px;">Verify account</span>
  341. </a>
  342. <!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]-->
  343. </div>
  344. <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 40px; padding-left: 40px; padding-top: 40px; padding-bottom: 40px;"><![endif]-->
  345. <div style="color:#555555;line-height:180%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; padding-right: 40px; padding-left: 40px; padding-top: 40px; padding-bottom: 40px;">
  346. <div style="font-size:12px;line-height:22px;text-align:center;color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;">
  347. <span style="font-size:14px; line-height:25px;">
  348. <a style="color:#0068A5;text-decoration: underline;" href="https://kutt.it" target="_blank" rel="noopener" data-mce-selected="1">kutt.it | Free &amp; open source URL shortener</a>
  349. </span>
  350. <br data-mce-bogus="1">
  351. </div>
  352. </div>
  353. <!--[if mso]></td></tr></table><![endif]-->
  354. <!--[if (!mso)&(!IE)]><!-->
  355. </div>
  356. <!--<![endif]-->
  357. </div>
  358. </div>
  359. <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
  360. </div>
  361. </div>
  362. </div>
  363. <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  364. </td>
  365. </tr>
  366. </tbody>
  367. </table>
  368. <!--[if (mso)|(IE)]></div><![endif]-->
  369. </body>
  370. </html>