cms.documents.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>{{subject}}</title>
  6. <style>
  7. body {
  8. font-family: Arial, sans-serif;
  9. margin: 0;
  10. padding: 0;
  11. background-color: #f4f4f4;
  12. }
  13. .container {
  14. width: 100%;
  15. max-width: 900px;
  16. margin: 0 auto;
  17. background-color: #ffffff;
  18. padding: 20px;
  19. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  20. }
  21. .header {
  22. display: flex;
  23. justify-content: space-between;
  24. align-items: center;
  25. }
  26. .header .left {
  27. text-align: left;
  28. }
  29. .header .left p {
  30. margin: 0;
  31. font-size: 14px;
  32. color: #666666;
  33. }
  34. .header .right img {
  35. max-height: 120px;
  36. }
  37. h1 {
  38. color: #0a71af;
  39. font-size: 18px;
  40. }
  41. p {
  42. color: #363636;
  43. font-size: 14px;
  44. }
  45. .footer {
  46. border-top: #ddd solid 1px;
  47. margin-top: 25px;
  48. font-size: 11px;
  49. text-align: center;
  50. text-decoration: none;
  51. }
  52. .footer p {
  53. color: #999999;
  54. }
  55. .footer a {
  56. color: #0a71af;
  57. text-decoration: none;
  58. }
  59. .footer a:hover {
  60. color: #999999;
  61. text-decoration: none;
  62. }
  63. table {
  64. width: 100%;
  65. border-collapse: collapse;
  66. }
  67. th, td {
  68. border: 1px solid #ddd;
  69. padding: 8px;
  70. text-align: left;
  71. font-size: 12px;
  72. color: #363636;
  73. }
  74. th {
  75. background-color: #f2f2f2;
  76. }
  77. </style>
  78. </head>
  79. <body>
  80. <div class="container">
  81. <div class="header">
  82. <div class="left">
  83. <h1>{{subject}}</h1>
  84. <p>Le {{date}}</p>
  85. </div>
  86. <div class="right">
  87. <img src="{{logo_url}}" alt="Logo">
  88. </div>
  89. </div>
  90. <p>Bonjour {{name}},</p>
  91. <p>{{message}}</p>
  92. <table>
  93. <thead>
  94. <tr>
  95. <th>Date</th>
  96. <th>Titre</th>
  97. <th>Type</th>
  98. <th>Echéance</th>
  99. <th>Attribution</th>
  100. <th>Montant</th>
  101. </tr>
  102. </thead>
  103. <tbody>
  104. {{table}}
  105. </tbody>
  106. </table>
  107. <p>Merci,</p>
  108. <p>L'équipe du CSE Invent</p>
  109. <div class="footer">
  110. <p>Cet email vous a été envoyé depuis le CMS d'Invent France.</p>
  111. <p><a href="{{cms_url}}">{{cms_url}}</a></p>
  112. </div>
  113. </div>
  114. </body>
  115. </html>