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>