Raphaël G. Git Repositories - blogbundle/blob - Resources/views/mail/contact.html.twig

   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">
   3 <head>
   4         <meta name="viewport" content="width=device-width" />
   5         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   6         <title>{{ subject }}</title>
   7         <style>
   8                 body {background:white}
   9                 a {text-decoration:none;color:#0063c9}
  10                 a:hover {text-decoration:underline}
  11                 table {width: 100%;border-radius: .5rem}
  12                 table.head {background:#00c3f9;text-align:center}
  13                 table.body {background:white;border:1px solid #00c3f9;margin:.5rem 0;color:#066}
  14                 table.footer {background:#00c3f9}
  15                 table.footer details {text-align:center;color:#0063c9;font-weight:bold}
  16                 table.footer summary:after {display:none}
  17                 table.footer summary::-webkit-details-marker {display:none}
  18         </style>
  19 </head>
  20 <body>
  21         <table class="head">
  22                 <tr>
  23                         <td><a href="{{ blog_url }}"><img src="data:image/png;base64, {{ blog_logo|base64_encode }}" alt="{{ blog_title }}" /></a></td>
  24                         <td><h1><a href="{{ blog_url }}">{{ blog_title }}</a></h1></td>
  25                 </tr>
  26         </table>
  27         <table class="body">
  28                 <tr>
  29                         <td>&nbsp;</td>
  30                         <td>
  31                                 <h2>{% trans %}Hi,{% endtrans %} {{ contact_name }}</h2>
  32                                 <h3>{% trans %}Subject:{% endtrans %} {{ subject }}</h3>
  33                                 <p>{{ message|nl2br }}</p>
  34                         </td>
  35                         <td>&nbsp;</td>
  36                 </tr>
  37         </table>
  38         <table class="footer">
  39                 <tr>
  40                         <td>&nbsp;</td>
  41                         <td><details><summary>{% trans %}Raphaël Gertz all rights reserved{% endtrans %}</summary><span>{% trans %}Copyright 2016-2018{% endtrans %}.</span></details></td>
  42                         <td>&nbsp;</td>
  43                 </tr>
  44         </table>
  45 </body>
  46 </html>