fork download
copy 
  1. <!DOCTYPE html>
  2. <html
  3.   xmlns="http://w...content-available-to-author-only...3.org/1999/xhtml"
  4.   xmlns:v="urn:schemas-microsoft-com:vml"
  5.   xmlns:o="urn:schemas-microsoft-com:office:office"
  6. >
  7.   <head>
  8.     <title>Banner 3 pink</title>
  9.     <!--[if !mso]><!-->
  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  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" />
  14.     <style type="text/css">
  15.       #outlook a {
  16.         padding: 0;
  17.       }
  18.       body {
  19.         margin: 0;
  20.         padding: 0;
  21.         -webkit-text-size-adjust: 100%;
  22.         -ms-text-size-adjust: 100%;
  23.       }
  24.       table,
  25.       td {
  26.         border-collapse: collapse;
  27.         mso-table-lspace: 0pt;
  28.         mso-table-rspace: 0pt;
  29.       }
  30.       img {
  31.         border: 0;
  32.         height: auto;
  33.         line-height: 100%;
  34.         outline: none;
  35.         text-decoration: none;
  36.         -ms-interpolation-mode: bicubic;
  37.       }
  38.       p {
  39.         display: block;
  40.         margin: 13px 0;
  41.       }
  42.     </style>
  43.     <!--[if mso]>
  44.       <noscript>
  45.         <xml>
  46.           <o:OfficeDocumentSettings>
  47.             <o:AllowPNG />
  48.             <o:PixelsPerInch>96</o:PixelsPerInch>
  49.           </o:OfficeDocumentSettings>
  50.         </xml>
  51.       </noscript>
  52.     <![endif]-->
  53.     <!--[if lte mso 11]>
  54.       <style type="text/css">
  55.         .mj-outlook-group-fix {
  56.           width: 100% !important;
  57.         }
  58.       </style>
  59.     <![endif]-->
  60.     <!--[if !mso]><!-->
  61.     <link
  62.       href="https://f...content-available-to-author-only...s.com/css?family=Ubuntu:300,400,500,700"
  63.       rel="stylesheet"
  64.       type="text/css"
  65.     />
  66.     <style type="text/css">
  67.       @import url(https://f...content-available-to-author-only...s.com/css?family=Ubuntu:300,400,500,700);
  68.     </style>
  69.     <!--<![endif]-->
  70.     <style type="text/css">
  71.       @media only screen and (min-width: 480px) {
  72.         .mj-column-per-100 {
  73.           width: 100% !important;
  74.           max-width: 100%;
  75.         }
  76.         .mj-column-per-93 {
  77.           width: 93% !important;
  78.           max-width: 93%;
  79.         }
  80.         .mj-column-per-90 {
  81.           width: 90% !important;
  82.           max-width: 90%;
  83.         }
  84.         .mj-column-per-27 {
  85.           width: 27% !important;
  86.           max-width: 27%;
  87.         }
  88.         .mj-column-per-45 {
  89.           width: 45% !important;
  90.           max-width: 45%;
  91.         }
  92.         .mj-column-per-44 {
  93.           width: 43.7% !important;
  94.           max-width: 44%;
  95.         }
  96.         .mj-column-per-50 {
  97.           width: 50% !important;
  98.           max-width: 50%;
  99.         }
  100.         .mj-column-per-33-3 {
  101.           width: 33.3% !important;
  102.           max-width: 33.3%;
  103.         }
  104.         .mj-column-per-85 {
  105.           width: 85% !important;
  106.           max-width: 85%;
  107.         }
  108.       }
  109.     </style>
  110.     <style media="screen and (min-width:480px)">
  111.       .moz-text-html .mj-column-per-100 {
  112.         width: 100% !important;
  113.         max-width: 100%;
  114.       }
  115.       .moz-text-html .mj-column-per-93 {
  116.         width: 93% !important;
  117.         max-width: 93%;
  118.       }
  119.       .moz-text-html .mj-column-per-90 {
  120.         width: 90% !important;
  121.         max-width: 90%;
  122.       }
  123.       .moz-text-html .mj-column-per-27 {
  124.         width: 27% !important;
  125.         max-width: 27%;
  126.       }
  127.       .moz-text-html .mj-column-per-45 {
  128.         width: 45% !important;
  129.         max-width: 45%;
  130.       }
  131.       .moz-text-html .mj-column-per-44 {
  132.         width: 43.7% !important;
  133.         max-width: 44%;
  134.       }
  135.       .moz-text-html .mj-column-per-50 {
  136.         width: 50% !important;
  137.         max-width: 50%;
  138.       }
  139.       .moz-text-html .mj-column-per-33-3 {
  140.         width: 33.3% !important;
  141.         max-width: 33.3%;
  142.       }
  143.       .moz-text-html .mj-column-per-85 {
  144.         width: 85% !important;
  145.         max-width: 85%;
  146.       }
  147.     </style>
  148.     <style type="text/css">
  149.       @media only screen and (max-width: 479px) {
  150.         table.mj-full-width-mobile {
  151.           width: 100% !important;
  152.         }
  153.         td.mj-full-width-mobile {
  154.           width: auto !important;
  155.         }
  156.       }
  157.     </style>
  158.     <style type="text/css">
  159.       .main_bg {
  160.         background: url("https://i...content-available-to-author-only...b.co/tYHxB9L/Mask-group-2x.png");
  161.         background-repeat: no-repeat;
  162.         background-position: top 500px center;
  163.         background-size: cover;
  164.       }
  165.       .link a {
  166.         color: #ffffff !important;
  167.         text-decoration: none !important;
  168.         transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1);
  169.       }
  170.       .link a:hover,
  171.       .link a:focus {
  172.         color: #a8ff28 !important;
  173.       }
  174.       .body {
  175.         background-color: #1a284e !important;
  176.       }
  177.       .content div {
  178.         color: #ffffff !important;
  179.       }
  180.       .link div {
  181.         color: rgba(255, 255, 255, 0.7) !important;
  182.       }
  183.       .bg_gradient {
  184.         background: linear-gradient(99.23deg, rgba(20, 139, 242, 0.7) 17.02%, rgba(247, 4, 109, 0.7) 137.61%)!important;
  185.       }
  186.       .bg_gradient-reverse {
  187.         background: linear-gradient(-99.23deg, rgba(20, 139, 242, 0.7) 17.02%, rgba(247, 4, 109, 0.7) 137.61%)!important;
  188.       }
  189.       .event {
  190.         background: radial-gradient(
  191.           50% 50% at 50% 50%,
  192.           #00c3ff9d 0%,
  193.           #28427a 100%
  194.         ) !important;
  195.       }
  196.       .button a {
  197.         padding: 13px 41px !important;
  198.       }
  199.       .big__sport {
  200.         background: url("https://i...content-available-to-author-only...b.co/KyLvJ0L/Banner-main-2.png");
  201.         background-position: top center;
  202.         background-repeat: no-repeat;
  203.         background-size: cover;
  204.         background-color: #28427a;
  205.         border-radius: 8px;
  206.         padding: 5px 25px 13px;
  207.       }
  208.       .small__sport {
  209.         background: url("https://i...content-available-to-author-only...b.co/JzDyR40/2-1.png");
  210.         background-position: top center;
  211.         background-repeat: no-repeat;
  212.         background-size: cover;
  213.         background-color: #28427a;
  214.         border-radius: 8px;
  215.         padding: 11px 18px 5px 8px;
  216.       }
  217.       .small__sport--margin {
  218.         margin-right: 20px;
  219.       }
  220.       .team td {
  221.         height: 175px;
  222.         vertical-align: bottom;
  223.       }
  224.       .bg__section {
  225.         background: url("");
  226.         background-position: top center;
  227.         background-repeat: no-repeat;
  228.         background-size: cover;
  229.         background-color: #1a284e;
  230.       }
  231.       .list {
  232.         background: url("");
  233.         background-position: right;
  234.         background-repeat: no-repeat;
  235.         background-size: contain;
  236.       }
  237.       @media screen and (max-width: 550px) {
  238.         .content p {
  239.           font-size: 14px !important;
  240.         }
  241.         .content h2 {
  242.           font-size: 25px !important;
  243.         }
  244.         .list li {
  245.           font-size: 14px;
  246.         }
  247.       }
  248.       .link__off a {
  249.         text-decoration: none !important;
  250.         color: inherit !important;
  251.       }
  252.       @media screen and (max-width: 479px) {
  253.         .big__sport {
  254.           width: 80% !important;
  255.           background-position: top right -60px;
  256.         }
  257.         .big__sport__right {
  258.           padding-top: 30px;
  259.         }
  260.         .small__sport {
  261.           width: 88% !important;
  262.         }
  263.         .small__sport--margin {
  264.           margin-bottom: 20px;
  265.           margin-right: 0px!important;
  266.         }
  267.         .display {
  268.           padding: 0 5px !important;
  269.         }
  270.         .display .big__sport {
  271.           display: none !important;
  272.         }
  273.       }
  274.       @media screen and (min-width: 479px) {
  275.         .display .small__sport {
  276.           display: none !important;
  277.         }
  278.       }
  279.  
  280.       @media screen and (max-width: 500px) {
  281.         .event_link {
  282.           margin: 0 1% 0 0.2%!important;
  283.         }
  284.         .team {
  285.           font-size: 14px !important;
  286.         }
  287.         .event_title {
  288.           font-size: 12px !important;
  289.         }
  290.         .event {
  291.           padding: 14px 1px !important;
  292.         }
  293.         .social__icon {
  294.             margin: 0 2%!important;
  295.         }
  296.       }
  297.       @media screen and (max-width: 400px) {
  298.         .team {
  299.           font-size: 12px !important;
  300.         }
  301.       }
  302.     </style>
  303.   </head>
  304.   <body style="word-spacing: normal">
  305.     <div class="body main_bg">
  306.  
  307.         {{snippets.logo}}
  308.  
  309.                 <!-- 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]-->
  310.       <div style="margin: 0px auto; max-width: 600px">
  311.         <table
  312.           align="center"
  313.           border="0"
  314.           cellpadding="0"
  315.           cellspacing="0"
  316.           role="presentation"
  317.           style="width: 100%"
  318.         >
  319.           <tbody>
  320.             <tr>
  321.               <td
  322.                 style="
  323.                   direction: ltr;
  324.                   font-size: 0px;
  325.                   padding: 0 0;
  326.                   text-align: center;
  327.                 "
  328.               >
  329.                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
  330.                 <div
  331.                   class="mj-column-per-100 mj-outlook-group-fix"
  332.                   style="
  333.                     font-size: 0px;
  334.                     text-align: left;
  335.                     direction: ltr;
  336.                     display: inline-block;
  337.                     vertical-align: top;
  338.                     width: 100%;
  339.                   "
  340.                 >
  341.                   <table
  342.                     border="0"
  343.                     cellpadding="0"
  344.                     cellspacing="0"
  345.                     role="presentation"
  346.                     style="vertical-align: top"
  347.                     width="100%"
  348.                   >
  349.                     <tbody>
  350.                       <tr>
  351.                         <td
  352.                           align="center"
  353.                           style="
  354.                             font-size: 0px;
  355.                             padding: 0 0;
  356.                             word-break: break-word;
  357.                           "
  358.                         >
  359.                           <table
  360.                             border="0"
  361.                             cellpadding="0"
  362.                             cellspacing="0"
  363.                             role="presentation"
  364.                             style="
  365.                               border-collapse: collapse;
  366.                               border-spacing: 0px;
  367.                             "
  368.                           >
  369.                             <tbody>
  370.                               <tr>
  371.                                 <td style="width: 600px">
  372.                                    <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">
  373.                                        <img
  374.                                       alt="Frame-1025"
  375.                                       src="https://b...content-available-to-author-only...s.com/football+banner+gen.png"
  376.                                       style="
  377.                                         border: 0;
  378.                                         display: block;
  379.                                         outline: none;
  380.                                         text-decoration: none;
  381.                                         height: auto;
  382.                                         width: 100%;
  383.                                         font-size: 13px;
  384.                                       "
  385.                                       width="600"
  386.                                       height="auto"
  387.                                   /></a>
  388.                                 </td>
  389.                               </tr>
  390.                             </tbody>
  391.                           </table>
  392.                         </td>
  393.                       </tr>
  394.                     </tbody>
  395.                   </table>
  396.                 </div>
  397.                 <!--[if mso | IE]></td></tr></table><![endif]-->
  398.               </td>
  399.             </tr>
  400.           </tbody>
  401.         </table>
  402.       </div>
  403.       <!--[if mso | IE]></td></tr></table><!
  404.       [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]-->
  405.       <div style="margin: 0px auto; max-width: 600px">
  406.         <table
  407.           align="center"
  408.           border="0"
  409.           cellpadding="0"
  410.           cellspacing="0"
  411.           role="presentation"
  412.           style="width: 100%"
  413.         >
  414.           <tbody>
  415.             <tr>
  416.               <td
  417.                 style="
  418.                   direction: ltr;
  419.                   font-size: 0px;
  420.                   padding: 30px 0 10px 0;
  421.                   text-align: center;
  422.                 "
  423.               >
  424.                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><!
  425.                 [endif]--><!-- Content start --><!--[if mso | IE]><td class="content-outlook" style="vertical-align:top;width:558px;" ><![endif]-->
  426.                 <div
  427.                   class="mj-column-per-93 mj-outlook-group-fix content"
  428.                   style="
  429.                     font-size: 0px;
  430.                     text-align: left;
  431.                     direction: ltr;
  432.                     display: inline-block;
  433.                     vertical-align: top;
  434.                     width: 100%;
  435.                   "
  436.                 >
  437.                   <table
  438.                     border="0"
  439.                     cellpadding="0"
  440.                     cellspacing="0"
  441.                     role="presentation"
  442.                     style="vertical-align: top"
  443.                     width="100%"
  444.                   >
  445.                     <tbody>
  446.                       <tr>
  447.                         <td
  448.                           align="center"
  449.                           class="content"
  450.                           style="
  451.                             font-size: 0px;
  452.                             padding: 20px 7% 20px;
  453.                             word-break: break-word;
  454.                           "
  455.                         >
  456.                           <div
  457.                             style="
  458.                               font-family: Arial;
  459.                               font-size: 16px;
  460.                               font-weight: 500;
  461.                               line-height: 27px;
  462.                               text-align: center;
  463.                               color: #000000;
  464.                             "
  465.                           >
  466.                             <span
  467.                               style="
  468.                                 color: #ff0069;
  469.                                 text-align: center;
  470.                                 font-family: Arial;
  471.                                 font-size: 32px;
  472.                                 line-height: 35px;
  473.                                 font-style: normal;
  474.                                 font-weight: 700;
  475.                               "
  476.                               >
  477.                                 {% case customer.language %}
  478.                                     {% when "fr" %}{%if customer.first_name %}Bonjour, {{customer.first_name}}{%else%}Bonjour, ami{%endif%}
  479.                                     {% when "de" %}{%if customer.first_name %}Hallo, {{customer.first_name}}{%else%}Hallo, freund{%endif%}
  480.                                     {% when "es" %}{%if customer.first_name %}Hola, {{customer.first_name}}{%else%}Hola, amigo{%endif%} 
  481.                                     {% when "pt-br" %}{%if customer.first_name %}Olá, {{customer.first_name}}{%else%}Olá, amigo{%endif%} 
  482.                                     {% else %}{%if customer.first_name %}Hello, {{customer.first_name}}{%else%}Hello, friend{%endif%} 
  483.                                 {% endcase %}   
  484.                               </span
  485.                             ><br /><br />
  486.  
  487.                             {{content}}
  488.                           </div>
  489.                         </td>
  490.                       </tr>
  491.                     </tbody>
  492.                   </table>
  493.                 </div>
  494.                 <!--[if mso | IE]></td><![endif]-->
  495.                 <!-- Content end -->
  496.  
  497.                 <!-- 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]-->
  498.       <div
  499.         class="display"
  500.         style="
  501.           margin: 0px auto;
  502.           max-width: 640px;
  503.         "
  504.       >
  505.         <table
  506.           align="center"
  507.           border="0"
  508.           cellpadding="0"
  509.           cellspacing="0"
  510.           role="presentation"
  511.           style="width: 100%"
  512.         >
  513.           <tbody>
  514.             <tr>
  515.               <td
  516.                 style="
  517.                   direction: ltr;
  518.                   font-size: 0px;
  519.                   padding: 20px 5px;
  520.                   text-align: center;
  521.                 "
  522.               >
  523.                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="big__sport-outlook" style="width:567px;" ><![endif]-->
  524.                 <div
  525.                   class="mj-column-per-90 mj-outlook-group-fix big__sport"
  526.                   style="
  527.                     font-size: 0;
  528.                     line-height: 0;
  529.                     text-align: left;
  530.                     display: inline-block;
  531.                     width: 100%;
  532.                     direction: ltr;
  533.                   "
  534.                 >
  535.                   <!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td style="vertical-align:top;width:153px;" ><![endif]-->
  536.                   <div
  537.                     class="mj-column-per-27 mj-outlook-group-fix team"
  538.                     style="
  539.                       font-size: 0px;
  540.                       text-align: left;
  541.                       direction: ltr;
  542.                       display: inline-block;
  543.                       vertical-align: top;
  544.                       width: 27%;
  545.                     "
  546.                   >
  547.                     <table
  548.                       border="0"
  549.                       cellpadding="0"
  550.                       cellspacing="0"
  551.                       role="presentation"
  552.                       style="vertical-align: top"
  553.                       width="100%"
  554.                     >
  555.                       <tbody>
  556.                         <tr>
  557.                           <td
  558.                             align="center"
  559.                             style="
  560.                               font-size: 0px;
  561.                               padding: 0 0 0 0;
  562.                               word-break: break-word;
  563.                             "
  564.                           >
  565.                             <div
  566.                               style="
  567.                                 font-family: Ubuntu, Helvetica, Arial,
  568.                                   sans-serif;
  569.                                 font-size: 13px;
  570.                                 line-height: 1;
  571.                                 text-align: center;
  572.                                 color: #000000;
  573.                               "
  574.                             >
  575.                               <img
  576.                                 src="https://b...content-available-to-author-only...s.com/liverpool100.png"
  577.                                 alt=""
  578.                                 height="100px"
  579.                                 style="
  580.                                   display: inline-block;
  581.                                   margin-bottom: 15px;
  582.                                 "
  583.                               />
  584.                               <p
  585.                                 style="
  586.                                   color: #fff;
  587.                                   text-align: center;
  588.                                   font-family: Arial;
  589.                                   font-size: 14px;
  590.                                   font-style: italic;
  591.                                   font-weight: 700;
  592.                                   line-height: 90.5%;
  593.                                   text-transform: uppercase;
  594.                                 "
  595.                               >
  596.                                 Liverpool
  597.                               </p>
  598.                             </div>
  599.                           </td>
  600.                         </tr>
  601.                       </tbody>
  602.                     </table>
  603.                   </div>
  604.                   <!--[if mso | IE]></td><td style="vertical-align:top;width:255px;" ><![endif]-->
  605.                   <div
  606.                     class="mj-column-per-45 mj-outlook-group-fix big__sport__right"
  607.                     style="
  608.                       font-size: 0px;
  609.                       text-align: left;
  610.                       direction: ltr;
  611.                       display: inline-block;
  612.                       vertical-align: top;
  613.                       width: 45%;
  614.                     "
  615.                   >
  616.                     <table
  617.                       border="0"
  618.                       cellpadding="0"
  619.                       cellspacing="0"
  620.                       role="presentation"
  621.                       style="vertical-align: top"
  622.                       width="100%"
  623.                     >
  624.                       <tbody>
  625.                         <tr>
  626.                           <td
  627.                             align="center"
  628.                             style="
  629.                               font-size: 0px;
  630.                               padding: 0 0 0 0;
  631.                               word-break: break-word;
  632.                             "
  633.                           >
  634.                             <div
  635.                               style="
  636.                                 font-family: Ubuntu, Helvetica, Arial,
  637.                                   sans-serif;
  638.                                 font-size: 13px;
  639.                                 line-height: 1;
  640.                                 text-align: center;
  641.                                 color: #000000;
  642.                               "
  643.                             >
  644.                               <p
  645.                                 style="
  646.                                   color: #fff;
  647.                                   text-align: center;
  648.                                   font-family: Arial;
  649.                                   font-size: 24px;
  650.                                   font-style: italic;
  651.                                   font-weight: 700;
  652.                                   line-height: 144%;
  653.                                   text-transform: uppercase;
  654.                                   margin: 0;
  655.                                 "
  656.                               >
  657.                                 <b style="color:#ff0069">EPL</b>
  658.                               </p>
  659.                               <div
  660.                                 style="
  661.                                   text-align: center;
  662.                                   display: inline-block;
  663.                                   margin-right: 10px;
  664.                                 "
  665.                               >
  666.                                 <p
  667.                                   style="
  668.                                     color: rgba(255, 255, 255, 0.6);
  669.                                     font-family: Arial;
  670.                                     font-size: 10px;
  671.                                     font-style: italic;
  672.                                     font-weight: 700;
  673.                                     line-height: 10px;
  674.                                     text-transform: uppercase;
  675.                                     margin: 0;
  676.                                   "
  677.                                 >
  678.                                   <span
  679.                                     style="
  680.                                       color: #fff;
  681.                                       font-family: Arial;
  682.                                       font-size: 16px;
  683.                                       font-style: italic;
  684.                                       font-weight: 700;
  685.                                       line-height: normal;
  686.                                       margin: 0;
  687.                                     "
  688.                                     class="txt"
  689.                                     >17</span
  690.                                   ><br />Dec
  691.                                 </p>
  692.                               </div>
  693.                               <div
  694.                                 style="
  695.                                   text-align: center;
  696.                                   display: inline-block;
  697.                                 "
  698.                               >
  699.                                 <p
  700.                                   style="
  701.                                     color: rgba(255, 255, 255, 0.6);
  702.                                     font-family: Arial;
  703.                                     font-size: 10px;
  704.                                     font-style: italic;
  705.                                     font-weight: 700;
  706.                                     line-height: 10px;
  707.                                     text-transform: uppercase;
  708.                                     margin: 0;
  709.                                   "
  710.                                 >
  711.                                   <span
  712.                                     style="
  713.                                       color: #fff;
  714.                                       font-family: Arial;
  715.                                       font-size: 16px;
  716.                                       font-style: italic;
  717.                                       font-weight: 700;
  718.                                       line-height: normal;
  719.                                       margin: 0;
  720.                                     "
  721.                                     class="txt"
  722.                                     >17:30</span
  723.                                   ><br />(UTC+1)
  724.                                 </p>
  725.                               </div>
  726.                               <p
  727.                                 style="
  728.                                   color: #ff0069;
  729.                                   text-align: center;
  730.                                   font-family: Arial;
  731.                                   font-size: 36px;
  732.                                   font-style: italic;
  733.                                   font-weight: 700;
  734.                                   line-height: 144%;
  735.                                   text-transform: uppercase;
  736.                                   margin: 0;
  737.                                 "
  738.                               >
  739.                                 VS
  740.                               </p>
  741.                               <p
  742.                                 style="
  743.                                   color: #fff;
  744.                                   text-align: center;
  745.                                   font-family: Arial;
  746.                                   font-size: 11px;
  747.                                   font-style: italic;
  748.                                   font-weight: 700;
  749.                                   line-height: 14.243px;
  750.                                   text-transform: uppercase;
  751.                                   margin: 5px 0 0 0;
  752.                                 "
  753.                               >
  754.                                 <span
  755.                                   style="
  756.                                     padding: 4px 15px;
  757.                                     border: 1px solid #00adff;
  758.                                     border-radius: 3px;
  759.                                     margin-right: 8px;
  760.                                   "
  761.                                   >1.31</span
  762.                                 >
  763.                                 <span
  764.                                   style="
  765.                                     padding: 4px 15px;
  766.                                     border: 1px solid #00adff;
  767.                                     border-radius: 3px;
  768.                                     margin-right: 8px;
  769.                                   "
  770.                                   >5.70</span
  771.                                 >
  772.                                 <span
  773.                                   style="
  774.                                     padding: 4px 15px;
  775.                                     border: 1px solid #00adff;
  776.                                     border-radius: 3px;
  777.                                   "
  778.                                   >7.70</span
  779.                                 >
  780.                               </p>
  781.                                <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"
  782.                                 style="
  783.                                   display: inline-block;
  784.                                   min-width: 100px;
  785.                                   text-align: center;
  786.                                   font-family: 'Arial';
  787.                                   font-style: normal;
  788.                                   font-weight: 700;
  789.                                   font-size: 12px;
  790.                                   line-height: 15px;
  791.                                   color: #ffffff;
  792.                                   text-decoration: none;
  793.                                   padding: 8px 13px;
  794.                                   border: 1px solid #ffffff;
  795.                                   border-radius: 17px;
  796.                                   font-style: italic;
  797.                                   margin: 20px 0 0 0;
  798.                                 "
  799.                                 >BET NOW</a
  800.                               >
  801.                             </div>
  802.                           </td>
  803.                         </tr>
  804.                       </tbody>
  805.                     </table>
  806.                   </div>
  807.                   <!--[if mso | IE]></td><td style="vertical-align:top;width:153px;" ><![endif]-->
  808.                   <div
  809.                     class="mj-column-per-27 mj-outlook-group-fix team"
  810.                     style="
  811.                       font-size: 0px;
  812.                       text-align: left;
  813.                       direction: ltr;
  814.                       display: inline-block;
  815.                       vertical-align: top;
  816.                       width: 27%;
  817.                     "
  818.                   >
  819.                     <table
  820.                       border="0"
  821.                       cellpadding="0"
  822.                       cellspacing="0"
  823.                       role="presentation"
  824.                       style="vertical-align: top"
  825.                       width="100%"
  826.                     >
  827.                       <tbody>
  828.                         <tr>
  829.                           <td
  830.                             align="center"
  831.                             style="
  832.                               font-size: 0px;
  833.                               padding: 0 0 0 0;
  834.                               word-break: break-word;
  835.                             "
  836.                           >
  837.                             <div
  838.                               style="
  839.                                 font-family: Ubuntu, Helvetica, Arial,
  840.                                   sans-serif;
  841.                                 font-size: 13px;
  842.                                 line-height: 1;
  843.                                 text-align: center;
  844.                                 color: #000000;
  845.                               "
  846.                             >
  847.                               <img
  848.                                 src="https://b...content-available-to-author-only...s.com/mu100.png"
  849.                                 alt=""
  850.                                 height="100px"
  851.                                 style="
  852.                                   display: inline-block;
  853.                                   margin-bottom: 15px;
  854.                                 "
  855.                               />
  856.                               <p
  857.                                 style="
  858.                                   color: #fff;
  859.                                   text-align: center;
  860.                                   font-family: Arial;
  861.                                   font-size: 14px;
  862.                                   font-style: italic;
  863.                                   font-weight: 700;
  864.                                   line-height: 90.5%;
  865.                                   text-transform: uppercase;
  866.                                 "
  867.                               >
  868.                                 Man.United
  869.                               </p>
  870.                             </div>
  871.                           </td>
  872.                         </tr>
  873.                       </tbody>
  874.                     </table>
  875.                   </div>
  876.                   <!--[if mso | IE]></td></tr></table><![endif]-->
  877.                 </div>
  878.                 <!--[if mso | IE]></td><td class="small__sport-outlook" style="width:277.2px;" ><![endif]-->
  879.                 <div
  880.                   class="mj-column-per-44 mj-outlook-group-fix small__sport"
  881.                   style="
  882.                     font-size: 0;
  883.                     line-height: 0;
  884.                     text-align: left;
  885.                     display: inline-block;
  886.                     width: 100%;
  887.                     direction: ltr;
  888.                   "
  889.                 >
  890.                   <!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td style="vertical-align:top;width:138px;" ><![endif]-->
  891.                   <div
  892.                     class="mj-column-per-50 mj-outlook-group-fix"
  893.                     style="
  894.                       font-size: 0px;
  895.                       text-align: left;
  896.                       direction: ltr;
  897.                       display: inline-block;
  898.                       vertical-align: top;
  899.                       width: 50%;
  900.                     "
  901.                   >
  902.                     <table
  903.                       border="0"
  904.                       cellpadding="0"
  905.                       cellspacing="0"
  906.                       role="presentation"
  907.                       style="vertical-align: top"
  908.                       width="100%"
  909.                     >
  910.                       <tbody>
  911.                         <tr>
  912.                           <td
  913.                             align="center"
  914.                             style="
  915.                               font-size: 0px;
  916.                               padding: 0 0 0 0;
  917.                               word-break: break-word;
  918.                             "
  919.                           >
  920.                             <div
  921.                               style="
  922.                                 font-family: Ubuntu, Helvetica, Arial,
  923.                                   sans-serif;
  924.                                 font-size: 13px;
  925.                                 line-height: 1;
  926.                                 text-align: center;
  927.                                 color: #000000;
  928.                               "
  929.                             >
  930.                               <p
  931.                                 style="
  932.                                   color: #fff;
  933.                                   text-align: center;
  934.                                   font-family: Arial;
  935.                                   font-size: 16px;
  936.                                   font-style: italic;
  937.                                   font-weight: 700;
  938.                                   line-height: 144%;
  939.                                   text-transform: uppercase;
  940.                                   margin: 0;
  941.                                 "
  942.                               >
  943.                                 <b style="color:#ff0069">EPL</b>
  944.                               </p>
  945.                                 <div style="height: 63px; max-width: 139px; white-space: nowrap">
  946.                                   <img
  947.                                     style="display: inline-block; max-height: 45px; max-width: 52px;;"
  948.                                     src="https://b...content-available-to-author-only...s.com/liverpool100.png"
  949.                                     alt=""
  950.                                   />
  951.                                   <p
  952.                                     style="
  953.                                       display: inline-block;
  954.                                       color: #ff0069;
  955.                                       text-align: center;
  956.                                       vertical-align: middle;
  957.                                       font-family: Arial;
  958.                                       font-size: 16px;
  959.                                       font-style: italic;
  960.                                       font-weight: 700;
  961.                                       line-height: 144%;
  962.                                       text-transform: uppercase;
  963.                                       margin: 0 10px;
  964.                                       height: 60px;
  965.                                     "
  966.                                   >
  967.                                     vs
  968.                                   </p>
  969.                                   <img
  970.                                     style="display: inline-block; max-height: 45px; max-width: 52px;;"
  971.                                     src="https://b...content-available-to-author-only...s.com/mu100.png"
  972.                                     alt=""
  973.                                   />
  974.                                 </div>
  975.                               <p
  976.                                 style="
  977.                                   color: #fff;
  978.                                   text-align: center;
  979.                                   font-family: Arial;
  980.                                   font-size: 10px;
  981.                                   font-style: italic;
  982.                                   font-weight: 700;
  983.                                   line-height: normal;
  984.                                   text-transform: uppercase;
  985.                                   margin: 5px 0 0 0;
  986.                                 "
  987.                               >
  988.                                 Liverpool<br />Man.United
  989.                               </p>
  990.                               <p
  991.                                 style="
  992.                                   color: #fff;
  993.                                   text-align: center;
  994.                                   font-family: Arial;
  995.                                   font-size: 10px;
  996.                                   font-style: italic;
  997.                                   font-weight: 700;
  998.                                   line-height: 14.243px;
  999.                                   text-transform: uppercase;
  1000.                                   min-width: 139px;
  1001.                                 "
  1002.                               >
  1003.                                 <span
  1004.                                   style="
  1005.                                     padding: 3px 9px;
  1006.                                     border: 1px solid #00adff;
  1007.                                     border-radius: 4px;
  1008.                                   "
  1009.                                   class="cof"
  1010.                                   >1.31</span
  1011.                                 >
  1012.                                 <span
  1013.                                   style="
  1014.                                     padding: 3px 9px;
  1015.                                     border: 1px solid #00adff;
  1016.                                     border-radius: 4px;
  1017.                                   "
  1018.                                   class="cof"
  1019.                                   >5.70</span
  1020.                                 >
  1021.                                 <span
  1022.                                   style="
  1023.                                     padding: 3px 9px;
  1024.                                     border: 1px solid #00adff;
  1025.                                     border-radius: 4px;
  1026.                                   "
  1027.                                   class="cof"
  1028.                                   >7.70</span
  1029.                                 >
  1030.                               </p>
  1031.                             </div>
  1032.                           </td>
  1033.                         </tr>
  1034.                       </tbody>
  1035.                     </table>
  1036.                   </div>
  1037.                   <!--[if mso | IE]></td><td style="vertical-align:top;width:138px;" ><![endif]-->
  1038.                   <div
  1039.                     class="mj-column-per-50 mj-outlook-group-fix"
  1040.                     style="
  1041.                       font-size: 0px;
  1042.                       text-align: left;
  1043.                       direction: ltr;
  1044.                       display: inline-block;
  1045.                       vertical-align: top;
  1046.                       width: 50%;
  1047.                     "
  1048.                   >
  1049.                     <table
  1050.                       border="0"
  1051.                       cellpadding="0"
  1052.                       cellspacing="0"
  1053.                       role="presentation"
  1054.                       style="vertical-align: top"
  1055.                       width="100%"
  1056.                     >
  1057.                       <tbody>
  1058.                         <tr>
  1059.                           <td
  1060.                             align="right"
  1061.                             style="
  1062.                               font-size: 0px;
  1063.                               padding: 0 0 0 0;
  1064.                               word-break: break-word;
  1065.                             "
  1066.                           >
  1067.                             <div
  1068.                               style="
  1069.                                 font-family: Ubuntu, Helvetica, Arial,
  1070.                                   sans-serif;
  1071.                                 font-size: 13px;
  1072.                                 line-height: 1;
  1073.                                 text-align: right;
  1074.                                 color: #000000;
  1075.                               "
  1076.                             >
  1077.                               <div
  1078.                                 style="
  1079.                                   width: 50px;
  1080.                                   text-align: center;
  1081.                                   display: inline-block;
  1082.                                   padding-right: 11px;
  1083.                                 "
  1084.                               >
  1085.                                 <p
  1086.                                   style="
  1087.                                     color: rgba(255, 255, 255, 0.6);
  1088.                                     font-family: Arial;
  1089.                                     font-size: 10px;
  1090.                                     font-style: italic;
  1091.                                     font-weight: 700;
  1092.                                     line-height: 10px;
  1093.                                     text-transform: uppercase;
  1094.                                   "
  1095.                                 >
  1096.                                   <span
  1097.                                     style="
  1098.                                       color: #fff;
  1099.                                       text-align: center;
  1100.                                       font-family: Arial;
  1101.                                       font-size: 16px;
  1102.                                       font-style: italic;
  1103.                                       font-weight: 700;
  1104.                                       line-height: normal;
  1105.                                     "
  1106.                                     class="txt"
  1107.                                     >17</span
  1108.                                   ><br />Dec
  1109.                                 </p>
  1110.                               </div>
  1111.                               <br />
  1112.                               <div
  1113.                                 style="
  1114.                                   width: 70px;
  1115.                                   text-align: center;
  1116.                                   display: inline-block;
  1117.                                 "
  1118.                               >
  1119.                                 <p
  1120.                                   style="
  1121.                                     color: rgba(255, 255, 255, 0.6);
  1122.                                     font-family: Arial;
  1123.                                     font-size: 10px;
  1124.                                     font-style: italic;
  1125.                                     font-weight: 700;
  1126.                                     line-height: 10px;
  1127.                                     margin-top: 0;
  1128.                                   "
  1129.                                 >
  1130.                                   <span
  1131.                                     style="
  1132.                                       color: #fff;
  1133.                                       text-align: center;
  1134.                                       font-family: Arial;
  1135.                                       font-size: 16px;
  1136.                                       font-style: italic;
  1137.                                       font-weight: 700;
  1138.                                       line-height: 10px; /* 62.5% */
  1139.                                     "
  1140.                                     class="txt"
  1141.                                     >17:30</span
  1142.                                   ><br />(UTC+1)
  1143.                                 </p>
  1144.                               </div>
  1145.                               <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"
  1146.                                 style="
  1147.                                   display: inline-block;
  1148.                                   min-width: 72px;
  1149.                                   color: #fff;
  1150.                                   text-align: center;
  1151.                                   font-family: Arial;
  1152.                                   font-size: 11px;
  1153.                                   font-style: italic;
  1154.                                   font-weight: 700;
  1155.                                   line-height: 12px;
  1156.                                   text-decoration: none;
  1157.                                   padding: 8px 10px;
  1158.                                   border: 1px solid #ffffff;
  1159.                                   border-radius: 17px;
  1160.                                   margin-top: 18px;
  1161.                                 "
  1162.                                 >BET NOW</a
  1163.                               >
  1164.                             </div>
  1165.                           </td>
  1166.                         </tr>
  1167.                       </tbody>
  1168.                     </table>
  1169.                   </div>
  1170.                   <!--[if mso | IE]></td></tr></table><![endif]-->
  1171.                 </div>
  1172.                 <!--[if mso | IE]></td></tr></table><![endif]-->
  1173.               </td>
  1174.             </tr>
  1175.           </tbody>
  1176.         </table>
  1177.       </div>
Success #stdin #stdout 0.02s 25564KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
<!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>
https://ideone.com/aKk4dP
language:
PHP (php 7.3.5)
created:
12 days ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!