templates/emails/Activatiocompte.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html
  2.     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7.     <meta charset="utf-8"> <!-- utf-8 works for most cases -->
  8.     <meta charset="UTF-8">
  9.     <meta http-equiv="x-ua-compatible" content="ie=edge">
  10.     <meta name="viewport" content="width=device-width, initial-scale=1">
  11.     <title>5 sur 5</title>
  12.     <style type="text/css">
  13.         span.paracrea {
  14.             font-weight: bold;
  15.         }
  17.         a.white-btn {
  18.             display: inline-block !important;
  19.             background: transparent !important;
  20.             padding: 0px 18px !important;
  21.             font-size: 12px !important;
  22.             margin-left: 36% !important;
  23.             font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
  24.             font-weight: bold !important;
  25.             color: #41a2aa !important;
  26.             text-decoration: none !important;
  27.             text-align: center !important;
  28.             letter-spacing: 10px;
  29.         }
  31.         a.white-btn:hover {
  32.             color: #f09e7a;
  33.             text-decoration: none;
  34.         }
  35.         .blue-btn {
  36.             display: inline-block !important;
  37.             margin-bottom: 34px !important;
  38.             border: 3px solid #f09e7a !important;
  39.             padding: 3px 3px !important;
  40.             font-size: 12px !important;
  41.             font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  42.             font-weight: bold !important;
  43.             color: #fff !important;
  44.             text-decoration: none !important;
  45.             text-align: center !important;
  46.             background-color: #f09e7a !important;
  47.             border-radius: 25px !important;
  48.         }
  50.         .blue-btn:hover {
  51.             background-color: #41A2AA !important;
  52.             border-color: #41A2AA !important;
  53.         }
  55.         h2.special {
  56.             margin: 0;
  57.             font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  58.             color: #000;
  59.             padding: 15px 70px 0px 70px;
  60.             font-size: 13px;
  61.         }
  63.         p.special {
  64.             color: #fff;
  65.             font-size: 12px;
  66.             color: #000;
  67.             font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  68.             padding: 0px 70px 10px 70px;
  69.         }
  71.         p.special2 {
  73.             font-size: 10px;
  74.             color: #555151;
  75.             font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  77.             padding: 0px 70px 10px 70px;
  78.         }
  80.         #social-icons {
  81.             width: 100%;
  82.         }
  84.         .buttonwrapper {
  85.             margin-left: 49%;
  86.             width: 100%
  87.         }
  89.         body {
  90.             margin: 0;
  91.             padding: 0;
  92.             min-width: 100% !important;
  93.         }
  95.         .content {
  96.             width: 100%;
  97.             max-width: 600px;
  98.         }
  100.         .header {
  101.             padding: 40px 30px 20px 30px;
  102.         }
  104.         .header1 {
  105.             padding: 40px 30px 20px 30px;
  106.         }
  108.         .col425 {
  109.             width: 425px !important;
  110.         }
  112.         .subhead {
  113.             font-size: 15px;
  114.             color: #41A2AA;
  115.             font-family: sans-serif;
  116.             letter-spacing: 10px;
  117.         }
  119.         .h1 {
  120.             font-size: 33px;
  121.             line-height: 38px;
  122.             font-weight: bold;
  123.         }
  125.         .h1,
  126.         .h2,
  127.         .bodycopy {
  128.             color: #153643;
  129.             font-family: sans-serif;
  130.         }
  132.         .innerpadding {
  133.             padding: 30px 30px 30px 30px;
  134.         }
  136.         .borderbottom {
  137.             border-bottom: 1px solid #F2EEED;
  138.         }
  140.         .h2 {
  141.             padding: 0 0 15px 0;
  142.             font-size: 24px;
  143.             line-height: 28px;
  144.             font-weight: bold;
  145.         }
  147.         .bodycopy {
  148.             font-size: 16px;
  149.             line-height: 22px;
  150.         }
  152.         .button {
  153.             text-align: center;
  154.             font-size: 18px;
  155.             font-family: sans-serif;
  156.             font-weight: bold;
  157.             padding: 0 30px 0 30px;
  158.         }
  160.         .button a {
  161.             color: #FFFFFF;
  162.             text-decoration: none;
  163.         }
  165.         img {
  166.             height: auto;
  167.         }
  169.         .footer {
  170.             padding: 20px 30px 15px 30px;
  171.         }
  173.         .footercopy {
  174.             font-family: sans-serif;
  175.             font-size: 14px;
  176.             color: #153643;
  177.         }
  179.         .footercopy a {
  180.             color: #FFFFFF;
  181.             text-decoration: underline;
  182.         }
  184.         body[yahoo] .unsubscribe {
  185.             display: block;
  186.             margin-top: 20px;
  187.             padding: 10px 50px;
  188.             background: #2F3942;
  189.             border-radius: 5px;
  190.             text-decoration: none !important;
  191.             font-weight: bold;
  192.         }
  194.         body[yahoo] .hide {
  195.             display: none !important;
  196.         }
  197.     </style>
  198.     <style type="text/css">
  199.         @media only screen and (min-device-width: 601px) {
  200.             .header1 {
  201.                 padding: 1px 30px 20px 0px;
  202.             }
  204.             .content {
  205.                 width: 600px !important;
  206.             }
  208.             .col425 {
  209.                 width: 425px !important;
  210.             }
  212.             .col380 {
  213.                 width: 380px !important;
  214.             }
  215.         }
  217.         @media only screen and (max-width: 550px),
  218.         screen and (max-device-width: 550px) {
  219.             body[yahoo] .buttonwrapper {
  220.                 background-color: transparent !important;
  221.                 margin-left: 33%;
  222.                 width: 100%
  223.             }
  225.             body[yahoo] .button a {
  226.                 background-color: #E05443;
  227.                 padding: 15px 15px 13px !important;
  228.                 display: block !important;
  229.             }
  230.         }
  231.     </style>
  232.     <style type="text/css">
  233.         table {
  234.             border-collapse: separate;
  235.         }
  237.         a {
  238.             text-decoration: none;
  239.             color: #00788A;
  240.         }
  242.         a:hover {
  243.             text-decoration: underline;
  244.         }
  246.         h2,
  247.         h2 a,
  248.         h3,
  249.         h3 a,
  250.         h4,
  251.         h5,
  252.         h6,
  253.         .t_cht {
  254.             color: #000 !important;
  255.         }
  257.         .ExternalClass p,
  258.         .ExternalClass span,
  259.         .ExternalClass font,
  260.         .ExternalClass td {
  261.             line-height: 100%;
  262.         }
  264.         .ExternalClass {
  265.             width: 100%;
  266.         }
  267.     </style>
  268. </head>
  270. <body yahoo bgcolor="#fff">
  271.     <table width="100%" bgcolor="#fff" border="0" cellpadding="0" cellspacing="0">
  272.         <tr>
  273.             <td>
  274.                 <!--[if (gte mso 9)|(IE)]>
  275. <table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
  276.     <tr>
  277.         <td>
  278.             <![endif]-->
  279.                 <table class="content" align="center" cellpadding="0" cellspacing="0" border="0">
  280.                     <tr>
  281.                         <td class="header" bgcolor="#41A2AA">
  282.                             <!--[if (gte mso 9)|(IE)]>
  283. <table width="425" align="left" cellpadding="0" cellspacing="0" border="0">
  284.     <tr>
  285.         <td>
  286.         <![endif]-->
  287.                             <table align="center" border="0" cellpadding="0" cellspacing="0"
  288.                                 style="width: 100%; max-width: 600px;">
  289.                                 <tr>
  290.                                     <td height="70">
  291.                                         <table width="100%" border="0" cellspacing="0" cellpadding="0">
  292.                                             <tr>
  293.                                                 <td align="center" style="padding: 10px 0 0 1px;">
  294.                                                     <img src="{{image1}}" border="0" alt="" />
  295.                                                 </td>
  296.                                             </tr>
  297.                                         </table>
  298.                                     </td>
  299.                                 </tr>
  300.                             </table>
  301.                             <!--[if (gte mso 9)|(IE)]>
  302.         </td>
  303.     </tr>
  304. </table>
  305. <![endif]-->
  306.                         </td>
  307.                     </tr>
  308.                     <tr>
  309.                         <td class="header1" bgcolor="#EDEDED">
  310.                             <table width="70" align="left" border="0" cellpadding="0" cellspacing="0">
  311.                                 <tr>
  312.                                     <td height="70" style="padding: 0 0px 20px 20px;">
  314.                                     </td>
  315.                                 </tr>
  316.                             </table>
  317.                             <!--[if (gte mso 9)|(IE)]>
  318. <table width="425" align="left" cellpadding="0" cellspacing="0" border="0">
  319.     <tr>
  320.         <td>
  321.         <![endif]-->
  322.                             <table class="col425" align="left" border="0" cellpadding="0" cellspacing="0"
  323.                                 style="width: 100%; max-width: 425px;">
  324.                                 <tr>
  325.                                     <td height="70" class="biev" style="padding: 3px 6px 11px 30px;">
  326.                                         <table width="100%" border="0" cellspacing="0" cellpadding="0">
  327.                                             <tr>
  328.                                                 <td style="padding: 5px 0 0 13px;">
  329.                                                     <h1
  330.                                                         style="margin:0; mso-line-height-rule:exactly;text-align: center;font-size:20px;color:black">
  331.                                                         Bienvenue sur 5sur5séjour</h1>
  332.                                                     <br>
  333.                                                     <p
  334.                                                         style="margin:0; mso-line-height-rule:exactly;text-align: center;font-size:16px;color: #41a2aa !important;letter-spacing: 10px;text-decoration: none !important;">
  335.                                                         <a style="font-size:16px;color: #41a2aa !important;letter-spacing: 10px;text-decoration: none !important;"
  336.                                                             href="https://5sur5sejour.com/">CONTACT</a></p><br>
  337.                                                 </td>
  338.                                             </tr>
  340.                                         </table>
  341.                                     </td>
  342.                                 </tr>
  343.                             </table>
  344.                             <!--[if (gte mso 9)|(IE)]>
  345.         </td>
  346.     </tr>
  347. </table>
  348. <![endif]-->
  349.                         </td>
  350.                     </tr>
  351.                     <tr>
  352.                         <td class="innerpadding borderbottom" bgcolor="#fff" style="padding-top: 7%;">
  353.                             <table class="col425" bgcolor="#fff" width="100%" border="0" cellspacing="0" cellpadding="0"
  354.                                 style="width: 488px!important;padding-left: 4%!important;font-size: 16px;">
  355.                                 <tr>
  356.                                     <td class="bodycopy">
  357.                                         <p style="margin:0; color:black;" class="special">Merci d'activer Votre Compte.
  358.                                         </p>
  359.                                         <p style="margin:0; color:black;" class="special">Veuillez suivre ce lien afin
  360.                                             d'activer Votre compte<br><a
  361.                                                 href="{{ absolute_url(path('appActiveAcompt',{'id':accompagnateur.id}))}}"
  362.                                                 align="center" > <span style="color: #00788a !important;">Activer mon compte</span> </a></p>
  363.                                     </td>
  364.                                 </tr>
  365.                             </table>
  366.                         </td>
  367.                     </tr>
  369.                     <tr>
  370.                         <td class="innerpaddingv borderbottom">
  371.                             <img src="{{image2}}" width="100%" border="0" alt="" />
  372.                         </td>
  373.                     </tr>
  374.                     <tr>
  375.                         <td class="footer" bgcolor="#EDEDED">
  376.                             <table width="100%" border="0" cellspacing="0" cellpadding="0">
  377.                                 <tr>
  378.                                     <td align="center" valign="top" id="socials">
  379.                                         <table id="social-icons" border="0" cellspacing="0" cellpadding="0">
  380.                                             <tr>
  382.                                                 <td align="center">
  383.                                                     <a href="https://5sur5sejour.com/"><img src="{{iconfooter}}" width="32" height="32"
  384.                                                             style="display:block;" alt="" /></a>
  385.                                                 </td>
  387.                                             </tr>
  388.                                         </table>
  389.                                     </td>
  390.                                 </tr>
  392.                                 <tr>
  393.                                     <td style="text-align: center;">
  394.                                         <p style="margin:0;" id="footer-txt"> <b> 5 sur 5 séjour - 312 rue Louis Courtois de Viçose, Bâtiment 3</b>
  395.                                             <br />
  396.                                             69140 LYON France - T. <a  href="tel:+33 5 36 28 29 30" style="color:#41A2AA !important;">05 36 28 29 30</a> - <a href = "mailto: contact@5sur5sejour.com" style="color:#41A2AA !important;">contact@5sur5sejour.com</a>
  397.                                         </p>
  398.                                     </td>
  400.                                 </tr>
  401.                                 <tr>
  402.                                     <td style="text-align: center;">
  403.                                         <p style="margin:0;" class="footer-txt">
  405.                                             Veuillez ajouter <a href = "mailto: contact@5sur5sejour.com" style="color:#41A2AA !important;">contact@5sur5sejour.com</a> à votre liste d’expéditeurs
  406.                                             autorisé pour assurer la réception de ces emails.
  407.                                         </p>
  408.                                     </td>
  410.                                 </tr>
  411.                             </table>
  412.                         </td>
  413.                     </tr>
  414.                 </table>
  415.                 <!--[if (gte mso 9)|(IE)]>
  416.         </td>
  417.     </tr>
  418. </table>
  419. <![endif]-->
  420.             </td>
  421.         </tr>
  422.     </table>
  423. </body>
  425. </html>