templates/emails/base_email.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta content="width=device-width, initial-scale=1" name="viewport">
  6.     <meta name="x-apple-disable-message-reformatting">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta content="telephone=no" name="format-detection">
  9.     <title>Novo modelo de e-mail 2023-07-08</title><!--[if (mso 16)]>
  10.     <style type="text/css">
  11.         a {text-decoration: none;}
  12.     </style>
  13.     <![endif]--><!--[if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]--><!--[if gte mso 9]>
  14.     <xml>
  15.         <o:OfficeDocumentSettings>
  16.             <o:AllowPNG></o:AllowPNG>
  17.             <o:PixelsPerInch>96</o:PixelsPerInch>
  18.         </o:OfficeDocumentSettings>
  19.     </xml>
  20.     <![endif]-->
  21.     <style type="text/css">
  22.         .rollover:hover .rollover-first {
  23.             max-height:0px!important;
  24.             display:none!important;
  25.         }
  26.         .rollover:hover .rollover-second {
  27.             max-height:none!important;
  28.             display:inline-block!important;
  29.         }
  30.         .rollover div {
  31.             font-size:0px;
  32.         }
  33.         u ~ div img + div > div {
  34.             display:none;
  35.         }
  36.         #outlook a {
  37.             padding:0;
  38.         }
  39.         span.MsoHyperlink,
  40.         span.MsoHyperlinkFollowed {
  41.             color:inherit;
  42.             mso-style-priority:99;
  43.         }
  44.         a.es-button {
  45.             mso-style-priority:100!important;
  46.             text-decoration:none!important;
  47.         }
  48.         a[x-apple-data-detectors] {
  49.             color:inherit!important;
  50.             text-decoration:none!important;
  51.             font-size:inherit!important;
  52.             font-family:inherit!important;
  53.             font-weight:inherit!important;
  54.             line-height:inherit!important;
  55.         }
  56.         .es-desk-hidden {
  57.             display:none;
  58.             float:left;
  59.             overflow:hidden;
  60.             width:0;
  61.             max-height:0;
  62.             line-height:0;
  63.             mso-hide:all;
  64.         }
  65.         .es-header-body a:hover {
  66.             color:#ffffff!important;
  67.         }
  68.         .es-content-body a:hover {
  69.             color:#ed8e20!important;
  70.         }
  71.         .es-footer-body a:hover {
  72.             color:#333333!important;
  73.         }
  74.         .es-infoblock a:hover {
  75.             color:#cccccc!important;
  76.         }
  77.         .es-button-border:hover > a.es-button {
  78.             color:#ffffff!important;
  79.         }
  80.         @media only screen and (max-width:600px) {*[class="gmail-fix"] { display:none!important } p, a { line-height:150%!important } h1, h1 a { line-height:120%!important } h2, h2 a { line-height:120%!important } h3, h3 a { line-height:120%!important } h4, h4 a { line-height:120%!important } h5, h5 a { line-height:120%!important } h6, h6 a { line-height:120%!important } .es-header-body p { } .es-content-body p { } .es-footer-body p { } .es-infoblock p { } h1 { font-size:32px!important; text-align:left } h2 { font-size:26px!important; text-align:left } h3 { font-size:20px!important; text-align:left } h4 { font-size:24px!important; text-align:left } h5 { font-size:20px!important; text-align:left } h6 { font-size:16px!important; text-align:left } .es-header-body h1 a, .es-content-body h1 a, .es-footer-body h1 a { font-size:32px!important } .es-header-body h2 a, .es-content-body h2 a, .es-footer-body h2 a { font-size:26px!important } .es-header-body h3 a, .es-content-body h3 a, .es-footer-body h3 a { font-size:20px!important } .es-header-body h4 a, .es-content-body h4 a, .es-footer-body h4 a { font-size:24px!important } .es-header-body h5 a, .es-content-body h5 a, .es-footer-body h5 a { font-size:20px!important } .es-header-body h6 a, .es-content-body h6 a, .es-footer-body h6 a { font-size:16px!important } .es-menu td a { font-size:16px!important } .es-header-body p, .es-header-body a { font-size:16px!important } .es-content-body p, .es-content-body a { font-size:16px!important } .es-footer-body p, .es-footer-body a { font-size:16px!important } .es-infoblock p, .es-infoblock a { font-size:12px!important } .es-m-txt-c, .es-m-txt-c h1, .es-m-txt-c h2, .es-m-txt-c h3, .es-m-txt-c h4, .es-m-txt-c h5, .es-m-txt-c h6 { text-align:center!important } .es-m-txt-r, .es-m-txt-r h1, .es-m-txt-r h2, .es-m-txt-r h3, .es-m-txt-r h4, .es-m-txt-r h5, .es-m-txt-r h6 { text-align:right!important } .es-m-txt-j, .es-m-txt-j h1, .es-m-txt-j h2, .es-m-txt-j h3, .es-m-txt-j h4, .es-m-txt-j h5, .es-m-txt-j h6 { text-align:justify!important } .es-m-txt-l, .es-m-txt-l h1, .es-m-txt-l h2, .es-m-txt-l h3, .es-m-txt-l h4, .es-m-txt-l h5, .es-m-txt-l h6 { text-align:left!important } .es-m-txt-r img, .es-m-txt-c img, .es-m-txt-l img, .es-m-txt-r .rollover:hover .rollover-second, .es-m-txt-c .rollover:hover .rollover-second, .es-m-txt-l .rollover:hover .rollover-second { display:inline!important } .es-m-txt-r .rollover div, .es-m-txt-c .rollover div, .es-m-txt-l .rollover div { line-height:0!important; font-size:0!important } .es-spacer { display:inline-table } a.es-button, button.es-button { font-size:16px!important } .es-m-fw, .es-m-fw.es-fw, .es-m-fw .es-button { display:block!important } .es-m-il, .es-m-il .es-button, .es-social, .es-social td, .es-menu { display:inline-block!important } .es-adaptive table, .es-left, .es-right { width:100%!important } .es-content table, .es-header table, .es-footer table, .es-content, .es-footer, .es-header { width:100%!important; max-width:600px!important } .adapt-img { width:100%!important; height:auto!important } .es-mobile-hidden, .es-hidden { display:none!important } .es-desk-hidden { width:auto!important; overflow:visible!important; float:none!important; max-height:inherit!important; line-height:inherit!important } tr.es-desk-hidden { display:table-row!important } table.es-desk-hidden { display:table!important } td.es-desk-menu-hidden { display:table-cell!important } .es-menu td { width:1%!important } table.es-table-not-adapt, .esd-block-html table { width:auto!important } .es-social td { padding-bottom:10px } .h-auto { height:auto!important } h1 a { text-align:left } .es-header-body h1 a, .es-content-body h1 a, .es-footer-body h1 a { font-size:36px!important } h2 a { text-align:left } .es-header-body h2 a, .es-content-body h2 a, .es-footer-body h2 a { font-size:30px!important } h3 a { text-align:left } .es-header-body h3 a, .es-content-body h3 a, .es-footer-body h3 a { font-size:18px!important } a.es-button, button.es-button { display:inline-block!important } .es-button-border { display:inline-block!important } }
  81.     </style>
  82. </head>
  83. <body style="width:100%;height:100%;padding:0;Margin:0">
  84. <div class="es-wrapper-color" style="background-color:#EEEEEE"><!--[if gte mso 9]>
  85.     <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
  86.         <v:fill type="tile" color="#eeeeee"></v:fill>
  87.     </v:background>
  88.     <![endif]-->
  89.     <table class="es-wrapper" width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;padding:0;Margin:0;width:100%;height:100%;background-repeat:repeat;background-position:center top;background-color:#EEEEEE">
  90.         <tr>
  91.             <td valign="top" style="padding:0;Margin:0">
  92.                 <br><br><br>
  93.                 <table class="es-content" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;width:100%;table-layout:fixed !important">
  94.                     <tr></tr>
  95.                     <tr>
  96.                         <td align="center" style="padding:0;Margin:0">
  97.                             <table class="es-header-body" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;{% if empresa.corEmail %}background-color:{{ empresa.corEmail }};{% else %}background-color:#044767;{% endif %}width:600px" cellspacing="0" cellpadding="0" bgcolor="#044767" align="center">
  98.                                 <tr>
  99.                                     <td align="left" style="Margin:0;padding-top:35px;padding-right:35px;padding-bottom:40px;padding-left:35px">
  100.                                         <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px">
  101.                                             <tr>
  102.                                                 <td valign="top" align="center" style="padding:0;Margin:0;width:530px">
  103.                                                     <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px">
  104.                                                         <tr>
  105.                                                             <td class="es-m-txt-c" align="center" style="padding:0;Margin:0">
  106.                                                                 <h1 style="Margin:0;font-family:'open sans', 'helvetica neue', helvetica, arial, sans-serif;mso-line-height-rule:exactly;letter-spacing:0;font-size:36px;font-style:normal;font-weight:bold;line-height:36px;color:#ffffff">
  107.                                                                     {{ empresa.nome }}
  108.                                                                 </h1>
  109.                                                             </td>
  110.                                                         </tr>
  111.                                                     </table>
  112.                                                 </td>
  113.                                             </tr>
  114.                                         </table></td>
  115.                                 </tr>
  116.                             </table></td>
  117.                     </tr>
  118.                 </table>
  119.                 <table class="es-content" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;width:100%;table-layout:fixed !important">
  120.                     <tr>
  121.                         <td align="center" style="padding:0;Margin:0">
  122.                             <table class="es-content-body" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:#FFFFFF;width:600px">
  123.                                 <tr>
  124.                                     <td align="left" style="Margin:0;padding-top:35px;padding-right:35px;padding-left:35px;padding-bottom:25px">
  125.                                         <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px">
  126.                                             <tr>
  127.                                                 <td valign="top" align="center" style="padding:0;Margin:0;width:530px">
  128.                                                     <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px">
  129.                                                         <tr>
  130.                                                             <td align="left" style="padding:0;Margin:0;padding-top:5px;padding-bottom:5px">
  131.                                                                 <h1 style="text-align: center">
  132.                                                                     {% block title %}
  134.                                                                     {% endblock title %}
  135.                                                                 </h1>
  136.                                                                 <br>
  137.                                                                 <p style="Margin:0;mso-line-height-rule:exactly;font-family:'open sans', 'helvetica neue', helvetica, arial, sans-serif;line-height:24px;letter-spacing:0;color:#777777;font-size:16px">
  139.                                                                     {% block body %}
  143.                                                                     {% endblock body %}
  144.                                                                 </p>
  146.                                                                 <br><br><br><br>
  147.                                                                 <a target="_blank" href="{{ empresa.urlCliente }}" style="display:block;font-size:15px;border:0;outline:none;text-decoration:none">
  148.                                                                     <h3 style="Margin:0;font-family:'open sans', 'helvetica neue', helvetica, arial, sans-serif;mso-line-height-rule:exactly;letter-spacing:0;font-size:18px;font-style:normal;font-weight:bold;line-height:22px;color:#333333">Assistência Técnica</h3>
  149.                                                                 </a>
  150.                                                                 <p style="Margin:0;mso-line-height-rule:exactly;font-family:'open sans', 'helvetica neue', helvetica, arial, sans-serif;line-height:24px;letter-spacing:0;color:#777777;font-size:16px">{{ empresa.nome }}</p>
  152.                                                             </td>
  153.                                                         </tr>
  154.                                                     </table></td>
  155.                                             </tr>
  156.                                         </table></td>
  157.                                 </tr>
  158.                             </table></td>
  159.                     </tr>
  160.                 </table>
  163.                 <!-- SEPARADOR ################################################################ -->
  164.                 <!-- ########################################################################## -->
  166.                 <table cellpadding="0" cellspacing="0" class="es-content" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;width:100%;table-layout:fixed !important">
  167.                     <tr>
  168.                         <td align="center" style="padding:0;Margin:0">
  169.                             <table class="es-content-body" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:#1b9ba3;width:600px;border-bottom:10px solid {% if empresa.corEmail %}{{ empresa.corEmail }}{% else %}#48afb5{% endif %}" cellspacing="0" cellpadding="0" bgcolor="bl" align="center">
  170.                                 <tr>
  171.                                     <td align="left" style="padding:0;Margin:0">
  172.                                         <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px">
  173.                                             <tr>
  174.                                                 <td valign="top" align="center" style="padding:0;Margin:0;width:600px">
  175.                                                     <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px">
  176.                                                         <tr>
  177.                                                             <td style="padding:0;Margin:0">
  178.                                                                 <table class="es-menu" width="40%" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px">
  179.                                                                     <tr class="links-images-left">
  181.                                                                     </tr>
  182.                                                                 </table>
  183.                                                             </td>
  184.                                                         </tr>
  185.                                                     </table></td>
  186.                                             </tr>
  187.                                         </table></td>
  188.                                 </tr>
  189.                             </table></td>
  190.                     </tr>
  191.                 </table>
  192.                 <!-- ########################################################################## -->
  193.                 <!-- ########################################################################## -->
  197.                 <table cellpadding="0" cellspacing="0" class="es-footer" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;width:100%;table-layout:fixed !important;background-color:transparent;background-repeat:repeat;background-position:center top">
  198.                     <tr>
  199.                         <td align="center" style="padding:0;Margin:0">
  200.                             <table class="es-footer-body" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:#FFFFFF;width:600px">
  201.                                 <tr>
  202.                                     <td align="left" style="Margin:0;padding-top:35px;padding-right:35px;padding-bottom:40px;padding-left:35px">
  203.                                         <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px">
  204.                                             <tr>
  205.                                                 <td valign="top" align="center" style="padding:0;Margin:0;width:530px">
  206.                                                     <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px">
  207.                                                         <tr>
  208.                                                             <td align="center" style="padding:0;Margin:0;padding-bottom:15px;font-size:0">
  209. {#                                                                {{ sonata_thumbnail(empresa.logo, 'reference') }}#}
  210.                                                                 <img alt="{{ empresa.nome }} Logo" src="{{ app.request.schemeAndHttpHost ~ logoUrl }}" style="max-width: 200px;">
  211.                                                             </td>
  212.                                                         </tr>
  214.                                                         <tr>
  215.                                                             <td align="center" style="padding:0;Margin:0;padding-bottom:35px">
  216.                                                                 <p style="Margin:0;mso-line-height-rule:exactly;font-family:'open sans', 'helvetica neue', helvetica, arial, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px">
  217.                                                                     <strong>{{ empresa.rua }}, {{ empresa.numero }}, {{ empresa.bairro }} </strong></p>
  218.                                                                 <p style="Margin:0;mso-line-height-rule:exactly;font-family:'open sans', 'helvetica neue', helvetica, arial, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px">
  219.                                                                     <strong>{{ empresa.cidade }}, {{ empresa.estado }} - {{ empresa.cep }}</strong>
  220.                                                                 </p>
  221.                                                                 <p style="Margin:0;mso-line-height-rule:exactly;font-family:'open sans', 'helvetica neue', helvetica, arial, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px">
  222.                                                                     <strong>{{ empresa.telefone }}</strong>
  223.                                                                 </p>
  224.                                                             </td>
  225.                                                         </tr>
  227.                                                         <tr>
  228.                                                             <td esdev-links-color="#777777" align="center" class="es-m-txt-c" style="padding:0;Margin:0;padding-bottom:5px">
  229.                                                                 <p style="Margin:0;mso-line-height-rule:exactly;font-family:'open sans', 'helvetica neue', helvetica, arial, sans-serif;line-height:21px;letter-spacing:0;color:#777777;font-size:14px">
  230.                                                                    Este é um e-mail automático, favor não responder.
  231.                                                                 </p>
  232.                                                             </td>
  233.                                                         </tr>
  234.                                                     </table></td>
  235.                                             </tr>
  236.                                         </table></td>
  237.                                 </tr>
  238.                             </table></td>
  239.                     </tr>
  240.                 </table>
  242.                 <table class="es-content" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;width:100%;table-layout:fixed !important">
  243.                     <tr>
  244.                         <td align="center" style="padding:0;Margin:0">
  245.                             <table class="es-content-body" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;width:600px" cellspacing="0" cellpadding="0" align="center">
  246.                                 <tr>
  247.                                     <td align="left" style="Margin:0;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px">
  248.                                         <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px">
  249.                                             <tr>
  250.                                                 <td valign="top" align="center" style="padding:0;Margin:0;width:560px">
  251.                                                     <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px">
  252.                                                         <tr>
  253.                                                             <td class="es-infoblock made_with" align="center" style="padding:0;Margin:0;font-size:0">
  254.                                                                 {#<a target="_blank" href="{{ empresa.urlCliente }}" alt="" width="125" style="display:block;font-size:15px;border:0;outline:none;text-decoration:none">
  255.                                                                     <b style="color: black">Portal do Cliente</b>
  256.                                                                 </a>#}
  257.                                                             </td>
  258.                                                         </tr>
  259.                                                     </table></td>
  260.                                             </tr>
  261.                                         </table></td>
  262.                                 </tr>
  263.                             </table></td>
  264.                     </tr>
  265.                 </table>
  267.             </td>
  268.         </tr>
  269.     </table>
  270. </div>
  271. </body>
  272. </html>