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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Maintain your independence with CoaguChek | CoaguChek{% endblock %}
  4. {% block description %}See how self-testing gives you the freedom and confidence to travel and manage your INR levels on the go.{% 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">Maintain your independence</div>
  14.                         <p class="mb-0">See how self-testing gives you the freedom and confidence to live the life you want.</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="rA person sitting at a table with a potted plant" class="w-100" />
  19.                 </div>
  20.             </div>
  21.         </div>
  22.     </section>
  24.     <section class="roche-section__medium mb-0 pb-0 mt-5 roche-tab pt-3 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="#" data-tab-id="freedom" id="tab-toggle-freedom" class="lb-tab-link nav-link active">Freedom</a>
  28.                 <a href="{{ path('patient-remaining-independent-nutrition') }}" data-tab-id="nutrition" id="tab-toggle-nutrition" class="lb-tab-link nav-link">Nutrition</a>
  29.                 <a href="{{ path('patient-remaining-independent-exercise') }}" data-tab-id="exercise" id="tab-toggle-exercise" class="lb-tab-link nav-link">Exercise</a>
  30.             </div>
  31.         </div>
  32.     </section>
  34.     <div class="lb-tab lb-tab__active" id="freedom">
  35.         <span id="freedom-top"></span>
  36.         <section class="my-5 roche-section__medium">
  37.             <div class="container">
  38.                 <div class="row align-items-center">
  39.                     <div class="col-12 col-lg-7 order-2 order-lg-1">
  40.                         <div class="roche-image roche-image__left">
  41.                             <img class="img-fluid" src="{{ asset('build/images/patient/04-RemainingIndependant/01-Freedom_1x.png') }}" srcset="{{ asset('build/images/patient/04-RemainingIndependant/01-Freedom_2x.png') }} 1x, {{ asset('build/images/patient/04-RemainingIndependant/01-Freedom_2x.png') }} 2x" alt="A man with a dog on his lap looking at his phone">
  42.                         </div>
  43.                         
  44.                     </div>                
  45.                     <div class="col-12 col-lg-5 order-1 order-lg-2 pb-5 p-lg-0">
  46.                         <h1 class="h2 text-patient">The freedom to stay independent</h1>
  47.                         <p>If you’re on anticoagulation therapy with a vitamin K antagonist such as warfarin, going to your doctor for regular blood tests may be burdensome and time-consuming. </p>
  48.                         <p class="mb-0">Self-testing is a convenient and reliable alternative to regular clinic visits. With a small mobile measuring device such as the CoaguChek<sup>®</sup> INRange or CoaguChek<sup>®</sup> XS, you can measure your INR levels at home or on the move. This provides you more freedom and independence—and the security of knowing that you only need to go to your clinic when it’s truly necessary. </p>
  49.                     </div>
  50.                 
  51.                 </div>
  52.             </div>
  53.         </section>
  55.         <section class="roche-section__medium bg-soft">
  56.             <div class="container">
  57.                 <div class="row align-items-center">
  58.                 
  59.                     <div class="col-12 col-lg-5 order-1 pb-5 p-lg-0">
  60.                         <h2 class="text-patient">The freedom to keep your own schedule</h2>
  61.                         <p>Anticoagulation medication is intended to manage your condition so you can live a long and healthy life, but too often the visits to your clinic or pharmacy required to monitor INR levels get in the way of truly living your life!</p>
  62.                         <p class="mb-0">With a CoaguChek<sup>®</sup> device to self-test your coagulation levels, you control your monitoring schedule. That allows you the flexibility to make last-minute plans, take advantage of opportunities as they arise, and not need to worry about cancelling because of an assigned appointment time. </p>
  63.                     </div>
  64.                     <div class="col-12 col-lg-7 order-2 ">
  65.                         <div class="roche-image roche-image__right">
  66.                             <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="A woman smiling on her bike">
  67.                         </div>
  68.                     </div>                    
  69.                 
  70.                 </div>
  71.             </div>
  72.         </section>
  74.         <section class="roche-section__medium">
  75.             <div class="container">
  76.                 <div class="row align-items-center">
  77.                     <div class="col-12 col-lg-7 order-2 order-lg-1">
  78.                         <div class="roche-image roche-image__left">
  79.                             <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="Two middle-aged women hugging each other">
  80.                         </div>
  81.                     </div>                
  82.                     <div class="col-12 col-lg-5 order-1 order-lg-2 pb-5 p-lg-0">
  83.                         <h2 class="text-patient">The freedom to travel</h2>
  84.                         <p>Travel is about freedom, discovery, and just taking a break from “real life.” But changes in diet and climate can have an impact on coagulation. </p>
  85.                         <p class="mb-0">Thanks to self-testing, and a little preparation, people requiring oral anticoagulation can enjoy the freedom to travel the world without worrying about their INR levels.</p>
  86.                     </div>
  87.                 
  88.                 </div>
  89.             </div>
  90.         </section>
  92.         <section class="roche-section__medium bg-soft" id="travel-checklist">
  93.             <div class="container">
  94.                 <h2 class="text-patient text-center mb-5">Travel checklist: A little preparation goes a long way</h2>
  96.                 <div class="row d-flex align-items-center mb-3">
  97.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  98.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_SpeakDoctor.svg') }}" alt="Speak Doctor icon">
  99.                     </div>
  100.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  101.                         <p class="mb-0"><span class="text-patient">Speak to your doctor.</span> Ensure there are no concerns about the climate and double-check that any necessary travel vaccinations or medications won’t adversely affect your coagulation. (For example, anti-malaria medication can influence blood clotting.)</p>
  102.                     </div>
  103.                 </div>    
  104.                 <div class="row d-flex align-items-center mb-3 pt-4">
  105.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  106.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_MedicalCareOption.svg') }}" alt="Medical Care Option icon">
  107.                     </div>
  108.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  109.                         <p class="mb-0"><span class="text-patient">Clarify the medical care options</span> at your destination and ensure you know how to reach a local hospital or clinic as well as the location of the nearest doctor.</p>
  110.                     </div>
  111.                 </div>
  112.                 <div class="row d-flex align-items-center mb-3 pt-4">
  113.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  114.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_TravalInsurance.svg') }}" alt="Travel Insurance icon">
  115.                     </div>
  116.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  117.                         <p class="mb-0"><span class="text-patient">Look into travel insurance.</span> If you have private health insurance, you may already be covered. Otherwise, consider whether supplemental travel insurance makes sense in your case.</p>
  118.                     </div>
  119.                 </div>    
  120.                 <div class="row d-flex align-items-center mb-3 pt-4">
  121.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  122.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_HavePack.svg') }}" alt="Have Pack icon">
  123.                     </div>
  124.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  125.                         <p class="mb-0"><span class="text-patient">Ensure you have packed a sufficient amount of anticoagulant medications,</span> as well as any other medications you take. Consider the impact of travel delays when deciding the quantity of medication to pack.</p>
  126.                     </div>
  127.                 </div>    
  128.                 <div class="row d-flex align-items-center mb-3 pt-4">
  129.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  130.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_Luggage.svg') }}" alt="Luggage icon">
  131.                     </div>
  132.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  133.                         <p class="mb-0"><span class="text-patient">Pack all necessities in your hand luggage.</span> This includes your medication, coagulometer and related self-testing accessories, health insurance information, medical alert ID or tag, a doctor’s note, etc. </p>
  134.                     </div>
  135.                 </div>
  136.                 <div class="row d-flex align-items-center mb-3 pt-4">
  137.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  138.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_ResistantBag.svg') }}" alt="Resistant Bag icon">
  139.                     </div>
  140.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  141.                         <p class="mb-0"><span class="text-patient">Consider using an impact-resistant bag</span> to protect your medical equipment while travelling.</p>
  142.                     </div>
  143.                 </div>
  144.                 <div class="row d-flex align-items-center mb-3 pt-4">
  145.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  146.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_Clothing.svg') }}" alt="Clothing icon">
  147.                     </div>
  148.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  149.                         <p class="mb-0"><span class="text-patient">When travelling, wear comfortable clothing.</span> Remember that compression socks/stockings, plenty of liquids, and plenty of movement are all recommended for people at risk of or with a history of thrombosis.</p>
  150.                     </div>
  151.                 </div>
  152.                 <div class="row d-flex align-items-center mb-3 pt-4">
  153.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  154.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_INR.svg') }}" alt="INR icon">
  155.                     </div>
  156.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  157.                         <p class="mb-0"><span class="text-patient">If you self-test, monitor your INR values more frequently.</span> If you notice a sudden change in your INR (either higher or lower than normal), try to have this checked via blood test at the local hospital.</p>
  158.                     </div>
  159.                 </div>
  160.                 <div class="row d-flex align-items-center mb-3 pt-4">
  161.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  162.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_Time.svg') }}" alt="Time icon">
  163.                     </div>
  164.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  165.                         <p class="mb-0"><span class="text-patient">Don’t forget about time changes.</span> If your destination is in a different time zone, take that into consideration and ensure you adjust the time you take your medicine accordingly. This particularly applies to oral anticoagulants.</p>
  166.                     </div>
  167.                 </div>
  168.                 <div class="row d-flex align-items-center mb-3 pt-4">
  169.                     <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  170.                         <img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_Moderation.svg') }}" alt="Moderation icon">
  171.                     </div>
  172.                     <div class="col-12 col-lg-11 text-center text-lg-start">
  173.                         <p class="mb-0"><span class="text-patient">Enjoy in moderation.</span> Remember that the same rules apply to the food you eat and any alcohol you consume while away as they do at home.</p>
  174.                     </div>
  175.                 </div>
  176.             </div>
  177.         </section>
  179.         <section class="roche-section__medium">
  180.             <div class="container text-center">
  181.                 <div class="row">
  182.                     <div class="col-12 col-lg-6">
  183.                         <div class="mb-3">
  184.                             <p><img src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_Vegetable.svg')}}" alt="Vegetable icon"></p>
  185.                             <h2 class="text-patient">Nutrition and coagulation</h2>
  186.                             <p>Learn more about the connection between nutrition and coagulation.</p>
  187.                             <a href="#nutrition" class="btn btn-patient text-white activate-tab">Learn more</a>
  188.                         </div>
  189.                     </div>
  190.                     <div class="col-12 col-lg-6 pt-5 pt-lg-0">
  191.                         <div class="mb-3">
  192.                             <p><img width="100" height="100" src="{{ asset('build/images/patient/04-RemainingIndependant/Icon_ChatSheet.svg')}}" alt="Chat Sheet icon"></p>
  193.                             <h2 class="text-patient">Your travel cheat sheet</h2>
  194.                             <p>Use our travel cheat sheet to help ensure you have a happy and healthy holiday.</p>
  195.                             <a href="{{ asset('build/pdf/Downloadable_Travel_PDF_E.pdf') }}" class="btn btn-patient text-white" download>Download</a>
  196.                         </div>
  197.                     </div>
  198.                 </div>
  199.             </div>
  200.         </section>
  202.     </div>
  204. {% endblock %}