templates/default/mention.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}HackLock - Cyber Escape Game
  4. {% endblock %}
  6. {% block body %}
  7.     <style>
  8.         .centered-container {
  9.             max-width: 800px; /* Adjust the max-width to the desired width */
  10.             margin: 0 auto;   /* This centers the container */
  11.             padding: 40px 15px;  /* Optional: Add some padding for better appearance */
  12.         }
  13.         main {
  14.             /* min-height: 65vh; */
  15.             padding-top: 6rem;
  16.         }
  17.         .page-title{
  18.             background-color:#B0DB82;
  19.             padding: 30px;
  20.         }
  21.     </style>
  22.     <!-- Pageloader -->
  23.     <!-- Main Header -->
  24.     <main>
  25.         <section class="page-title" data-aos="zoom-out">
  26.             <div class="container">
  27.                 <h1 class="mb-0">Mentions
  28.                     <span class="txt-gradient">Légales</span>
  29.                 </h1>
  30.             </div>
  31.         </section>
  33.         <section class="about-us-section-five">
  34.             <div class="auto-container centered-container">
  35.                 <div class="row align-items-center">
  36.                     <div class="col-sm-12">
  37.                         <h3>
  38.                             <em>
  39.                                 <strong>MODIXOM</strong>
  40.                             </em>
  41.                         </h3>
  42.                         <br>
  43.                         <p>Directeur : M. GAYET
  44.                             <br>
  45.                             Tél : +33 (0)6 43 38 65 29
  46.                             <br>
  47.                             Email : contact@modixom.fr
  48.                         </p>
  49.                         <br>
  50.                         <h3>
  51.                             <em>
  52.                                 <strong>Directeur de Publication :</strong>
  53.                             </em>
  54.                         </h3>
  55.                         <br>
  56.                         <p>M. GAYET</p>
  57.                         <br>
  58.                         <h3>
  59.                             <em>
  60.                                 <strong>Hébergement&nbsp;:</strong>
  61.                             </em>
  62.                         </h3>
  63.                         <br>
  64.                         <p>OVH SAS
  65.                             <br>
  66.                             2 rue Kellermann - 59100 Roubaix - France
  67.                             <br>
  68.                             <a href="https://www.ovh.com/fr/" target="_blank" rel="noopener noreferrer">https://www.ovh.com/fr/</a>
  69.                         </p>
  70.                         <br>
  71.                         <h3>
  72.                             <em>
  73.                                 <strong>CNIL&nbsp;:</strong>
  74.                             </em>
  75.                         </h3>
  76.                         <br>
  77.                         <p>Loi N° 78-17 du 6 Janvier 1978 relative à l’informatique, aux fichiers et aux libertés.
  78.                             <br>
  79.                             En regard de la loi 78-17 du 6 Janvier 1978, vous disposez d’un droit d’accès et de rectification aux données personnelles vous concernant. Vous pouvez vous opposer
  80.                             <br>
  81.                             à ce que vos noms et adresses soient mis à disposition d’autres sociétés.
  82.                             <br>
  83.                             Pour cela il suffit de nous en faire la demande en nous adressant un mail à l'adresse «contact@modixom.fr»<!-- ou à l’adresse suivante :
  84.                             <br>
  85.                             7 RUE EDOUARD BELIN 57070 METZ-->
  86.                         </p>
  87.                     </div>
  88.                 </div>
  89.             </div>
  90.         </section>
  91.     </main>
  92. {% endblock %}