templates/en/patient-index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Confidently test your INR levels at home with CoaguChek{% endblock %}
  3. {% block description %}Introduction to the CoaguChek coagulometer and how selt-testing your anticoagulation it can help you remain independent and active.{% endblock %}
  4. {% block main %}
  5.     <section class="bg-patient text-white position-relative roche-header">
  6.         <div class="container-fluid">
  7.             <div class="row align-items-center">
  8.                 <div class="col-lg-4 offset-lg-2 py-5 px-0 order-2 order-lg-1">
  9.                     <div class="container">
  10.                         <h1>Designed with your independence at&nbsp;heart</h1>
  11.                         <p class="mb-0">Confidently test your INR levels at home with CoaguChek<sup>®</sup>.</p>
  12.                     </div>
  13.                 </div>
  14.                 <div class="col-lg-6 pe-0 order-1 order-lg-2">
  15.                     <img src="{{ asset('build/images/patient/00-Homepage/000-Heroimage_1x.png') }}" srcset="{{ asset('build/images/patient/00-Homepage/000-Heroimage_1x.png') }} 1x, {{ asset('build/images/patient/00-Homepage/000-Heroimage_2x.png') }} 2x" alt="A woman holding a man" class="w-100" />
  16.                 </div>
  17.             </div>
  18.         </div>
  19.     </section>
  20.     <section class="roche-section__medium bg-soft bg-patient-coagulent">
  21.         <div class="container">
  22.             <div class="row align-items-center">
  23.                 <div class="col-12 col-lg-7 order-2 order-lg-1">
  24.                     <div class="roche-image roche-image__left">
  25.                         <img class="img-fluid" src="{{ asset('build/images/patient/00-Homepage/01-Anticoagulation_1x.png') }}" srcset="{{ asset('build/images/patient/00-Homepage/01-Anticoagulation_1x.png') }} 1x, {{ asset('build/images/patient/00-Homepage/01-Anticoagulation_2x.png') }} 2x" alt="A man and his grandson holding their hands up">
  26.                     </div>
  27.                 </div>
  28.                 <div class="col-12 col-lg-5 order-1 order-lg-2 pb-5 p-lg-0">
  29.                     <h2 class="text-patient">Anticoagulation</h2>
  30.                     <p>There are different types of anticoagulant medications (sometimes referred to as “blood thinners”). Learning more about these medications and how they work can help you feel confident in managing your condition at home.</p>
  31.                     <p><a class="btn btn-patient text-white" href="{{ path('patient-anticoagulation') }}">Learn more</a></p>
  32.                 </div>
  33.             </div>
  34.         </div>
  35.     </section>
  36.     <section class="roche-section__medium ">
  37.         <div class="container">
  38.             <div class="row">
  39.                 <div class="col-12 col-lg-6">
  40.                     <div class="text-center px-md-4 py-4">
  41.                         <p><img src="{{ asset('build/images/patient/00-Homepage/Icon_Home.svg') }}" alt="Home icon"></p>
  42.                         <h2 class="text-patient">Feel confident testing your INR levels at home</h2>
  43.                         <p>CoaguChek<sup>®</sup> makes self-testing straightforward and lets you check your coagulation levels from home—or away. This allows you to monitor your levels more closely and may help you stay in the target range.</p>
  44.                         <a class="btn btn-patient text-white" href="{{ path('patient-self-testing') }}">Learn more</a>
  45.                     </div>
  46.                 </div>
  47.                 <div class="col-12 col-lg-6">
  48.                     <div class="text-center px-md-4 py-4">
  49.                         <p><img src="{{ asset('build/images/patient/00-Homepage/Icon_Safe.svg') }}" alt="Safe icon"></p>
  50.                         <h2 class="text-patient">Remain independent<br>and safe</h2>
  51.                         <p>Whether you’re concerned about unnecessary exposure to possible viruses or feel tied down by regular clinic appointments, self-testing can alleviate those burdens without compromising your care.  </p>
  52.                         <a class="btn btn-patient text-white" href="{{ path('patient-remaining-independent-freedom') }}">Learn more</a>
  53.                     </div>
  54.                 </div>
  55.             </div>
  56.         </div>
  57.     </section>
  58.     <section class="roche-section__medium bg-patient text-white">
  59.         <div class="container">
  60.             <div class="row align-items-center">
  61.                 <div class="col-12 col-lg-5 order-2 order-lg-1">
  62.                     <h2>Save $150 on the Coaguchek<sup>®</sup> INRange kit!*</h2>
  63.                     <p>Roche Diagnostics is pleased to provide the CoaguChek<sup>®</sup> Patient Benefit Program. Present your one-time-use card at your pharmacy of choice and receive coverage of up to $150 towards the cost of a CoaguChek<sup>®</sup> INRange kit.</p>
  64.                     <a class="btn btn-white text-patient" href="https://www.coagucheksupports.ca/en">Download your card</a>
  65.                 </div>
  66.                 <div class="col-12 col-lg-7 order-1 order-lg-2 pb-5 p-lg-0">
  67.                     <div class="roche-image roche-image__right">
  68.                         <img class="img-fluid" src="{{ asset('build/images/patient/00-Homepage/02-Save150_1x.png') }}" srcset="{{ asset('build/images/patient/00-Homepage/02-Save150_1x.png') }} 1x, {{ asset('build/images/patient/00-Homepage/02-Save150_2x.png') }} 2x" alt="A man and woman looking at a laptop">
  69.                     </div>
  70.                 </div>
  71.             </div>
  72.         </div>
  73.     </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/00-Homepage/03-CareCentre_1x.png') }}" srcset="{{ asset('build/images/patient/00-Homepage/03-CareCentre_1x.png') }} 1x, {{ asset('build/images/patient/00-Homepage/03-CareCentre_2x.png') }} 2x" alt="A woman on the phone reading her drugs instructions">
  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 <a class="text-patient" href="{{ path('patient-contact') }}">CoaguChek<sup>®</sup> Roche Care Centre</a> is here to answer your questions.</h2>
  84.                     <p>Call us toll-free at <a href="tel:18774262482" class="text-patient text-decoration-none">1-877-426-2482</a> Monday to Friday between 8 a.m. and 5 p.m. (EST).</p>
  85.                     <a class="btn btn-patient text-white" href="{{ path('patient-contact') }}">Get in touch</a>
  86.                 </div>
  87.             </div>
  88.         </div>
  89.     </section>
  90.     <section class="roche-section__medium bg-soft">
  91.         <div class="container">
  92.             <div class="row align-items-center">
  93.                 <div class="col-12 col-lg-5">
  94.                     <h2 class="text-patient">
  95.                         Validate the 2-year warranty for your CoaguChek<sup>®</sup> INRange.
  96.                     </h2>
  97.                     <p>To validate the 2-year warranty for your CoaguChek<sup>®</sup> INRange or CoaguChek<sup>®</sup> XS meter in Canada, complete and submit the warranty&nbsp;formulary.</p>
  98.                     <p>
  99.                         <a href="{{ path('patient-resources-warranty-formulary') }}" class="btn btn-patient text-white">Access the formulary</a>
  100.                     </p>
  101.                     <p><small>*While supplies last.</small></p>
  102.                 </div>
  103.                 <div class="col-12 col-lg-7">
  104.                     <div class="roche-image roche-image__right">
  105.                         <img class="img-fluid" src="{{asset('build/images/patient/00-Homepage/04-KitCoagucheck_1x.png')}}" srcset="{{asset('build/images/patient/00-Homepage/04-KitCoagucheck_1x.png')}} 1x, {{asset('build/images/patient/00-Homepage/04-KitCoagucheck_2x.png')}} 2x" alt="CoaguChek INRange in a case">
  106.                     </div>    
  107.                 </div>
  108.             </div>
  109.         </div>
  110.     </section>
  111.     </div>
  112. {% endblock %}