src/ApplicationBundle/Resources/views/email/templates/forgotPasswordOtp.html.twig line 1

Open in your IDE?
  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]>
  5.     <xml>
  6.         <o:OfficeDocumentSettings>
  7.             <o:AllowPNG/>
  8.             <o:PixelsPerInch>96</o:PixelsPerInch>
  9.         </o:OfficeDocumentSettings>
  10.     </xml>
  11.     <![endif]-->
  12.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  13.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  14.     <meta name="x-apple-disable-message-reformatting">
  15.     <!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--<![endif]-->
  16.     <title></title>
  17.     {% set resource_folder_url='https://buddybee.eu/buddybee_assets/pageSpecific/beeCodeEmailDelivery' %}
  19.     <style type="text/css">
  20.         @media only screen and (min-width: 620px) {
  21.             .u-row {
  22.                 width: 600px !important;
  23.             }
  24.             .u-row .u-col {
  25.                 vertical-align: top;
  26.             }
  28.             .u-row .u-col-50 {
  29.                 width: 300px !important;
  30.             }
  32.             .u-row .u-col-100 {
  33.                 width: 600px !important;
  34.             }
  36.         }
  38.         @media (max-width: 620px) {
  39.             .u-row-container {
  40.                 max-width: 100% !important;
  41.                 padding-left: 0px !important;
  42.                 padding-right: 0px !important;
  43.             }
  44.             .u-row .u-col {
  45.                 min-width: 320px !important;
  46.                 max-width: 100% !important;
  47.                 display: block !important;
  48.             }
  49.             .u-row {
  50.                 width: 100% !important;
  51.             }
  52.             .u-col {
  53.                 width: 100% !important;
  54.             }
  55.             .u-col > div {
  56.                 margin: 0 auto;
  57.             }
  58.         }
  59.         body {
  60.             margin: 0;
  61.             padding: 0;
  62.         }
  64.         table,
  65.         tr,
  66.         td {
  67.             vertical-align: top;
  68.             border-collapse: collapse;
  69.         }
  71.         p {
  72.             margin: 0;
  73.         }
  75.         .ie-container table,
  76.         .mso-container table {
  77.             table-layout: fixed;
  78.         }
  80.         * {
  81.             line-height: inherit;
  82.         }
  84.         a[x-apple-data-detectors='true'] {
  85.             color: inherit !important;
  86.             text-decoration: none !important;
  87.         }
  89.         table, td { color: #000000; } #u_body a { color: #161a39; text-decoration: underline; }
  90.     </style>
  94.     <!--[if !mso]><!--><link href="https://fonts.googleapis.com/css?family=Lato:400,700&display=swap" rel="stylesheet" type="text/css"><!--<![endif]-->
  96. </head>
  98. <body class="clean-body u_body" style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;background-color: #f9f9f9;color: #000000">
  99. <!--[if IE]><div class="ie-container"><![endif]-->
  100. <!--[if mso]><div class="mso-container"><![endif]-->
  101. <table id="u_body" 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: #f9f9f9;width:100%" cellpadding="0" cellspacing="0">
  102.     <tbody>
  103.     <tr style="vertical-align: top">
  104.         <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  105.             <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #f9f9f9;"><![endif]-->
  108.             <div class="u-row-container" style="padding: 0px;background-color: #f9f9f9">
  109.                 <div class="u-row" style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #f9f9f9;">
  110.                     <div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
  111.                         <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: #f9f9f9;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: #f9f9f9;"><![endif]-->
  113.                         <!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
  114.                         <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
  115.                             <div style="height: 100%;width: 100% !important;">
  116.                                 <!--[if (!mso)&(!IE)]><!--><div style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
  118.                                     <table style="font-family:'Lato',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  119.                                         <tbody>
  120.                                         <tr>
  121.                                             <td style="overflow-wrap:break-word;word-break:break-word;padding:15px;font-family:'Lato',sans-serif;" align="left">
  123.                                                 <table height="0px" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;border-top: 1px solid #f9f9f9;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
  124.                                                     <tbody>
  125.                                                     <tr style="vertical-align: top">
  126.                                                         <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;font-size: 0px;line-height: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
  127.                                                             <span>&#160;</span>
  128.                                                         </td>
  129.                                                     </tr>
  130.                                                     </tbody>
  131.                                                 </table>
  133.                                             </td>
  134.                                         </tr>
  135.                                         </tbody>
  136.                                     </table>
  138.                                     <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
  139.                             </div>
  140.                         </div>
  141.                         <!--[if (mso)|(IE)]></td><![endif]-->
  142.                         <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  143.                     </div>
  144.                 </div>
  145.             </div>
  149.             <div class="u-row-container" style="padding: 0px;background-color: transparent">
  150.                 <div class="u-row" style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #ffffff;">
  151.                     <div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
  152.                         <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: #ffffff;"><![endif]-->
  154.                         <!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
  155.                         <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
  156.                             <div style="height: 100%;width: 100% !important;">
  157.                                 <!--[if (!mso)&(!IE)]><!--><div style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
  159.                                     <table style="font-family:'Lato',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  160.                                         <tbody>
  161.                                         <tr>
  162.                                             <td style="overflow-wrap:break-word;word-break:break-word;padding:25px 10px;font-family:'Lato',sans-serif;" align="left">
  164.                                                 <table width="100%" cellpadding="0" cellspacing="0" border="0">
  165.                                                     <tr>
  166.                                                         <td style="padding-right: 0px;padding-left: 0px;" align="center">
  168.                                                             <img align="center" border="0" src="https://buddybee.eu/buddybee_assets/images/menu_logo.png" alt="Image" title="Image" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: inline-block !important;border: none;height: auto;float: none;width: 29%;max-width: 168.2px;" width="168.2"/>
  170.                                                         </td>
  171.                                                     </tr>
  172.                                                 </table>
  174.                                             </td>
  175.                                         </tr>
  176.                                         </tbody>
  177.                                     </table>
  179.                                     <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
  180.                             </div>
  181.                         </div>
  182.                         <!--[if (mso)|(IE)]></td><![endif]-->
  183.                         <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  184.                     </div>
  185.                 </div>
  186.             </div>
  190.             <div class="u-row-container" style="padding: 0px;background-color: transparent">
  191.                 <div class="u-row" style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #161a39;">
  192.                     <div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
  193.                         <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: #161a39;"><![endif]-->
  195.                         <!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
  196.                         <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
  197.                             <div style="height: 100%;width: 100% !important;">
  198.                                 <!--[if (!mso)&(!IE)]><!--><div style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
  200.                                     <table style="font-family:'Lato',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  201.                                         <tbody>
  202.                                         <tr>
  203.                                             <td style="overflow-wrap:break-word;word-break:break-word;padding:35px 10px 10px;font-family:'Lato',sans-serif;" align="left">
  205.                                                 <table width="100%" cellpadding="0" cellspacing="0" border="0">
  206.                                                     <tr>
  207.                                                         <td style="padding-right: 0px;padding-left: 0px;" align="center">
  209.                                                             <img align="center" border="0" src="{{resource_folder_url}}/image-6.png" alt="Image" title="Image" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: inline-block !important;border: none;height: auto;float: none;width: 10%;max-width: 58px;" width="58"/>
  211.                                                         </td>
  212.                                                     </tr>
  213.                                                 </table>
  215.                                             </td>
  216.                                         </tr>
  217.                                         </tbody>
  218.                                     </table>
  220.                                     <table style="font-family:'Lato',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  221.                                         <tbody>
  222.                                         <tr>
  223.                                             <td style="overflow-wrap:break-word;word-break:break-word;padding:0px 10px 30px;font-family:'Lato',sans-serif;" align="left">
  225.                                                 <div style="line-height: 140%; text-align: left; word-wrap: break-word;">
  226.                                                     <p style="font-size: 14px; line-height: 140%; text-align: center;"><span style="font-size: 28px; line-height: 39.2px; color: #ffffff; font-family: Lato, sans-serif;">{{  otpActionTitle }} Verification</span></p>
  227.                                                 </div>
  229.                                             </td>
  230.                                         </tr>
  231.                                         </tbody>
  232.                                     </table>
  234.                                     <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
  235.                             </div>
  236.                         </div>
  237.                         <!--[if (mso)|(IE)]></td><![endif]-->
  238.                         <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  239.                     </div>
  240.                 </div>
  241.             </div>
  245.             <div class="u-row-container" style="padding: 0px;background-color: transparent">
  246.                 <div class="u-row" style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #ffffff;">
  247.                     <div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
  248.                         <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: #ffffff;"><![endif]-->
  250.                         <!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
  251.                         <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
  252.                             <div style="height: 100%;width: 100% !important;">
  253.                                 <!--[if (!mso)&(!IE)]><!--><div style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
  255.                                     <table style="font-family:'Lato',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  256.                                         <tbody>
  257.                                         <tr>
  258.                                             <td style="overflow-wrap:break-word;word-break:break-word;padding:40px 40px 30px;font-family:'Lato',sans-serif;" align="left">
  260.                                                 <div style="line-height: 140%; text-align: left; word-wrap: break-word;">
  261.                                                     <p style="font-size: 14px; line-height: 140%;"><span style="font-size: 18px; line-height: 25.2px; color: #666666;">Hello,</span></p>
  262.                                                     <p style="font-size: 14px; line-height: 140%;"> </p>
  263.                                                     <p style="font-size: 14px; line-height: 140%;"><span style="font-size: 18px; line-height: 25.2px; color: #666666;">We have sent you this email in response to your request to {{ otpActionDescForMail }} on {{ systemType is defined?(systemType=='_BUDDYBEE_'?'BuddyBee':'HoneyBee'):'BuddyBee' }}.</span></p>
  264.                                                     <p style="font-size: 14px; line-height: 140%;"> </p>
  265.                                                     {% if otpActionId==1 %}
  266.                                                     <p style="font-size: 14px; line-height: 140%;"><span style="font-size: 18px; line-height: 25.2px; color: #666666;">{{ otpActionId==1?'To reset your password, please follow the link below:':'To authorize this action, please follow the link below:'}} </span></p>
  267.                                                 {% endif %}
  268.                                                 </div>
  270.                                             </td>
  271.                                         </tr>
  272.                                         </tbody>
  273.                                     </table>
  275.                                     <table style="font-family:'Lato',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  276.                                         <tbody>
  277.                                         <tr>
  278.                                             <td style="overflow-wrap:break-word;word-break:break-word;padding:12px 16px 12px 12px;font-family:'Lato',sans-serif;" align="left">
  280.                                                 <div style="line-height: 140%; text-align: left; word-wrap: break-word;">
  281.                                                     <p style="font-size: 14px; line-height: 140%;">               Your OTP :                                               <span style="font-size: 48px; line-height: 67.2px;">{{ otp }}</span></p>
  282.                                                 </div>
  284.                                             </td>
  285.                                         </tr>
  286.                                         </tbody>
  287.                                     </table>
  289.                                     <table style="font-family:'Lato',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  290.                                         <tbody>
  291.                                         <tr>
  292.                                             <td style="overflow-wrap:break-word;word-break:break-word;padding:0px 40px;font-family:'Lato',sans-serif;" align="left">
  294.                                                 <!--[if mso]><style>.v-button {background: transparent !important;}</style><![endif]-->
  295.                                                 <div align="left">
  297.                                                     {% set encData={
  298.                                                     "userType":userType,
  299.                                                     "otp":otp,
  300.                                                     "otpActionId":otpActionId,
  301.                                                     "userCategory":userCategory,
  302.                                                     "userId":userData.id,
  303.                                                     "firstName":userData.firstName,
  304.                                                     "lastName":userData.lastName,
  305.                                                     "image":userData.image,
  306.                                                     "systemType":systemType,
  308.                                                     } %}
  311.                                                     {% set reset_url=url('verify_otp',{ 'encData':(encData|json_encode) | nzo_encrypt  } )             %}
  312.                                                     <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="" style="height:51px; v-text-anchor:middle; width:205px;" arcsize="2%"  stroke="f" fillcolor="#18163a"><w:anchorlock/><center style="color:#FFFFFF;font-family:'Lato',sans-serif;"><![endif]-->
  314.                                                     {% if otpActionId==1 %}
  315.                                                     <a href="{{ reset_url }}" target="_blank" class="v-button" style="box-sizing: border-box;display: inline-block;font-family:'Lato',sans-serif;text-decoration: none;-webkit-text-size-adjust: none;text-align: center;color: #FFFFFF; background-color: #18163a; border-radius: 1px;-webkit-border-radius: 1px; -moz-border-radius: 1px; width:auto; max-width:100%; overflow-wrap: break-word; word-break: break-word; word-wrap:break-word; mso-border-alt: none;">
  316.                                                         <span style="display:block;padding:15px 40px;line-height:120%;"><span style="font-size: 18px; line-height: 21.6px;">Reset Password</span></span>
  317.                                                     </a>
  318.                                                     {% else %}
  319.                                                         <a href="{{ reset_url }}" target="_blank" class="v-button" style="box-sizing: border-box;display: inline-block;font-family:'Lato',sans-serif;text-decoration: none;-webkit-text-size-adjust: none;text-align: center;color: #FFFFFF; background-color: #18163a; border-radius: 1px;-webkit-border-radius: 1px; -moz-border-radius: 1px; width:auto; max-width:100%; overflow-wrap: break-word; word-break: break-word; word-wrap:break-word; mso-border-alt: none;">
  320.                                                             <span style="display:block;padding:15px 40px;line-height:120%;"><span style="font-size: 18px; line-height: 21.6px;">Proceed</span></span>
  321.                                                         </a>
  322.                                                     {% endif %}
  323.                                                     <!--[if mso]></center></v:roundrect><![endif]-->
  324.                                                 </div>
  326.                                             </td>
  327.                                         </tr>
  328.                                         </tbody>
  329.                                     </table>
  331.                                     <table style="font-family:'Lato',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  332.                                         <tbody>
  333.                                         <tr>
  334.                                             <td style="overflow-wrap:break-word;word-break:break-word;padding:40px 40px 30px;font-family:'Lato',sans-serif;" align="left">
  336.                                                 <div style="line-height: 140%; text-align: left; word-wrap: break-word;">
  337.                                                     <p style="font-size: 14px; line-height: 140%;"><span style="color: #888888; font-size: 14px; line-height: 19.6px;"><em><span style="font-size: 16px; line-height: 22.4px;">Please ignore this email if you did not request a password change.</span></em></span><br /><span style="color: #888888; font-size: 14px; line-height: 19.6px;"><em><span style="font-size: 16px; line-height: 22.4px;">&nbsp;</span></em></span></p>
  338.                                                 </div>
  340.                                             </td>
  341.                                         </tr>
  342.                                         </tbody>
  343.                                     </table>
  345.                                     <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
  346.                             </div>
  347.                         </div>
  348.                         <!--[if (mso)|(IE)]></td><![endif]-->
  349.                         <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  350.                     </div>
  351.                 </div>
  352.             </div>
  356.             <div class="u-row-container" style="padding: 0px;background-color: transparent">
  357.                 <div class="u-row" style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #18163a;">
  358.                     <div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
  359.                         <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: #18163a;"><![endif]-->
  361.                         <!--[if (mso)|(IE)]><td align="center" width="300" style="width: 300px;padding: 20px 20px 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
  362.                         <div class="u-col u-col-50" style="max-width: 320px;min-width: 300px;display: table-cell;vertical-align: top;">
  363.                             <div style="height: 100%;width: 100% !important;">
  364.                                 <!--[if (!mso)&(!IE)]><!--><div style="height: 100%; padding: 20px 20px 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
  366.                                     <table style="font-family:'Lato',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  367.                                         <tbody>
  368.                                         <tr>
  369.                                             <td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:'Lato',sans-serif;" align="left">
  371.                                                 <div style="line-height: 140%; text-align: left; word-wrap: break-word;">
  372.                                                     <p style="font-size: 14px; line-height: 140%;"><span style="font-size: 16px; line-height: 22.4px; color: #ecf0f1;">Contact</span></p>
  373.                                                     <p style="font-size: 14px; line-height: 140%;"><span style="font-size: 14px; line-height: 19.6px; color: #ecf0f1;">House:09 Road:04 Sector:03 Uttara</span></p>
  374.                                                     <p style="font-size: 14px; line-height: 140%;"><span style="font-size: 14px; line-height: 19.6px; color: #ecf0f1;">+8801741119521 | query@buddybee.eu</span></p>
  375.                                                 </div>
  377.                                             </td>
  378.                                         </tr>
  379.                                         </tbody>
  380.                                     </table>
  382.                                     <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
  383.                             </div>
  384.                         </div>
  385.                         <!--[if (mso)|(IE)]></td><![endif]-->
  386.                         <!--[if (mso)|(IE)]><td align="center" width="300" style="width: 300px;padding: 0px 0px 0px 20px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
  387.                         <div class="u-col u-col-50" style="max-width: 320px;min-width: 300px;display: table-cell;vertical-align: top;">
  388.                             <div style="height: 100%;width: 100% !important;">
  389.                                 <!--[if (!mso)&(!IE)]><!--><div style="height: 100%; padding: 0px 0px 0px 20px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
  391.                                     <table style="font-family:'Lato',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  392.                                         <tbody>
  393.                                         <tr>
  394.                                             <td style="overflow-wrap:break-word;word-break:break-word;padding:25px 10px 10px;font-family:'Lato',sans-serif;" align="left">
  396.                                                 <div align="left">
  397.                                                     <div style="display: table; max-width:187px;">
  398.                                                         <!--[if (mso)|(IE)]><table width="187" cellpadding="0" cellspacing="0" border="0"><tr><td style="border-collapse:collapse;" align="left"><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace: 0pt;mso-table-rspace: 0pt; width:187px;"><tr><![endif]-->
  401.                                                         <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 15px;" valign="top"><![endif]-->
  402.                                                         <table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="width: 32px !important;height: 32px !important;display: inline-block;border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 15px">
  403.                                                             <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  404.                                                                     <a href=" " title="Facebook" target="_blank">
  405.                                                                         <img src="{{resource_folder_url}}/image-1.png" alt="Facebook" title="Facebook" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
  406.                                                                     </a>
  407.                                                                 </td></tr>
  408.                                                             </tbody></table>
  409.                                                         <!--[if (mso)|(IE)]></td><![endif]-->
  411.                                                         <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 15px;" valign="top"><![endif]-->
  412.                                                         <table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="width: 32px !important;height: 32px !important;display: inline-block;border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 15px">
  413.                                                             <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  414.                                                                     <a href=" " title="Twitter" target="_blank">
  415.                                                                         <img src="{{resource_folder_url}}/image-2.png" alt="Twitter" title="Twitter" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
  416.                                                                     </a>
  417.                                                                 </td></tr>
  418.                                                             </tbody></table>
  419.                                                         <!--[if (mso)|(IE)]></td><![endif]-->
  421.                                                         <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 15px;" valign="top"><![endif]-->
  422.                                                         <table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="width: 32px !important;height: 32px !important;display: inline-block;border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 15px">
  423.                                                             <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  424.                                                                     <a href=" " title="Instagram" target="_blank">
  425.                                                                         <img src="{{resource_folder_url}}/image-3.png" alt="Instagram" title="Instagram" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
  426.                                                                     </a>
  427.                                                                 </td></tr>
  428.                                                             </tbody></table>
  429.                                                         <!--[if (mso)|(IE)]></td><![endif]-->
  431.                                                         <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 0px;" valign="top"><![endif]-->
  432.                                                         <table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="width: 32px !important;height: 32px !important;display: inline-block;border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 0px">
  433.                                                             <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  434.                                                                     <a href=" " title="LinkedIn" target="_blank">
  435.                                                                         <img src="{{resource_folder_url}}/image-4.png" alt="LinkedIn" title="LinkedIn" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
  436.                                                                     </a>
  437.                                                                 </td></tr>
  438.                                                             </tbody></table>
  439.                                                         <!--[if (mso)|(IE)]></td><![endif]-->
  442.                                                         <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  443.                                                     </div>
  444.                                                 </div>
  446.                                             </td>
  447.                                         </tr>
  448.                                         </tbody>
  449.                                     </table>
  451.                                     <table style="font-family:'Lato',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  452.                                         <tbody>
  453.                                         <tr>
  454.                                             <td style="overflow-wrap:break-word;word-break:break-word;padding:5px 10px 10px;font-family:'Lato',sans-serif;" align="left">
  456.                                                 <div style="line-height: 140%; text-align: left; word-wrap: break-word;">
  457.                                                     <p style="line-height: 140%; font-size: 14px;"><span style="font-size: 14px; line-height: 19.6px;"><span style="color: #ecf0f1; font-size: 14px; line-height: 19.6px;"><span style="line-height: 19.6px; font-size: 14px;">Company &copy;&nbsp; All Rights Reserved</span></span></span></p>
  458.                                                 </div>
  460.                                             </td>
  461.                                         </tr>
  462.                                         </tbody>
  463.                                     </table>
  465.                                     <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
  466.                             </div>
  467.                         </div>
  468.                         <!--[if (mso)|(IE)]></td><![endif]-->
  469.                         <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  470.                     </div>
  471.                 </div>
  472.             </div>
  476.             <div class="u-row-container" style="padding: 0px;background-color: #f9f9f9">
  477.                 <div class="u-row" style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #1c103b;">
  478.                     <div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
  479.                         <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: #f9f9f9;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: #1c103b;"><![endif]-->
  481.                         <!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
  482.                         <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
  483.                             <div style="height: 100%;width: 100% !important;">
  484.                                 <!--[if (!mso)&(!IE)]><!--><div style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
  486.                                     <table style="font-family:'Lato',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  487.                                         <tbody>
  488.                                         <tr>
  489.                                             <td style="overflow-wrap:break-word;word-break:break-word;padding:15px;font-family:'Lato',sans-serif;" align="left">
  491.                                                 <table height="0px" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;border-top: 1px solid #1c103b;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
  492.                                                     <tbody>
  493.                                                     <tr style="vertical-align: top">
  494.                                                         <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;font-size: 0px;line-height: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
  495.                                                             <span>&#160;</span>
  496.                                                         </td>
  497.                                                     </tr>
  498.                                                     </tbody>
  499.                                                 </table>
  501.                                             </td>
  502.                                         </tr>
  503.                                         </tbody>
  504.                                     </table>
  506.                                     <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
  507.                             </div>
  508.                         </div>
  509.                         <!--[if (mso)|(IE)]></td><![endif]-->
  510.                         <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  511.                     </div>
  512.                 </div>
  513.             </div>
  516.             <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  517.         </td>
  518.     </tr>
  519.     </tbody>
  520. </table>
  521. <!--[if mso]></div><![endif]-->
  522. <!--[if IE]></div><![endif]-->
  523. </body>
  525. </html>