templates/fr/patient-remaining-independent-freedom.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Maintenez votre autonomie avec CoaguChek | CoaguChek{% endblock %}
  4. {% block description %}Voyez comment l’autosurveillance vous donne la liberté et la confiance de voyager et de gérer votre RIN en déplacement. {% endblock %}
  6. {% block main %}
  8.     <section class="bg-patient text-white position-relative roche-header">
  9.         <div class="container-fluid">
  10.             <div class="row align-items-center">
  11.                 <div class="col-lg-4 offset-lg-2 py-5 px-0 order-2 order-lg-1">
  12.                     <div class="container">
  13.                         <div class="h1">Maintenir votre autonomie</div>
  14.                         <p class="mb-0">Voyez comment l’autosurveillance vous procure la liberté et l’assurance de vivre la vie dont vous rêvez.</p>
  15.                     </div>                    
  16.                 </div>
  17.                 <div class="col-lg-6 pe-0 order-1 order-lg-2">
  18.                     <img src="{{ asset('build/images/patient/04-RemainingIndependant/000-Heroimage_1x.png') }}" srcset="{{ asset('build/images/patient/04-RemainingIndependant/000-Heroimage_1x.png') }} 1x, {{ asset('build/images/patient/04-RemainingIndependant/000-Heroimage_2x.png') }} 2x" alt="Une femme assise à une table qui s'occupe d'une plante" class="w-100" />
  19.                 </div>
  20.             </div>
  21.         </div>
  22.     </section>
  24.     <section class="roche-section__medium mb-0 pb-0 mt-5 pt-3 roche-tab lb-tab-menu roche-tab__patient">
  25.         <div class="container lb-tab-container">
  26.             <div class="nav d-flex rounded-4 shadow py-3 justify-content-around">
  27.                 <a href="{{ path('patient-remaining-independent-freedom') }}" data-tab-id="freedom" id="tab-toggle-freedom" class="lb-tab-link nav-link active">Liberté</a>
  28.                 <a href="{{ path('patient-remaining-independent-nutrition') }}" data-tab-id="nutrition" id="tab-toggle-nutrition" class="lb-tab-link nav-link">Alimentation</a>
  29.                 <a href="{{ path('patient-remaining-independent-exercise') }}" data-tab-id="exercise" id="tab-toggle-exercise" class="lb-tab-link nav-link">Activité physique</a>
  30.             </div>
  31.             </div>
  32.         </div>
  33.     </section>
  35.     <div class="lb-tab lb-tab__active" id="freedom">
  36.         <span id="freedom-top"></span>
  37.         <section class="my-5 roche-section__medium">
  38.             <div class="container">
  39.                 <div class="row align-items-center">
  40.                     <div class="col-12 col-lg-7 order-2 order-lg-1">
  41.                         <div class="roche-image roche-image__left">
  42.                             <img class="img-fluid" src="{{ asset('build/images/patient/04-RemainingIndependant/01-Freedom_1x.png') }}" srcset="{{ asset('build/images/patient/04-RemainingIndependant/01-Freedom_1x.png') }} 1x, {{ asset('build/images/patient/04-RemainingIndependant/01-Freedom_2x.png') }} 2x" alt="Un homme avec un chien sur ses cuisses qui regarde son téléphone">
  43.                         </div>
  44.                         
  45.                     </div>                
  46.                     <div class="col-12 col-lg-5 order-1 order-lg-2 pb-5 p-lg-0">
  47.                         <h1 class="h2 text-patient">La liberté de conserver votre autonomie</h1>
  48.                         <p>Si vous suivez un traitement anticoagulant par un antagoniste de la vitamine K comme la warfarine, les visites régulières chez votre médecin pour y subir des tests sanguins peuvent être contraignantes et prendre beaucoup de votre temps.</p>
  49.                         <p class="mb-0">L’autosurveillance est une solution de rechange pratique et fiable aux visites régulières en clinique. Un petit appareil de lecture portatif, comme le CoaguChek<sup>®</sup> INRange ou le CoaguChek<sup>®</sup> XS, vous permet de mesurer votre RIN à la maison ou durant vos déplacements. Cette solution vous procure plus de liberté et d’indépendance ainsi que la tranquillité d’esprit rattachée au fait de savoir que vous n’avez à vous rendre en clinique que lorsque c’est réellement nécessaire.</p>
  50.                     </div>
  51.                 
  52.                 </div>
  53.             </div>
  54.         </section>
  56.         <section class="roche-section__medium bg-soft">
  57.             <div class="container">
  58.                 <div class="row align-items-center">
  59.                 
  60.                     <div class="col-12 col-lg-5 order-1 pb-5 p-lg-0">
  61.                         <h2 class="text-patient">La liberté de suivre votre propre horaire</h2>
  62.                         <p>Les anticoagulants sont conçus pour gérer votre état, de sorte que vous puissiez connaître une vie longue et en santé, mais les visites en clinique ou en pharmacie nécessaires pour surveiller votre RIN vous empêchent trop souvent de faire ce que vous voulez vraiment faire!</p>
  63.                         <p class="mb-0">L’autosurveillance à l’aide d’un appareil CoaguChek<sup>®</sup> vous permet de gérer votre horaire de surveillance. Elle vous procure la souplesse nécessaire pour faire des plans de dernière minute, saisir les occasions qui se présentent à vous et ne pas avoir à annuler une activité en raison d’un rendez-vous.  </p>
  64.                     </div>
  65.                     <div class="col-12 col-lg-7 order-2 ">
  66.                         <div class="roche-image roche-image__right">
  67.                             <img class="img-fluid" src="{{ asset('build/images/patient/04-RemainingIndependant/02-OwnSchedule_1x.png') }}" srcset="{{ asset('build/images/patient/04-RemainingIndependant/02-OwnSchedule_1x.png') }} 1x, {{ asset('build/images/patient/04-RemainingIndependant/02-OwnSchedule_2x.png') }} 2x" alt="Une femme qui sourit sur son vélo">
  68.                         </div>
  69.                     </div>                    
  70.                 
  71.                 </div>
  72.             </div>
  73.         </section>
  75.         <section class="roche-section__medium">
  76.             <div class="container">
  77.                 <div class="row align-items-center">
  78.                     <div class="col-12 col-lg-7 order-2 order-lg-1">
  79.                         <div class="roche-image roche-image__left">
  80.                             <img class="img-fluid" src="{{ asset('build/images/patient/04-RemainingIndependant/03-ToTravel_1x.png') }}" srcset="{{ asset('build/images/patient/04-RemainingIndependant/03-ToTravel_1x.png') }} 1x, {{ asset('build/images/patient/04-RemainingIndependant/03-ToTravel_2x.png') }} 2x" alt="Deux femmes qui s'enlassent">
  81.                         </div>
  82.                     </div>                
  83.                     <div class="col-12 col-lg-5 order-lg-2 pb-5 p-lg-0">
  84.                         <h2 class="text-patient">La liberté de voyager</h2>
  85.                         <p>Les voyages sont synonymes de liberté, de découvertes et de coupure par rapport au quotidien, mais les changements d’alimentation et de climat peuvent influer sur la coagulation.</p>
  86.                         <p class="mb-0">Grâce à l’autosurveillance et avec un peu de préparation, les personnes qui prennent des anticoagulants oraux peuvent parcourir le monde sans s’inquiéter de leur RIN.</p>
  87.                     </div>
  88.                 
  89.                 </div>
  90.             </div>
  91.         </section>
  93.         <section class="roche-section__medium bg-soft" id="travel-checklist">
  94.             <div class="container">
  95.                 <h2 class="text-patient text-center mb-5">Liste de voyage : un peu de préparation peut faire une bonne différence</h2>
  97.                 <div class="row d-flex align-items-center mb-3">
  98.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  99.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_SpeakDoctor.svg') }}" alt="Icône consultez médecin">
  100.                     </div>
  101.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  102.                         <p class="mb-0"><span class="text-patient">Consultez votre médecin.</span> Assurez-vous que les changements de climat ne posent pas problème et que les médicaments ou vaccins nécessaires pour éviter les problèmes de santé durant votre voyage ne nuiront pas à votre coagulation. (Par exemple, les médicaments contre la malaria influent sur la coagulation.)</p>
  103.                     </div>
  104.                 </div>    
  105.                 <div class="row d-flex align-items-center mb-3">
  106.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  107.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_MedicalCareOption.svg') }}" alt="Icône de services médicaux">
  108.                     </div>
  109.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  110.                         <p class="mb-0"><span class="text-patient">Informez-vous sur les services médicaux</span> à destination et assurez-vous de savoir comment communiquer avec la clinique ou l’hôpital local et de savoir où se trouve le médecin le plus près.</p>
  111.                     </div>
  112.                 </div>    
  113.                 <div class="row d-flex align-items-center mb-3">
  114.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  115.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_TravalInsurance.svg') }}" alt="Icône d'assurance voyage">
  116.                     </div>
  117.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  118.                         <p class="mb-0"><span class="text-patient">Vérifiez votre assurance voyage.</span> Si vous avez une assurance privée, vous pourriez déjà être couvert. Autrement, voyez s’il serait sensé de souscrire une assurance supplémentaire selon votre situation.</p>
  119.                     </div>
  120.                 </div>    
  121.                 <div class="row d-flex align-items-center mb-3">
  122.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  123.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_HavePack.svg') }}" alt="Icône emporter">
  124.                     </div>
  125.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  126.                         <p class="mb-0"><span class="text-patient">Assurez-vous d’emporter assez d’anticoagulants</span> et de tout autre médicament que vous prenez. Tenez compte des retards possibles dans le transport au moment de calculer la quantité de médicaments à emporter.</p>
  127.                     </div>
  128.                 </div>    
  129.                 <div class="row d-flex align-items-center mb-3">
  130.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  131.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_Luggage.svg') }}" alt="Icône de bagage">
  132.                     </div>
  133.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  134.                         <p class="mb-0"><span class="text-patient">Mettez tous les articles importants dans votre bagage à main.</span> Cela comprend vos médicaments, votre coagulomètre et tous les accessoires d’autosurveillance, les renseignements sur votre assurance maladie, votre carte ou votre bracelet d’alerte médicale, une note de votre médecin, etc.</p>
  135.                     </div>
  136.                 </div>    
  137.                 <div class="row d-flex align-items-center mb-3">
  138.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  139.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_ResistantBag.svg') }}" alt="Icône de bagage résistant">
  140.                     </div>
  141.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  142.                         <p class="mb-0"><span class="text-patient">Envisagez l’utilisation d’un bagage résistant aux impacts</span> pour protéger vos appareils médicaux pendant le voyage.</p>
  143.                     </div>
  144.                 </div>    
  145.                 <div class="row d-flex align-items-center mb-3">
  146.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  147.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_Clothing.svg') }}" alt="Icône de vêtements">
  148.                     </div>
  149.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  150.                         <p class="mb-0"><span class="text-patient">Portez des vêtements confortables pendant vos déplacements.</span> On recommande aux personnes à risque de thrombose ou ayant des antécédents de thrombose de porter des bas de compression, de boire beaucoup de liquide et de bouger suffisamment pendant les heures consacrées aux déplacements.</p>
  151.                     </div>
  152.                 </div>    
  153.                 <div class="row d-flex align-items-center mb-3">
  154.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  155.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_INR.svg') }}" alt="Icône RIN">
  156.                     </div>
  157.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  158.                         <p class="mb-0"><span class="text-patient">Si vous exercez l’autosurveillance, vérifiez plus souvent votre RIN.</span> Si vous remarquez un changement brusque de votre RIN (plus élevé ou plus bas que la normale), essayez de le faire vérifier au moyen d’un test sanguin dans un hôpital local.</p>
  159.                     </div>
  160.                 </div>    
  161.                 <div class="row d-flex align-items-center mb-3">
  162.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  163.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_Time.svg') }}" alt="Icône de temps">
  164.                     </div>
  165.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  166.                         <p class="mb-0"><span class="text-patient">Tenez compte du décalage horaire.</span> Si votre destination se trouve dans un autre fuseau horaire, assurez-vous d’ajuster l’heure de prise de vos médicaments en conséquence. Cela s’applique tout particulièrement aux anticoagulants oraux.</p>
  167.                     </div>
  168.                 </div>    
  169.                 <div class="row d-flex align-items-center mb-3">
  170.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  171.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_Moderation.svg') }}" alt="Icône de modération">
  172.                     </div>
  173.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  174.                         <p class="mb-0"><span class="text-patient">Profitez du moment, mais avec modération.</span> Il en va de même pour la nourriture et l’alcool que vous consommez en voyage. </p>
  175.                     </div>
  176.                 </div>     
  178.             </div>
  179.         </section>
  181.         <section class="roche-section__medium">
  182.             <div class="container text-center">
  183.                 <div class="row">
  184.                     <div class="col-12 col-lg-6">
  185.                         <div class="mb-3">
  186.                             <p><img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_Vegetable.svg')}}" alt="Icône de légumes"></p>
  187.                             <h2 class="text-patient">Alimentation et coagulation</h2>
  188.                             <p>En apprendre plus sur le lien entre l’alimentation et la coagulation.</p>
  189.                             <a href="#nutrition" class="btn btn-patient text-white activate-tab">En apprendre davantage</a>
  190.                         </div>
  191.                     </div>
  192.                     <div class="col-12 col-lg-6 pt-5 pt-lg-0">
  193.                         <div class="mb-3">
  194.                             <p><img width="100" height="100" src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_ChatSheet.svg')}}" alt="Icône de discussion"></p>
  195.                             <h2 class="text-patient">Votre aide-mémoire de voyage</h2>
  196.                             <p>Utilisez notre aide-mémoire du voyageur pour vous assurer de passer des vacances agréables tout en demeurant en santé.</p>
  197.                             <a href="{{ asset('build/pdf/Downloadable_Travel_PDF_F.pdf') }}" class="btn btn-patient text-white" download>Télécharger l’aide-mémoire</a>
  198.                         </div>
  199.                     </div>
  200.                 </div>
  201.             </div>
  202.         </section>
  203.     </div>
  205. {% endblock %}