templates/email/contact.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  3. <html lang="en" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
  4. <head>
  5.     <title></title>
  6.     <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  7.     <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  8.     <!--[if mso]><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch><o:AllowPNG/></o:OfficeDocumentSettings></xml><![endif]-->
  9.     <!--[if !mso]><!-->
  10.     <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css"/>
  11.     <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet" type="text/css"/>
  12.     <link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet" type="text/css"/>
  13.     <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css"/>
  14.     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet" type="text/css"/>
  15.     <link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet" type="text/css"/>
  16.     <link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet" type="text/css"/>
  17.     <link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet" type="text/css"/>
  18.     <link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet" type="text/css"/>
  19.     <link href="https://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet" type="text/css"/>
  20.     <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css"/>
  21.     <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css"/>
  22.     <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" type="text/css"/>
  23.     <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css"/>
  24.     <link href="https://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet" type="text/css"/>
  25.     <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css"/>
  26.     <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet" type="text/css"/>
  27.     <!--<![endif]-->
  28.     <style>
  29.         * {
  30.             box-sizing: border-box;
  31.         }
  33.         body {
  34.             margin: 0;
  35.             padding: 0;
  36.         }
  38.         a[x-apple-data-detectors] {
  39.             color: inherit !important;
  40.             text-decoration: inherit !important;
  41.         }
  43.         #MessageViewBody a {
  44.             color: inherit;
  45.             text-decoration: none;
  46.         }
  48.         p {
  49.             line-height: inherit
  50.         }
  52.         .desktop_hide,
  53.         .desktop_hide table {
  54.             mso-hide: all;
  55.             display: none;
  56.             max-height: 0px;
  57.             overflow: hidden;
  58.         }
  60.         @media (max-width:700px) {
  61.             .desktop_hide table.icons-inner {
  62.                 display: inline-block !important;
  63.             }
  65.             .icons-inner {
  66.                 text-align: center;
  67.             }
  69.             .icons-inner td {
  70.                 margin: 0 auto;
  71.             }
  73.             .row-content {
  74.                 width: 100% !important;
  75.             }
  77.             .mobile_hide {
  78.                 display: none;
  79.             }
  81.             .stack .column {
  82.                 width: 100%;
  83.                 display: block;
  84.             }
  86.             .mobile_hide {
  87.                 min-height: 0;
  88.                 max-height: 0;
  89.                 max-width: 0;
  90.                 overflow: hidden;
  91.                 font-size: 0px;
  92.             }
  94.             .desktop_hide,
  95.             .desktop_hide table {
  96.                 display: table !important;
  97.                 max-height: none !important;
  98.             }
  100.             .row-4 .column-1 .block-1.heading_block h2 {
  101.                 font-size: 20px !important;
  102.             }
  104.             .row-3 .column-1 .block-1.paragraph_block td.pad {
  105.                 padding: 5px 30px !important;
  106.             }
  108.             .row-2 .column-1 .block-2.heading_block td.pad {
  109.                 padding: 10px 60px 30px !important;
  110.             }
  112.             .row-2 .column-1 .block-2.heading_block h1 {
  113.                 font-size: 33px !important;
  114.             }
  115.         }
  116.     </style>
  117. </head>
  118. <body style="margin: 0; background-color: #757784; padding: 0; -webkit-text-size-adjust: none; text-size-adjust: none;">
  119. <table border="0" cellpadding="0" cellspacing="0" class="nl-container" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #757784;" width="100%">
  120.     <tbody>
  121.     <tr>
  122.         <td>
  123.             <table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-1" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
  124.                 <tbody>
  125.                 <tr>
  126.                     <td>
  127.                         <table align="center" border="0" cellpadding="0" cellspacing="0" class="row-content" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #757784; color: #000000; width: 680px;" width="680">
  128.                             <tbody>
  129.                             <tr>
  130.                                 <td class="column column-1" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 20px; padding-bottom: 10px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;" width="100%">
  131.                                     <table border="0" cellpadding="30" cellspacing="0" class="heading_block block-1" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
  132.                                         <tr>
  133.                                             <td class="pad">
  134.                                                 <h1 style="margin: 0; color: #ffffff; font-size: 23px; font-family: Poppins, Arial, Helvetica, sans-serif; line-height: 120%; text-align: center; direction: ltr; font-weight: 700; letter-spacing: normal; margin-top: 0; margin-bottom: 0;"><span class="tinyMce-placeholder">{{ entrepriseName }}</span></h1>
  135.                                             </td>
  136.                                         </tr>
  137.                                     </table>
  138.                                 </td>
  139.                             </tr>
  140.                             </tbody>
  141.                         </table>
  142.                     </td>
  143.                 </tr>
  144.                 </tbody>
  145.             </table>
  146.             <table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-2" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-size: auto;" width="100%">
  147.                 <tbody>
  148.                 <tr>
  149.                     <td>
  150.                         <table align="center" border="0" cellpadding="0" cellspacing="0" class="row-content stack" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-size: auto; background-color: #ffffff; color: #000000; border-bottom: 0 solid #FFFFFF; border-left: 0 solid #FFFFFF; border-radius: 30px 30px 0 0; border-right: 0px solid #FFFFFF; border-top: 0 solid #FFFFFF; width: 680px;" width="680">
  151.                             <tbody>
  152.                             <tr>
  153.                                 <td class="column column-1" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;" width="100%">
  154.                                     <table border="0" cellpadding="0" cellspacing="0" class="heading_block block-2" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
  155.                                         <tr>
  156.                                             <td class="pad" style="padding-bottom:30px;padding-left:60px;padding-right:60px;padding-top:70px;text-align:center;width:100%;">
  157.                                                 <h1 style="margin: 0; color: #020b22; direction: ltr; font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 40px; font-weight: 700; letter-spacing: normal; line-height: 150%; text-align: center; margin-top: 0; margin-bottom: 0;"><span class="tinyMce-placeholder">Nouveau message de la part de {{ name }} : </span></h1>
  158.                                             </td>
  159.                                         </tr>
  160.                                     </table>
  161.                                 </td>
  162.                             </tr>
  163.                             </tbody>
  164.                         </table>
  165.                     </td>
  166.                 </tr>
  167.                 </tbody>
  168.             </table>
  169.             <table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-3" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
  170.                 <tbody>
  171.                 <tr>
  172.                     <td>
  173.                         <table align="center" border="0" cellpadding="0" cellspacing="0" class="row-content stack" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #ffffff; color: #000000; width: 680px;" width="680">
  174.                             <tbody>
  175.                             <tr>
  176.                                 <td class="column column-1" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 60px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;" width="100%">
  177.                                     <table border="0" cellpadding="0" cellspacing="0" class="paragraph_block block-1" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;" width="100%">
  178.                                         <tr>
  179.                                             <td class="pad" style="padding-bottom:5px;padding-left:60px;padding-right:60px;padding-top:5px;">
  180.                                                 <div style="color:#878787;direction:ltr;font-family:Poppins, Arial, Helvetica, sans-serif;font-size:16px;font-weight:400;letter-spacing:0px;line-height:120%;text-align:center;mso-line-height-alt:19.2px;">
  181.                                                     <p style="margin: 0;">{{ message }}</p>
  182.                                                 </div>
  183.                                             </td>
  184.                                         </tr>
  185.                                     </table>
  186.                                 </td>
  187.                             </tr>
  188.                             </tbody>
  189.                         </table>
  190.                     </td>
  191.                 </tr>
  192.                 </tbody>
  193.             </table>
  194.             <table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-4" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
  195.                 <tbody>
  196.                 <tr>
  197.                     <td>
  198.                         <table align="center" border="0" cellpadding="0" cellspacing="0" class="row-content stack" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f2f5ff; border-radius: 0 0 30px 30px; color: #000000; width: 680px;" width="680">
  199.                             <tbody>
  200.                             <tr>
  201.                                 <td class="column column-1" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 15px; padding-bottom: 15px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;" width="100%">
  202.                                     <table border="0" cellpadding="0" cellspacing="0" class="heading_block block-1" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
  203.                                         <tr>
  204.                                             <td class="pad" style="padding-bottom:20px;padding-top:20px;text-align:center;width:100%;">
  205.                                                 <h2 style="margin: 0; color: #4a4f81; direction: ltr; font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; letter-spacing: normal; line-height: 180%; text-align: center; margin-top: 0; margin-bottom: 0;"><span class="tinyMce-placeholder"> Vous pouvez le recontacter sur son email <br/><a href="mailto:{{ email }}" rel="noopener" style="text-decoration: underline; color: #1a30eb;" target="_blank" title="{{ email }}">{{ email }}</a><br/>Ou son numéro de téléphone<br/><a href="tel:{{ phone }}" rel="noopener" style="text-decoration: underline; color: #1a30eb;" target="_blank" title="tel:{{ phone }}">{{ phone }}</a><br/></span></h2>
  206.                                             </td>
  207.                                         </tr>
  208.                                     </table>
  209.                                 </td>
  210.                             </tr>
  211.                             </tbody>
  212.                         </table>
  213.                     </td>
  214.                 </tr>
  215.                 </tbody>
  216.             </table>
  217.         </td>
  218.     </tr>
  219.     </tbody>
  220. </table><!-- End -->
  221. </body>
  222. </html>