<!DOCTYPE html> <html xmlns="http://w...content-available-to-author-only...3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" > <head> <title>Banner 3 pink</title> <!--[if !mso]><!--> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!--<![endif]--> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <style type="text/css"> #outlook a { padding: 0; } body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table, td { border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; } p { display: block; margin: 13px 0; } </style> <!--[if mso]> <noscript> <xml> <o:OfficeDocumentSettings> <o:AllowPNG /> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> </noscript> <![endif]--> <!--[if lte mso 11]> <style type="text/css"> .mj-outlook-group-fix { width: 100% !important; } </style> <![endif]--> <!--[if !mso]><!--> <link href="https://f...content-available-to-author-only...s.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css" /> <style type="text/css"> @import url(https://f...content-available-to-author-only...s.com/css?family=Ubuntu:300,400,500,700); </style> <!--<![endif]--> <style type="text/css"> @media only screen and (min-width: 480px) { .mj-column-per-100 { width: 100% !important; max-width: 100%; } .mj-column-per-93 { width: 93% !important; max-width: 93%; } .mj-column-per-90 { width: 90% !important; max-width: 90%; } .mj-column-per-27 { width: 27% !important; max-width: 27%; } .mj-column-per-45 { width: 45% !important; max-width: 45%; } .mj-column-per-44 { width: 43.7% !important; max-width: 44%; } .mj-column-per-50 { width: 50% !important; max-width: 50%; } .mj-column-per-33-3 { width: 33.3% !important; max-width: 33.3%; } .mj-column-per-85 { width: 85% !important; max-width: 85%; } } </style> <style media="screen and (min-width:480px)"> .moz-text-html .mj-column-per-100 { width: 100% !important; max-width: 100%; } .moz-text-html .mj-column-per-93 { width: 93% !important; max-width: 93%; } .moz-text-html .mj-column-per-90 { width: 90% !important; max-width: 90%; } .moz-text-html .mj-column-per-27 { width: 27% !important; max-width: 27%; } .moz-text-html .mj-column-per-45 { width: 45% !important; max-width: 45%; } .moz-text-html .mj-column-per-44 { width: 43.7% !important; max-width: 44%; } .moz-text-html .mj-column-per-50 { width: 50% !important; max-width: 50%; } .moz-text-html .mj-column-per-33-3 { width: 33.3% !important; max-width: 33.3%; } .moz-text-html .mj-column-per-85 { width: 85% !important; max-width: 85%; } </style> <style type="text/css"> @media only screen and (max-width: 479px) { table.mj-full-width-mobile { width: 100% !important; } td.mj-full-width-mobile { width: auto !important; } } </style> <style type="text/css"> .main_bg { background: url("https://i...content-available-to-author-only...b.co/tYHxB9L/Mask-group-2x.png"); background-repeat: no-repeat; background-position: top 500px center; background-size: cover; } color: #ffffff !important; text-decoration: none !important; transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1); } color: #a8ff28 !important; } .body { background-color: #1a284e !important; } .content div { color: #ffffff !important; } color: rgba(255, 255, 255, 0.7) !important; } .bg_gradient { background: linear-gradient(99.23deg, rgba(20, 139, 242, 0.7) 17.02%, rgba(247, 4, 109, 0.7) 137.61%)!important; } .bg_gradient-reverse { background: linear-gradient(-99.23deg, rgba(20, 139, 242, 0.7) 17.02%, rgba(247, 4, 109, 0.7) 137.61%)!important; } .event { background: radial-gradient( 50% 50% at 50% 50%, #00c3ff9d 0%, #28427a 100% ) !important; } .button a { padding: 13px 41px !important; } .big__sport { background: url("https://i...content-available-to-author-only...b.co/KyLvJ0L/Banner-main-2.png"); background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: #28427a; border-radius: 8px; padding: 5px 25px 13px; } .small__sport { background: url("https://i...content-available-to-author-only...b.co/JzDyR40/2-1.png"); background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: #28427a; border-radius: 8px; padding: 11px 18px 5px 8px; } .small__sport--margin { margin-right: 20px; } .team td { height: 175px; vertical-align: bottom; } .bg__section { background: url(""); background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: #1a284e; } background: url(""); background-position: right; background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 550px) { .content p { font-size: 14px !important; } .content h2 { font-size: 25px !important; } font-size: 14px; } } .link__off a { text-decoration: none !important; color: inherit !important; } @media screen and (max-width: 479px) { .big__sport { width: 80% !important; background-position: top right -60px; } .big__sport__right { padding-top: 30px; } .small__sport { width: 88% !important; } .small__sport--margin { margin-bottom: 20px; margin-right: 0px!important; } .display { padding: 0 5px !important; } .display .big__sport { display: none !important; } } @media screen and (min-width: 479px) { .display .small__sport { display: none !important; } } @media screen and (max-width: 500px) { .event_link { margin: 0 1% 0 0.2%!important; } .team { font-size: 14px !important; } .event_title { font-size: 12px !important; } .event { padding: 14px 1px !important; } .social__icon { margin: 0 2%!important; } } @media screen and (max-width: 400px) { .team { font-size: 12px !important; } } </style> </head> <body style="word-spacing: normal"> <div class="body main_bg"> {{snippets.logo}} <!-- First banner start --><!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin: 0px auto; max-width: 600px"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%" > <tbody> <tr> <td style=" direction: ltr; font-size: 0px; padding: 0 0; text-align: center; " > <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--> <div class="mj-column-per-100 mj-outlook-group-fix" style=" font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top" width="100%" > <tbody> <tr> <td align="center" style=" font-size: 0px; padding: 0 0; word-break: break-word; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style=" border-collapse: collapse; border-spacing: 0px; " > <tbody> <tr> <td style="width: 600px"> <a href="{% if customer.country_registration != blank %}{% if customer.country_registration == 'Netherlands' %}https://b...content-available-to-author-only...1.bet{% else %}https://b...content-available-to-author-only...g.bet{% endif %}{% else %}https://b...content-available-to-author-only...g.bet{% endif %}?path=soccer" target="_blank"> <img alt="Frame-1025" src="https://b...content-available-to-author-only...s.com/football+banner+gen.png" style=" border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; font-size: 13px; " width="600" height="auto" /></a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><! [endif]--><!-- First banner end --><!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="main_bg-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin: 0px auto; max-width: 600px"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%" > <tbody> <tr> <td style=" direction: ltr; font-size: 0px; padding: 30px 0 10px 0; text-align: center; " > <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><! [endif]--><!-- Content start --><!--[if mso | IE]><td class="content-outlook" style="vertical-align:top;width:558px;" ><![endif]--> <div class="mj-column-per-93 mj-outlook-group-fix content" style=" font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top" width="100%" > <tbody> <tr> <td align="center" class="content" style=" font-size: 0px; padding: 20px 7% 20px; word-break: break-word; " > <div style=" font-family: Arial; font-size: 16px; font-weight: 500; line-height: 27px; text-align: center; color: #000000; " > <span style=" color: #ff0069; text-align: center; font-family: Arial; font-size: 32px; line-height: 35px; font-style: normal; font-weight: 700; " > {% case customer.language %} {% when "fr" %}{%if customer.first_name %}Bonjour, {{customer.first_name}}{%else%}Bonjour, ami{%endif%} {% when "de" %}{%if customer.first_name %}Hallo, {{customer.first_name}}{%else%}Hallo, freund{%endif%} {% when "es" %}{%if customer.first_name %}Hola, {{customer.first_name}}{%else%}Hola, amigo{%endif%} {% when "pt-br" %}{%if customer.first_name %}Olá, {{customer.first_name}}{%else%}Olá, amigo{%endif%} {% else %}{%if customer.first_name %}Hello, {{customer.first_name}}{%else%}Hello, friend{%endif%} {% endcase %} </span ><br /><br /> {{content}} </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td><![endif]--> <!-- Big Event Start --><!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="display-outlook" role="presentation" style="width:640px;" width="640" bgcolor="#1A284E" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div class="display" style=" margin: 0px auto; max-width: 640px; " > <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%" > <tbody> <tr> <td style=" direction: ltr; font-size: 0px; padding: 20px 5px; text-align: center; " > <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="big__sport-outlook" style="width:567px;" ><![endif]--> <div class="mj-column-per-90 mj-outlook-group-fix big__sport" style=" font-size: 0; line-height: 0; text-align: left; display: inline-block; width: 100%; direction: ltr; " > <!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td style="vertical-align:top;width:153px;" ><![endif]--> <div class="mj-column-per-27 mj-outlook-group-fix team" style=" font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 27%; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top" width="100%" > <tbody> <tr> <td align="center" style=" font-size: 0px; padding: 0 0 0 0; word-break: break-word; " > <div style=" font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1; text-align: center; color: #000000; " > <img src="https://b...content-available-to-author-only...s.com/liverpool100.png" alt="" height="100px" style=" display: inline-block; margin-bottom: 15px; " /> <p style=" color: #fff; text-align: center; font-family: Arial; font-size: 14px; font-style: italic; font-weight: 700; line-height: 90.5%; text-transform: uppercase; " > Liverpool </p> </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td><td style="vertical-align:top;width:255px;" ><![endif]--> <div class="mj-column-per-45 mj-outlook-group-fix big__sport__right" style=" font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 45%; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top" width="100%" > <tbody> <tr> <td align="center" style=" font-size: 0px; padding: 0 0 0 0; word-break: break-word; " > <div style=" font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1; text-align: center; color: #000000; " > <p style=" color: #fff; text-align: center; font-family: Arial; font-size: 24px; font-style: italic; font-weight: 700; line-height: 144%; text-transform: uppercase; margin: 0; " > <b style="color:#ff0069">EPL</b> </p> <div style=" text-align: center; display: inline-block; margin-right: 10px; " > <p style=" color: rgba(255, 255, 255, 0.6); font-family: Arial; font-size: 10px; font-style: italic; font-weight: 700; line-height: 10px; text-transform: uppercase; margin: 0; " > <span style=" color: #fff; font-family: Arial; font-size: 16px; font-style: italic; font-weight: 700; line-height: normal; margin: 0; " class="txt" >17</span ><br />Dec </p> </div> <div style=" text-align: center; display: inline-block; " > <p style=" color: rgba(255, 255, 255, 0.6); font-family: Arial; font-size: 10px; font-style: italic; font-weight: 700; line-height: 10px; text-transform: uppercase; margin: 0; " > <span style=" color: #fff; font-family: Arial; font-size: 16px; font-style: italic; font-weight: 700; line-height: normal; margin: 0; " class="txt" >17:30</span ><br />(UTC+1) </p> </div> <p style=" color: #ff0069; text-align: center; font-family: Arial; font-size: 36px; font-style: italic; font-weight: 700; line-height: 144%; text-transform: uppercase; margin: 0; " > VS </p> <p style=" color: #fff; text-align: center; font-family: Arial; font-size: 11px; font-style: italic; font-weight: 700; line-height: 14.243px; text-transform: uppercase; margin: 5px 0 0 0; " > <span style=" padding: 4px 15px; border: 1px solid #00adff; border-radius: 3px; margin-right: 8px; " >1.31</span > <span style=" padding: 4px 15px; border: 1px solid #00adff; border-radius: 3px; margin-right: 8px; " >5.70</span > <span style=" padding: 4px 15px; border: 1px solid #00adff; border-radius: 3px; " >7.70</span > </p> <a href="{% if customer.country_registration != blank %}{% if customer.country_registration == 'Netherlands' %}https://b...content-available-to-author-only...1.bet{% else %}https://b...content-available-to-author-only...g.bet{% endif %}{% else %}https://b...content-available-to-author-only...g.bet{% endif %}/?path=soccer%2Fliverpool-manchester-united-m-17343588" style=" display: inline-block; min-width: 100px; text-align: center; font-family: 'Arial'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; color: #ffffff; text-decoration: none; padding: 8px 13px; border: 1px solid #ffffff; border-radius: 17px; font-style: italic; margin: 20px 0 0 0; " >BET NOW</a > </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td><td style="vertical-align:top;width:153px;" ><![endif]--> <div class="mj-column-per-27 mj-outlook-group-fix team" style=" font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 27%; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top" width="100%" > <tbody> <tr> <td align="center" style=" font-size: 0px; padding: 0 0 0 0; word-break: break-word; " > <div style=" font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1; text-align: center; color: #000000; " > <img src="https://b...content-available-to-author-only...s.com/mu100.png" alt="" height="100px" style=" display: inline-block; margin-bottom: 15px; " /> <p style=" color: #fff; text-align: center; font-family: Arial; font-size: 14px; font-style: italic; font-weight: 700; line-height: 90.5%; text-transform: uppercase; " > Man.United </p> </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </div> <!--[if mso | IE]></td><td class="small__sport-outlook" style="width:277.2px;" ><![endif]--> <div class="mj-column-per-44 mj-outlook-group-fix small__sport" style=" font-size: 0; line-height: 0; text-align: left; display: inline-block; width: 100%; direction: ltr; " > <!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td style="vertical-align:top;width:138px;" ><![endif]--> <div class="mj-column-per-50 mj-outlook-group-fix" style=" font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 50%; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top" width="100%" > <tbody> <tr> <td align="center" style=" font-size: 0px; padding: 0 0 0 0; word-break: break-word; " > <div style=" font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1; text-align: center; color: #000000; " > <p style=" color: #fff; text-align: center; font-family: Arial; font-size: 16px; font-style: italic; font-weight: 700; line-height: 144%; text-transform: uppercase; margin: 0; " > <b style="color:#ff0069">EPL</b> </p> <div style="height: 63px; max-width: 139px; white-space: nowrap"> <img style="display: inline-block; max-height: 45px; max-width: 52px;;" src="https://b...content-available-to-author-only...s.com/liverpool100.png" alt="" /> <p style=" display: inline-block; color: #ff0069; text-align: center; vertical-align: middle; font-family: Arial; font-size: 16px; font-style: italic; font-weight: 700; line-height: 144%; text-transform: uppercase; margin: 0 10px; height: 60px; " > vs </p> <img style="display: inline-block; max-height: 45px; max-width: 52px;;" src="https://b...content-available-to-author-only...s.com/mu100.png" alt="" /> </div> <p style=" color: #fff; text-align: center; font-family: Arial; font-size: 10px; font-style: italic; font-weight: 700; line-height: normal; text-transform: uppercase; margin: 5px 0 0 0; " > Liverpool<br />Man.United </p> <p style=" color: #fff; text-align: center; font-family: Arial; font-size: 10px; font-style: italic; font-weight: 700; line-height: 14.243px; text-transform: uppercase; min-width: 139px; " > <span style=" padding: 3px 9px; border: 1px solid #00adff; border-radius: 4px; " class="cof" >1.31</span > <span style=" padding: 3px 9px; border: 1px solid #00adff; border-radius: 4px; " class="cof" >5.70</span > <span style=" padding: 3px 9px; border: 1px solid #00adff; border-radius: 4px; " class="cof" >7.70</span > </p> </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td><td style="vertical-align:top;width:138px;" ><![endif]--> <div class="mj-column-per-50 mj-outlook-group-fix" style=" font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 50%; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top" width="100%" > <tbody> <tr> <td align="right" style=" font-size: 0px; padding: 0 0 0 0; word-break: break-word; " > <div style=" font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1; text-align: right; color: #000000; " > <div style=" width: 50px; text-align: center; display: inline-block; padding-right: 11px; " > <p style=" color: rgba(255, 255, 255, 0.6); font-family: Arial; font-size: 10px; font-style: italic; font-weight: 700; line-height: 10px; text-transform: uppercase; " > <span style=" color: #fff; text-align: center; font-family: Arial; font-size: 16px; font-style: italic; font-weight: 700; line-height: normal; " class="txt" >17</span ><br />Dec </p> </div> <br /> <div style=" width: 70px; text-align: center; display: inline-block; " > <p style=" color: rgba(255, 255, 255, 0.6); font-family: Arial; font-size: 10px; font-style: italic; font-weight: 700; line-height: 10px; margin-top: 0; " > <span style=" color: #fff; text-align: center; font-family: Arial; font-size: 16px; font-style: italic; font-weight: 700; line-height: 10px; /* 62.5% */ " class="txt" >17:30</span ><br />(UTC+1) </p> </div> <a href="{% if customer.country_registration != blank %}{% if customer.country_registration == 'Netherlands' %}https://b...content-available-to-author-only...1.bet{% else %}https://b...content-available-to-author-only...g.bet{% endif %}{% else %}https://b...content-available-to-author-only...g.bet{% endif %}/?path=soccer%2Fliverpool-manchester-united-m-17343588" style=" display: inline-block; min-width: 72px; color: #fff; text-align: center; font-family: Arial; font-size: 11px; font-style: italic; font-weight: 700; line-height: 12px; text-decoration: none; padding: 8px 10px; border: 1px solid #ffffff; border-radius: 17px; margin-top: 18px; " >BET NOW</a > </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> </div>
Standard input is empty
<!DOCTYPE html> <html xmlns="http://w...content-available-to-author-only...3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" > <head> <title>Banner 3 pink</title> <!--[if !mso]><!--> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!--<![endif]--> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <style type="text/css"> #outlook a { padding: 0; } body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table, td { border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; } p { display: block; margin: 13px 0; } </style> <!--[if mso]> <noscript> <xml> <o:OfficeDocumentSettings> <o:AllowPNG /> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> </noscript> <![endif]--> <!--[if lte mso 11]> <style type="text/css"> .mj-outlook-group-fix { width: 100% !important; } </style> <![endif]--> <!--[if !mso]><!--> <link href="https://f...content-available-to-author-only...s.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css" /> <style type="text/css"> @import url(https://f...content-available-to-author-only...s.com/css?family=Ubuntu:300,400,500,700); </style> <!--<![endif]--> <style type="text/css"> @media only screen and (min-width: 480px) { .mj-column-per-100 { width: 100% !important; max-width: 100%; } .mj-column-per-93 { width: 93% !important; max-width: 93%; } .mj-column-per-90 { width: 90% !important; max-width: 90%; } .mj-column-per-27 { width: 27% !important; max-width: 27%; } .mj-column-per-45 { width: 45% !important; max-width: 45%; } .mj-column-per-44 { width: 43.7% !important; max-width: 44%; } .mj-column-per-50 { width: 50% !important; max-width: 50%; } .mj-column-per-33-3 { width: 33.3% !important; max-width: 33.3%; } .mj-column-per-85 { width: 85% !important; max-width: 85%; } } </style> <style media="screen and (min-width:480px)"> .moz-text-html .mj-column-per-100 { width: 100% !important; max-width: 100%; } .moz-text-html .mj-column-per-93 { width: 93% !important; max-width: 93%; } .moz-text-html .mj-column-per-90 { width: 90% !important; max-width: 90%; } .moz-text-html .mj-column-per-27 { width: 27% !important; max-width: 27%; } .moz-text-html .mj-column-per-45 { width: 45% !important; max-width: 45%; } .moz-text-html .mj-column-per-44 { width: 43.7% !important; max-width: 44%; } .moz-text-html .mj-column-per-50 { width: 50% !important; max-width: 50%; } .moz-text-html .mj-column-per-33-3 { width: 33.3% !important; max-width: 33.3%; } .moz-text-html .mj-column-per-85 { width: 85% !important; max-width: 85%; } </style> <style type="text/css"> @media only screen and (max-width: 479px) { table.mj-full-width-mobile { width: 100% !important; } td.mj-full-width-mobile { width: auto !important; } } </style> <style type="text/css"> .main_bg { background: url("https://i...content-available-to-author-only...b.co/tYHxB9L/Mask-group-2x.png"); background-repeat: no-repeat; background-position: top 500px center; background-size: cover; } .link a { color: #ffffff !important; text-decoration: none !important; transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1); } .link a:hover, .link a:focus { color: #a8ff28 !important; } .body { background-color: #1a284e !important; } .content div { color: #ffffff !important; } .link div { color: rgba(255, 255, 255, 0.7) !important; } .bg_gradient { background: linear-gradient(99.23deg, rgba(20, 139, 242, 0.7) 17.02%, rgba(247, 4, 109, 0.7) 137.61%)!important; } .bg_gradient-reverse { background: linear-gradient(-99.23deg, rgba(20, 139, 242, 0.7) 17.02%, rgba(247, 4, 109, 0.7) 137.61%)!important; } .event { background: radial-gradient( 50% 50% at 50% 50%, #00c3ff9d 0%, #28427a 100% ) !important; } .button a { padding: 13px 41px !important; } .big__sport { background: url("https://i...content-available-to-author-only...b.co/KyLvJ0L/Banner-main-2.png"); background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: #28427a; border-radius: 8px; padding: 5px 25px 13px; } .small__sport { background: url("https://i...content-available-to-author-only...b.co/JzDyR40/2-1.png"); background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: #28427a; border-radius: 8px; padding: 11px 18px 5px 8px; } .small__sport--margin { margin-right: 20px; } .team td { height: 175px; vertical-align: bottom; } .bg__section { background: url(""); background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: #1a284e; } .list { background: url(""); background-position: right; background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 550px) { .content p { font-size: 14px !important; } .content h2 { font-size: 25px !important; } .list li { font-size: 14px; } } .link__off a { text-decoration: none !important; color: inherit !important; } @media screen and (max-width: 479px) { .big__sport { width: 80% !important; background-position: top right -60px; } .big__sport__right { padding-top: 30px; } .small__sport { width: 88% !important; } .small__sport--margin { margin-bottom: 20px; margin-right: 0px!important; } .display { padding: 0 5px !important; } .display .big__sport { display: none !important; } } @media screen and (min-width: 479px) { .display .small__sport { display: none !important; } } @media screen and (max-width: 500px) { .event_link { margin: 0 1% 0 0.2%!important; } .team { font-size: 14px !important; } .event_title { font-size: 12px !important; } .event { padding: 14px 1px !important; } .social__icon { margin: 0 2%!important; } } @media screen and (max-width: 400px) { .team { font-size: 12px !important; } } </style> </head> <body style="word-spacing: normal"> <div class="body main_bg"> {{snippets.logo}} <!-- First banner start --><!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin: 0px auto; max-width: 600px"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%" > <tbody> <tr> <td style=" direction: ltr; font-size: 0px; padding: 0 0; text-align: center; " > <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--> <div class="mj-column-per-100 mj-outlook-group-fix" style=" font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top" width="100%" > <tbody> <tr> <td align="center" style=" font-size: 0px; padding: 0 0; word-break: break-word; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style=" border-collapse: collapse; border-spacing: 0px; " > <tbody> <tr> <td style="width: 600px"> <a href="{% if customer.country_registration != blank %}{% if customer.country_registration == 'Netherlands' %}https://b...content-available-to-author-only...1.bet{% else %}https://b...content-available-to-author-only...g.bet{% endif %}{% else %}https://b...content-available-to-author-only...g.bet{% endif %}?path=soccer" target="_blank"> <img alt="Frame-1025" src="https://b...content-available-to-author-only...s.com/football+banner+gen.png" style=" border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; font-size: 13px; " width="600" height="auto" /></a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><! [endif]--><!-- First banner end --><!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="main_bg-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin: 0px auto; max-width: 600px"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%" > <tbody> <tr> <td style=" direction: ltr; font-size: 0px; padding: 30px 0 10px 0; text-align: center; " > <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><! [endif]--><!-- Content start --><!--[if mso | IE]><td class="content-outlook" style="vertical-align:top;width:558px;" ><![endif]--> <div class="mj-column-per-93 mj-outlook-group-fix content" style=" font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top" width="100%" > <tbody> <tr> <td align="center" class="content" style=" font-size: 0px; padding: 20px 7% 20px; word-break: break-word; " > <div style=" font-family: Arial; font-size: 16px; font-weight: 500; line-height: 27px; text-align: center; color: #000000; " > <span style=" color: #ff0069; text-align: center; font-family: Arial; font-size: 32px; line-height: 35px; font-style: normal; font-weight: 700; " > {% case customer.language %} {% when "fr" %}{%if customer.first_name %}Bonjour, {{customer.first_name}}{%else%}Bonjour, ami{%endif%} {% when "de" %}{%if customer.first_name %}Hallo, {{customer.first_name}}{%else%}Hallo, freund{%endif%} {% when "es" %}{%if customer.first_name %}Hola, {{customer.first_name}}{%else%}Hola, amigo{%endif%} {% when "pt-br" %}{%if customer.first_name %}Olá, {{customer.first_name}}{%else%}Olá, amigo{%endif%} {% else %}{%if customer.first_name %}Hello, {{customer.first_name}}{%else%}Hello, friend{%endif%} {% endcase %} </span ><br /><br /> {{content}} </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td><![endif]--> <!-- Content end --> <!-- Big Event Start --><!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="display-outlook" role="presentation" style="width:640px;" width="640" bgcolor="#1A284E" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div class="display" style=" margin: 0px auto; max-width: 640px; " > <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%" > <tbody> <tr> <td style=" direction: ltr; font-size: 0px; padding: 20px 5px; text-align: center; " > <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="big__sport-outlook" style="width:567px;" ><![endif]--> <div class="mj-column-per-90 mj-outlook-group-fix big__sport" style=" font-size: 0; line-height: 0; text-align: left; display: inline-block; width: 100%; direction: ltr; " > <!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td style="vertical-align:top;width:153px;" ><![endif]--> <div class="mj-column-per-27 mj-outlook-group-fix team" style=" font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 27%; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top" width="100%" > <tbody> <tr> <td align="center" style=" font-size: 0px; padding: 0 0 0 0; word-break: break-word; " > <div style=" font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1; text-align: center; color: #000000; " > <img src="https://b...content-available-to-author-only...s.com/liverpool100.png" alt="" height="100px" style=" display: inline-block; margin-bottom: 15px; " /> <p style=" color: #fff; text-align: center; font-family: Arial; font-size: 14px; font-style: italic; font-weight: 700; line-height: 90.5%; text-transform: uppercase; " > Liverpool </p> </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td><td style="vertical-align:top;width:255px;" ><![endif]--> <div class="mj-column-per-45 mj-outlook-group-fix big__sport__right" style=" font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 45%; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top" width="100%" > <tbody> <tr> <td align="center" style=" font-size: 0px; padding: 0 0 0 0; word-break: break-word; " > <div style=" font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1; text-align: center; color: #000000; " > <p style=" color: #fff; text-align: center; font-family: Arial; font-size: 24px; font-style: italic; font-weight: 700; line-height: 144%; text-transform: uppercase; margin: 0; " > <b style="color:#ff0069">EPL</b> </p> <div style=" text-align: center; display: inline-block; margin-right: 10px; " > <p style=" color: rgba(255, 255, 255, 0.6); font-family: Arial; font-size: 10px; font-style: italic; font-weight: 700; line-height: 10px; text-transform: uppercase; margin: 0; " > <span style=" color: #fff; font-family: Arial; font-size: 16px; font-style: italic; font-weight: 700; line-height: normal; margin: 0; " class="txt" >17</span ><br />Dec </p> </div> <div style=" text-align: center; display: inline-block; " > <p style=" color: rgba(255, 255, 255, 0.6); font-family: Arial; font-size: 10px; font-style: italic; font-weight: 700; line-height: 10px; text-transform: uppercase; margin: 0; " > <span style=" color: #fff; font-family: Arial; font-size: 16px; font-style: italic; font-weight: 700; line-height: normal; margin: 0; " class="txt" >17:30</span ><br />(UTC+1) </p> </div> <p style=" color: #ff0069; text-align: center; font-family: Arial; font-size: 36px; font-style: italic; font-weight: 700; line-height: 144%; text-transform: uppercase; margin: 0; " > VS </p> <p style=" color: #fff; text-align: center; font-family: Arial; font-size: 11px; font-style: italic; font-weight: 700; line-height: 14.243px; text-transform: uppercase; margin: 5px 0 0 0; " > <span style=" padding: 4px 15px; border: 1px solid #00adff; border-radius: 3px; margin-right: 8px; " >1.31</span > <span style=" padding: 4px 15px; border: 1px solid #00adff; border-radius: 3px; margin-right: 8px; " >5.70</span > <span style=" padding: 4px 15px; border: 1px solid #00adff; border-radius: 3px; " >7.70</span > </p> <a href="{% if customer.country_registration != blank %}{% if customer.country_registration == 'Netherlands' %}https://b...content-available-to-author-only...1.bet{% else %}https://b...content-available-to-author-only...g.bet{% endif %}{% else %}https://b...content-available-to-author-only...g.bet{% endif %}/?path=soccer%2Fliverpool-manchester-united-m-17343588" style=" display: inline-block; min-width: 100px; text-align: center; font-family: 'Arial'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; color: #ffffff; text-decoration: none; padding: 8px 13px; border: 1px solid #ffffff; border-radius: 17px; font-style: italic; margin: 20px 0 0 0; " >BET NOW</a > </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td><td style="vertical-align:top;width:153px;" ><![endif]--> <div class="mj-column-per-27 mj-outlook-group-fix team" style=" font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 27%; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top" width="100%" > <tbody> <tr> <td align="center" style=" font-size: 0px; padding: 0 0 0 0; word-break: break-word; " > <div style=" font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1; text-align: center; color: #000000; " > <img src="https://b...content-available-to-author-only...s.com/mu100.png" alt="" height="100px" style=" display: inline-block; margin-bottom: 15px; " /> <p style=" color: #fff; text-align: center; font-family: Arial; font-size: 14px; font-style: italic; font-weight: 700; line-height: 90.5%; text-transform: uppercase; " > Man.United </p> </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </div> <!--[if mso | IE]></td><td class="small__sport-outlook" style="width:277.2px;" ><![endif]--> <div class="mj-column-per-44 mj-outlook-group-fix small__sport" style=" font-size: 0; line-height: 0; text-align: left; display: inline-block; width: 100%; direction: ltr; " > <!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td style="vertical-align:top;width:138px;" ><![endif]--> <div class="mj-column-per-50 mj-outlook-group-fix" style=" font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 50%; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top" width="100%" > <tbody> <tr> <td align="center" style=" font-size: 0px; padding: 0 0 0 0; word-break: break-word; " > <div style=" font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1; text-align: center; color: #000000; " > <p style=" color: #fff; text-align: center; font-family: Arial; font-size: 16px; font-style: italic; font-weight: 700; line-height: 144%; text-transform: uppercase; margin: 0; " > <b style="color:#ff0069">EPL</b> </p> <div style="height: 63px; max-width: 139px; white-space: nowrap"> <img style="display: inline-block; max-height: 45px; max-width: 52px;;" src="https://b...content-available-to-author-only...s.com/liverpool100.png" alt="" /> <p style=" display: inline-block; color: #ff0069; text-align: center; vertical-align: middle; font-family: Arial; font-size: 16px; font-style: italic; font-weight: 700; line-height: 144%; text-transform: uppercase; margin: 0 10px; height: 60px; " > vs </p> <img style="display: inline-block; max-height: 45px; max-width: 52px;;" src="https://b...content-available-to-author-only...s.com/mu100.png" alt="" /> </div> <p style=" color: #fff; text-align: center; font-family: Arial; font-size: 10px; font-style: italic; font-weight: 700; line-height: normal; text-transform: uppercase; margin: 5px 0 0 0; " > Liverpool<br />Man.United </p> <p style=" color: #fff; text-align: center; font-family: Arial; font-size: 10px; font-style: italic; font-weight: 700; line-height: 14.243px; text-transform: uppercase; min-width: 139px; " > <span style=" padding: 3px 9px; border: 1px solid #00adff; border-radius: 4px; " class="cof" >1.31</span > <span style=" padding: 3px 9px; border: 1px solid #00adff; border-radius: 4px; " class="cof" >5.70</span > <span style=" padding: 3px 9px; border: 1px solid #00adff; border-radius: 4px; " class="cof" >7.70</span > </p> </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td><td style="vertical-align:top;width:138px;" ><![endif]--> <div class="mj-column-per-50 mj-outlook-group-fix" style=" font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 50%; " > <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top" width="100%" > <tbody> <tr> <td align="right" style=" font-size: 0px; padding: 0 0 0 0; word-break: break-word; " > <div style=" font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1; text-align: right; color: #000000; " > <div style=" width: 50px; text-align: center; display: inline-block; padding-right: 11px; " > <p style=" color: rgba(255, 255, 255, 0.6); font-family: Arial; font-size: 10px; font-style: italic; font-weight: 700; line-height: 10px; text-transform: uppercase; " > <span style=" color: #fff; text-align: center; font-family: Arial; font-size: 16px; font-style: italic; font-weight: 700; line-height: normal; " class="txt" >17</span ><br />Dec </p> </div> <br /> <div style=" width: 70px; text-align: center; display: inline-block; " > <p style=" color: rgba(255, 255, 255, 0.6); font-family: Arial; font-size: 10px; font-style: italic; font-weight: 700; line-height: 10px; margin-top: 0; " > <span style=" color: #fff; text-align: center; font-family: Arial; font-size: 16px; font-style: italic; font-weight: 700; line-height: 10px; /* 62.5% */ " class="txt" >17:30</span ><br />(UTC+1) </p> </div> <a href="{% if customer.country_registration != blank %}{% if customer.country_registration == 'Netherlands' %}https://b...content-available-to-author-only...1.bet{% else %}https://b...content-available-to-author-only...g.bet{% endif %}{% else %}https://b...content-available-to-author-only...g.bet{% endif %}/?path=soccer%2Fliverpool-manchester-united-m-17343588" style=" display: inline-block; min-width: 72px; color: #fff; text-align: center; font-family: Arial; font-size: 11px; font-style: italic; font-weight: 700; line-height: 12px; text-decoration: none; padding: 8px 10px; border: 1px solid #ffffff; border-radius: 17px; margin-top: 18px; " >BET NOW</a > </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> </div>