ott_auth.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html data-editor-version="2" class="sg-campaigns" 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, initial-scale=1, minimum-scale=1, maximum-scale=1">
  6. <!--[if !mso]><!-->
  7. <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  8. <!--<![endif]-->
  9. <!--[if (gte mso 9)|(IE)]>
  10. <xml>
  11. <o:OfficeDocumentSettings>
  12. <o:AllowPNG/>
  13. <o:PixelsPerInch>96</o:PixelsPerInch>
  14. </o:OfficeDocumentSettings>
  15. </xml>
  16. <![endif]-->
  17. <!--[if (gte mso 9)|(IE)]>
  18. <style type="text/css">
  19. body {width: 600px;margin: 0 auto;}
  20. table {border-collapse: collapse;}
  21. table, td {mso-table-lspace: 0pt;mso-table-rspace: 0pt;}
  22. img {-ms-interpolation-mode: bicubic;}
  23. </style>
  24. <![endif]-->
  25. <style type="text/css">
  26. body, p, div {
  27. font-family: arial,helvetica,sans-serif;
  28. font-size: 14px;
  29. }
  30. body {
  31. color: #000000;
  32. }
  33. body a {
  34. color: #1188E6;
  35. text-decoration: none;
  36. }
  37. p { margin: 0; padding: 0; }
  38. table.wrapper {
  39. width:100% !important;
  40. table-layout: fixed;
  41. -webkit-font-smoothing: antialiased;
  42. -webkit-text-size-adjust: 100%;
  43. -moz-text-size-adjust: 100%;
  44. -ms-text-size-adjust: 100%;
  45. }
  46. img.max-width {
  47. max-width: 100% !important;
  48. }
  49. .column.of-2 {
  50. width: 50%;
  51. }
  52. .column.of-3 {
  53. width: 33.333%;
  54. }
  55. .column.of-4 {
  56. width: 25%;
  57. }
  58. ul ul ul ul {
  59. list-style-type: disc !important;
  60. }
  61. ol ol {
  62. list-style-type: lower-roman !important;
  63. }
  64. ol ol ol {
  65. list-style-type: lower-latin !important;
  66. }
  67. ol ol ol ol {
  68. list-style-type: decimal !important;
  69. }
  70. @media screen and (max-width:480px) {
  71. .preheader .rightColumnContent,
  72. .footer .rightColumnContent {
  73. text-align: left !important;
  74. }
  75. .preheader .rightColumnContent div,
  76. .preheader .rightColumnContent span,
  77. .footer .rightColumnContent div,
  78. .footer .rightColumnContent span {
  79. text-align: left !important;
  80. }
  81. .preheader .rightColumnContent,
  82. .preheader .leftColumnContent {
  83. font-size: 80% !important;
  84. padding: 5px 0;
  85. }
  86. table.wrapper-mobile {
  87. width: 100% !important;
  88. table-layout: fixed;
  89. }
  90. img.max-width {
  91. height: auto !important;
  92. max-width: 100% !important;
  93. }
  94. a.bulletproof-button {
  95. display: block !important;
  96. width: auto !important;
  97. font-size: 80%;
  98. padding-left: 0 !important;
  99. padding-right: 0 !important;
  100. }
  101. .columns {
  102. width: 100% !important;
  103. }
  104. .column {
  105. display: block !important;
  106. width: 100% !important;
  107. padding-left: 0 !important;
  108. padding-right: 0 !important;
  109. margin-left: 0 !important;
  110. margin-right: 0 !important;
  111. }
  112. .social-icon-column {
  113. display: inline-block !important;
  114. }
  115. }
  116. </style>
  117. <!--user entered Head Start--><!--End Head user entered-->
  118. </head>
  119. <body>
  120. <center class="wrapper" data-link-color="#1188E6" data-body-style="font-size:14px; font-family:arial,helvetica,sans-serif; color:#000000; background-color:#F3F3F3;">
  121. <div class="webkit">
  122. <table cellpadding="0" cellspacing="0" border="0" width="100%" class="wrapper" bgcolor="#F3F3F3">
  123. <tr>
  124. <td valign="top" bgcolor="#F3F3F3" width="100%">
  125. <table width="100%" role="content-container" class="outer" align="center" cellpadding="0" cellspacing="0" border="0">
  126. <tr>
  127. <td width="100%">
  128. <table width="100%" cellpadding="0" cellspacing="0" border="0">
  129. <tr>
  130. <td>
  131. <!--[if mso]>
  132. <center>
  133. <table><tr><td width="600">
  134. <![endif]-->
  135. <table width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%; max-width:600px;" align="center">
  136. <tr>
  137. <td role="modules-container" style="padding:0px 0px 0px 0px; color:#000000; text-align:left;" bgcolor="#F3F3F3" width="100%" align="left"><table class="module preheader preheader-hide" role="module" data-type="preheader" border="0" cellpadding="0" cellspacing="0" width="100%" style="display: none !important; mso-hide: all; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;">
  138. <tr>
  139. <td role="module-content">
  140. <p></p>
  141. </td>
  142. </tr>
  143. </table><table class="module" role="module" data-type="spacer" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;" data-muid="67fb228a-d56f-485b-9a2f-1625892afe34">
  144. <tbody>
  145. <tr>
  146. <td style="padding:0px 0px 30px 0px;" role="module-content" bgcolor="">
  147. </td>
  148. </tr>
  149. </tbody>
  150. </table><table class="wrapper" role="module" data-type="image" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;" data-muid="abdf35aa-f410-4f26-b2da-f5ccdd1013ce">
  151. <tbody>
  152. <tr>
  153. <td style="font-size:6px; line-height:10px; padding:0px 0px 0px 0px;" valign="top" align="center">
  154. <img class="max-width" border="0" style="display:block; color:#000000; text-decoration:none; font-family:Helvetica, arial, sans-serif; font-size:16px;" width="100" alt="" data-proportionally-constrained="true" data-responsive="false" src="cid:img-email-verification-header" height="100">
  155. </td>
  156. </tr>
  157. </tbody>
  158. </table>
  159. <table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;" data-muid="0923e69a-c776-488d-a47c-485e33ae9bb7" data-mc-module-version="2019-10-22">
  160. <tbody>
  161. <tr>
  162. <td style="padding:40px 0px 18px 0px; line-height:22px; text-align:inherit;" height="100%" valign="top" bgcolor="" role="module-content"><div><div style="font-family: inherit; text-align: center"><span style="white-space: pre-wrap; font-family: verdana, geneva, sans-serif; color: #252525;">Paste this code into the app to verify your email address</span></div><div></div></div></td>
  163. </tr>
  164. </tbody>
  165. </table><table border="0" cellpadding="0" cellspacing="0" class="module" data-role="module-button" data-type="button" role="module" style="table-layout:fixed;" width="100%" data-muid="6f4f8ce8-9d24-4ce9-8ada-43892974bb49">
  166. <tbody>
  167. <tr>
  168. <td align="center" bgcolor="" class="outer-td" style="padding:0px 0px 0px 0px;">
  169. <table border="0" cellpadding="0" cellspacing="0" class="wrapper-mobile" style="text-align:center;">
  170. <tbody>
  171. <tr>
  172. <td align="center" bgcolor="#DEDEDE" class="inner-td" style="border-radius:6px; font-size:16px; text-align:center; background-color:inherit;">
  173. <div style="background-color:#DEDEDE; border:0px solid #333333; border-color:#333333; border-radius:6px; border-width:0px; color:purple; display:inline-block; font-weight:normal; letter-spacing:4px; line-height:normal; padding:12px 18px 12px 18px; text-align:center; text-decoration:none; border-style:solid; font-size:24px; font-family:courier, monospace;" target="_blank">{{.VerificationCode}}</div>
  174. </td>
  175. </tr>
  176. </tbody>
  177. </table>
  178. </td>
  179. </tr>
  180. </tbody>
  181. </table><table class="module" role="module" data-type="spacer" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;" data-muid="c07d4662-5bb6-432d-9752-6f806d586662">
  182. <tbody>
  183. <tr>
  184. <td style="padding:0px 0px 30px 0px;" role="module-content" bgcolor="">
  185. </td>
  186. </tr>
  187. </tbody>
  188. </table><table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;" data-muid="c6842788-6953-4550-8fa2-2442f3350e82" data-mc-module-version="2019-10-22">
  189. <tbody>
  190. <tr>
  191. <td style="padding:18px 0px 18px 0px; line-height:22px; text-align:inherit;" height="100%" valign="top" bgcolor="" role="module-content"><div><div style="font-family: inherit; text-align: center"><span style="font-family: verdana, geneva, sans-serif; font-size: 10px; line-height: 14px; color: #7a7a7a">Please respond to this email if you are facing any issues</span></div><div></div></div></td>
  192. </tr>
  193. </tbody>
  194. </table></td>
  195. </tr>
  196. </table>
  197. <!--[if mso]>
  198. </td>
  199. </tr>
  200. </table>
  201. </center>
  202. <![endif]-->
  203. </td>
  204. </tr>
  205. </table>
  206. </td>
  207. </tr>
  208. </table>
  209. </td>
  210. </tr>
  211. </table>
  212. </div>
  213. </center>
  214. </body>
  215. </html>