templates/email_base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  3. <head>
  4.   <meta charset="utf-8">
  5.   <meta name="x-apple-disable-message-reformatting">
  6.   <meta http-equiv="x-ua-compatible" content="ie=edge">
  7.   <meta name="viewport" content="width=device-width, initial-scale=1">
  8.   <meta name="format-detection" content="telephone=no, date=no, address=no, email=no">
  9.     <title>{% block title %}RYVUP{% endblock %}</title>
  10.     <link href="https://fonts.googleapis.com/css?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700" rel="stylesheet" media="screen">
  11.     <style>
  12.         .hover-underline:hover {
  13.             text-decoration: underline !important;
  14.         }
  15.         @media (max-width: 600px) {
  16.             .sm-w-full {
  17.                 width: 100% !important;
  18.             }
  19.             .sm-px-24 {
  20.                 padding-left: 24px !important;
  21.                 padding-right: 24px !important;
  22.             }
  23.             .sm-py-32 {
  24.                 padding-top: 32px !important;
  25.                 padding-bottom: 20px !important;
  26.             }
  27.             .sm-leading-32 {
  28.                 line-height: 32px !important;
  29.             }
  30.         }
  31.     </style>
  32. </head>
  33. <body style="margin: 0; width: 100%; padding: 0; word-break: break-word; -webkit-font-smoothing: antialiased; background-color: #eceff1;">
  34.     <div style="font-family: 'Montserrat', sans-serif; mso-line-height-rule: exactly; display: none;">Veuillez confirmer votre compte, s'il vous plaît.</div>
  35.         <div role="article" aria-roledescription="email" aria-label="Verify Email Address" lang="en" style="font-family: 'Montserrat', sans-serif; mso-line-height-rule: exactly;">
  36.             <table style="width: 100%; font-family: Montserrat, -apple-system, 'Segoe UI', sans-serif;" cellpadding="0" cellspacing="0" role="presentation">
  37.                 <tr>
  38.                     <td align="center" style="mso-line-height-rule: exactly; background-color: #eceff1; font-family: Montserrat, -apple-system, 'Segoe UI', sans-serif;">
  39.                     <table class="sm-w-full" style="width: 600px;" cellpadding="0" cellspacing="0" role="presentation">
  40.                         <tr>
  41.                             <td class="sm-py-32 sm-px-24" style="mso-line-height-rule: exactly; padding: 28px 48px; text-align: center; font-family: Montserrat, -apple-system, 'Segoe UI', sans-serif;">
  42.                                 <a class="center" href="{{ absolute_url('/') }}" style="text-decoration:none;display: block; margin: 0 auto;">
  43.                                     <img src="https://resoh.fr/app-assets/images/logo/logo-ryvup-bleu-orange.png" alt="RYVUP" style="max-width: 100%; max-height: 48px; height: 100%; vertical-align: middle; line-height: 100%; border: 0; margin-top: -1.6rem !important;">
  44.                                 </a>
  45.                             </td>
  46.                         </tr>
  47.                         <tr>
  48.                             <td align="center" class="sm-px-24" style="font-family: 'Montserrat', sans-serif; mso-line-height-rule: exactly;">
  49.                             <table style="width: 100%;" cellpadding="0" cellspacing="0" role="presentation">
  50.                                 {% block body %}{% endblock %}
  52.                                 <tr>
  53.                                     <td style="font-family: 'Montserrat', sans-serif; mso-line-height-rule: exactly; height: 20px;"></td>
  54.                                 </tr>
  55.                                 <tr>
  56.                                     <td style="mso-line-height-rule: exactly; text-align: center; font-family: Montserrat, -apple-system, 'Segoe UI', sans-serif; font-size: 14px; color: #eceff1;">
  57.                                         <p align="center" style="font-family: 'Montserrat', sans-serif; mso-line-height-rule: exactly; margin-bottom: 16px; cursor: default;">
  58.                                             <a href="#" style="font-family: 'Montserrat', sans-serif; mso-line-height-rule: exactly; color: #263238; text-decoration: none;"><img src="{{ absolute_url('/') ~ 'app-assets/images/facebook.png' }}" width="17" alt="Facebook" style="max-width: 100%; vertical-align: middle; line-height: 100%; border: 0; margin-right: 12px;"></a>
  59.                                             &bull;
  60.                                             <a href="#" style="font-family: 'Montserrat', sans-serif; mso-line-height-rule: exactly; color: #263238; text-decoration: none;"><img src="{{ absolute_url('/') ~ 'app-assets/images/twitter.png' }}" width="17" alt="Twitter" style="max-width: 100%; vertical-align: middle; line-height: 100%; border: 0; margin-right: 12px;"></a>
  61.                                             &bull;
  62.                                             <a href="#" style="font-family: 'Montserrat', sans-serif; mso-line-height-rule: exactly; color: #263238; text-decoration: none;"><img src="{{ absolute_url('/') ~ 'app-assets/images/instagram.png' }}" width="17" alt="Instagram" style="max-width: 100%; vertical-align: middle; line-height: 100%; border: 0; margin-right: 12px;"></a>
  63.                                             <a href="#" style="font-family: 'Montserrat', sans-serif; mso-line-height-rule: exactly; color: #263238; text-decoration: none;"><img src="{{ absolute_url('/') ~ 'app-assets/images/linkedin.png' }}" width="16" alt="Instagram" style="max-width: 100%; vertical-align: middle; line-height: 100%; border: 0; margin-right: 12px;"></a>
  64.                                         </p>
  65.                                         <p style="font-family: 'Montserrat', sans-serif; mso-line-height-rule: exactly; color: #263238;">
  66.                                             L'utilisation de notre service et de notre site web est soumise à nos
  67.                                             <a href="https://resoh.fr/terms-and-conditions" class="hover-underline" style="font-family: 'Montserrat', sans-serif; mso-line-height-rule: exactly; color: #7367f0; text-decoration: none;">Conditions d'utilisation</a> et à notre
  68.                                             <a href="https://resoh.fr/privacy-policy" class="hover-underline" style="font-family: 'Montserrat', sans-serif; mso-line-height-rule: exactly; color: #7367f0; text-decoration: none;">Politique de confidentialité</a>.
  69.                                         </p>
  70.                                     </td>
  71.                                 </tr>
  72.                                 <tr>
  73.                                     <td style="font-family: 'Montserrat', sans-serif; mso-line-height-rule: exactly; height: 16px;"></td>
  74.                                 </tr>
  75.                             </table>
  76.                         </td>
  77.                     </tr>
  78.                 </table>
  79.             </td>
  80.         </tr>
  81.     </table>
  82.   </div>
  83. </body>
  84. </html>