2
0

cms.qrcode-event.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>CSE Invent : Emargement :. {{TITRE}}</title>
  6. <link rel="stylesheet" href="libs/bootstrap/assets/dist/css/bootstrap.min.css">
  7. <link rel="stylesheet" type="texte/css" href="css/print.css">
  8. <style>
  9. .container{
  10. max-width: 19cm;
  11. }
  12. .logo {
  13. width: 8cm;
  14. }
  15. .periode {
  16. color: dimgrey;
  17. }
  18. .qrcode {
  19. text-align: center;
  20. }
  21. .explication {
  22. text-align: left;
  23. }
  24. </style>
  25. </head>
  26. <body onLoad="window.print()">
  27. <page size="A4">
  28. <div class="container">
  29. <div class="row justify-content-md-center">
  30. <div class="col-md-auto text-center">
  31. <img class="logo" src="/img/logo.png">
  32. </div>
  33. </div>
  34. </div>
  35. <div class="container">
  36. <div class="card text-center">
  37. <div class="card-header">
  38. EMARGEMENT A L'EVENEMENT
  39. </div>
  40. <div class="card-body">
  41. {{ALERTE}}
  42. <h1 class="card-title titre">{{TITRE}}</h5>
  43. <p class="card-text periode">{{PERIODE}}</p>
  44. <div class="qrcode">{{QRCODE}}</div>
  45. <p class="card-text note">{{NOTE}}</p>
  46. </div>
  47. <div class="card-footer text-body-secondary">
  48. <p class="explication">{{EXPLICATION}}</p>
  49. </div>
  50. </div>
  51. </div>
  52. </page>
  53. </body>
  54. </html>