templates/home/terms.html.twig line 1

Open in your IDE?
  1. {% extends 'base_home.html.twig' %}
  3. {% block title %}Conditions d'utilisation | MaketOu{% endblock %}
  5. {% block stylesheets %}
  6.     <style>
  7.         /* Styles spécifiques à la page terms - isolés pour ne pas affecter le navbar */
  8.         .terms-page {
  9.             /* Wrapper pour isoler les styles de cette page */
  10.         }
  11.         
  12.         .terms-page .section_gap {
  13.             padding: 80px 0;
  14.         }
  15.         
  16.         .terms-page h2 {
  17.             color: #333;
  18.             font-weight: 600;
  19.             margin-bottom: 30px;
  20.         }
  21.         
  22.         .terms-page h4 {
  23.             color: #ffa200;
  24.             font-weight: 600;
  25.             margin-top: 30px;
  26.             margin-bottom: 15px;
  27.         }
  28.         
  29.         .terms-page p {
  30.             color: #666;
  31.             line-height: 1.8;
  32.             margin-bottom: 15px;
  33.         }
  34.         
  35.         .terms-page ul {
  36.             padding-left: 20px;
  37.             margin-bottom: 15px;
  38.         }
  39.         
  40.         .terms-page ul li {
  41.             color: #666;
  42.             line-height: 1.8;
  43.             margin-bottom: 8px;
  44.         }
  45.         
  46.         .terms-page a {
  47.             color: #ffa200;
  48.             text-decoration: none;
  49.             transition: color 0.3s ease;
  50.         }
  51.         
  52.         .terms-page a:hover {
  53.             color: #e8910a;
  54.             text-decoration: underline;
  55.         }
  56.         
  57.         /* Responsive */
  58.         @media(max-width: 768px) {
  59.             .terms-page .section_gap {
  60.                 padding: 40px 0;
  61.             }
  62.             
  63.             .terms-page h2 {
  64.                 font-size: 1.75rem;
  65.             }
  66.             
  67.             .terms-page h4 {
  68.                 font-size: 1.25rem;
  69.             }
  70.         }
  71.     </style>
  72. {% endblock %}
  74. {% block body %}
  75.     <div class="terms-page">
  76.     <!-- Start Banner Area -->
  77.     <section class="banner-area organic-breadcrumb">
  78.         <div class="container">
  79.             <div class="breadcrumb-banner d-flex flex-wrap align-items-center justify-content-end">
  80.                 <div class="col-first">
  81.                     <h1>Conditions d'utilisation</h1>
  82.                     <nav class="d-flex align-items-center">
  83.                         <a href="{{ path('ui_home') }}">Accueil<span class="lnr lnr-arrow-right"></span></a>
  84.                         <a href="javascript:void(0)">Conditions d'utilisation</a>
  85.                     </nav>
  86.                 </div>
  87.             </div>
  88.         </div>
  89.     </section>
  90.     <!-- End Banner Area -->
  92.     <section class="section_gap">
  93.         <div class="container">
  94.             <div class="row">
  95.                 <div class="col-lg-12">
  96.                     <h2 class="mb-4">Conditions d'utilisation</h2>
  97.                     <p class="text-muted">Dernière mise à jour : {{ "now"|date("d/m/Y") }}</p>
  98.                     
  99.                     <div class="mt-4">
  100.                         <h4>1. Acceptation des conditions</h4>
  101.                         <p>En accédant et en utilisant MaketOu, vous acceptez d'être lié par ces conditions d'utilisation. Si vous n'acceptez pas ces conditions, veuillez ne pas utiliser notre plateforme.</p>
  102.                     </div>
  104.                     <div class="mt-4">
  105.                         <h4>2. Utilisation de la plateforme</h4>
  106.                         <p>Vous vous engagez à utiliser MaketOu de manière légale et conforme à ces conditions. Il est interdit d'utiliser la plateforme pour :</p>
  107.                         <ul>
  108.                             <li>Des activités illégales ou frauduleuses</li>
  109.                             <li>Vendre des produits contrefaits ou interdits</li>
  110.                             <li>Harceler ou nuire à d'autres utilisateurs</li>
  111.                             <li>Violer les droits de propriété intellectuelle</li>
  112.                         </ul>
  113.                     </div>
  115.                     <div class="mt-4">
  116.                         <h4>3. Compte utilisateur</h4>
  117.                         <p>Vous êtes responsable de maintenir la confidentialité de votre compte et de votre mot de passe. Vous acceptez de nous notifier immédiatement de toute utilisation non autorisée de votre compte.</p>
  118.                     </div>
  120.                     <div class="mt-4">
  121.                         <h4>4. Produits et services</h4>
  122.                         <p>Les produits et services proposés sur MaketOu sont fournis par des vendeurs tiers. MaketOu n'est pas responsable de la qualité, de la sécurité ou de la légalité de ces produits.</p>
  123.                     </div>
  125.                     <div class="mt-4">
  126.                         <h4>5. Limitation de responsabilité</h4>
  127.                         <p>MaketOu ne sera pas responsable des dommages directs, indirects, accessoires ou consécutifs résultant de l'utilisation ou de l'impossibilité d'utiliser notre plateforme.</p>
  128.                     </div>
  130.                     <div class="mt-4">
  131.                         <h4>6. Modifications</h4>
  132.                         <p>Nous nous réservons le droit de modifier ces conditions à tout moment. Les modifications entreront en vigueur dès leur publication sur cette page.</p>
  133.                     </div>
  135.                     <div class="mt-4">
  136.                         <h4>7. Contact</h4>
  137.                         <p>Pour toute question concernant ces conditions d'utilisation, veuillez nous contacter à <a href="{{ path('ui_contact') }}">contact@maketou.com</a></p>
  138.                     </div>
  139.                 </div>
  140.             </div>
  141.         </div>
  142.     </section>
  143. {% endblock %}