templates/en/patient-resources-device-manuals.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Device manuals | CoaguChek{% endblock %}
  4. {% block description %}Download the manual and/or product insert for your CoaguChek® INRange, CoaguChek® XS, or CoaguChek® Softclix® device.{% endblock %}
  6. {% block main %}
  7.     <section class="bg-patient text-white position-relative roche-header">
  8.         <div class="container-fluid">
  9.             <div class="row align-items-center">
  10.                 <div class="col-lg-4 offset-lg-2 py-5 px-0 order-2 order-lg-1">
  11.                     <div class="container">
  12.                         <div class="h1">CoaguChek<sup>®</sup> resources</div>
  13.                         <p class="mb-0">Find information about learning to use your CoaguChek<sup>®</sup> device, warranty, reimbursement, and the manuals for <span class="text-nowrap">CoaguChek<sup>®</sup> INRange</span> and <span class="text-nowrap">CoaguChek<sup>®</sup> XS.</span></p>
  14.                     </div>                    
  15.                 </div>
  16.                 <div class="col-lg-6 pe-0 order-1 order-lg-2">
  17.                     <img src="{{ asset('build/images/patient/06-Resources/00-Heroimage_1x.png') }}" srcset="{{ asset('build/images/patient/06-Resources/00-Heroimage_1x.png') }} 1x, {{ asset('build/images/patient/06-Resources/00-Heroimage_2x.png') }} 2x" alt="A man and woman sitting on a couch looking at a tablet" class="w-100" />
  18.                 </div>
  19.             </div>
  20.         </div>
  21.     </section>
  23.     <div data-controller="tab">
  24.         <section class="position-relative roche-section__medium mb-0 pb-0 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 mt-5 py-3 justify-content-around">
  27.                     <a href="{{ path('patient-resources-self-testing') }}" class="nav-link">Self-testing</a>
  28.                     <a href="{{ path('patient-resources-warranty-formulary') }}" class="nav-link">Warranty formulary</a>
  29.                     <a href="{{ path('patient-resources-reimbursement') }}" class="nav-link">Reimbursement</a>
  30.                     <a href="{{ path('patient-resources-device-manuals') }}" class="nav-link active">Device manuals</a>
  31.                     <a href="{{ path('patient-resources-glossary') }}" class="nav-link">Glossary</a>
  32.                 </div>
  33.             </div>
  34.         </section>
  36.         <div class="tab-content">
  38.             <div class="tab-pane fade show active" id="device-manuals">
  39.                 <section class="roche-section__medium">
  40.                     <div class="container">
  41.                         <h1 class="h2 text-patient mb-5">Download information about your CoaguChek<sup>®</sup> device</h1>
  43.                         <div class="row d-flex align-items-center mb-3">
  44.                             <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  45.                                 <img src="{{ asset('build/images/patient/06-Resources/Icon_DownloadDocument.svg') }}" alt="Download Document icon">
  46.                             </div>
  47.                             <div class="col-12 col-lg-11">
  48.                                 <div>
  49.                                     <h3>CoaguChek<sup>®</sup> INRange</h3>
  50.                                     <p>The documents you need to support self-testing with the CoaguChek<sup>®</sup> INRange system.</p>
  51.                                     <p class="mb-0">
  52.                                         <a class="me-3 text-patient resource-link" href="{{ asset('build/pdf/CCINRange_User_Manuel_EN_FR.pdf') }}" download>Download user’s manual</a><br>
  53.                                         <a class="me-3 text-patient resource-link" href="{{ asset('build/pdf/Insert-CoaguChek-XS-PT-Test-PST_EN_FR.pdf') }}" download>Download strips package insert</a><br>
  54.                                         <a class="me-3 text-patient resource-link" href="{{ asset('build/pdf/Canada_POC_CoaguChek_INRange_Brochure_Patients_EN.pdf') }}" download>Download brochure</a>
  55.                                     </p>                
  56.                                 </div>
  57.                             </div>
  58.                         </div>    
  60.                         <div class="row d-flex align-items-center mb-3 pt-4">
  61.                             <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  62.                                 <img src="{{ asset('build/images/patient/06-Resources/Icon_DownloadDocument.svg') }}" alt="Download Document icon">
  63.                             </div>
  64.                             <div class="col-12 col-lg-11">
  65.                                 <div>
  66.                                     <h3>CoaguChek<sup>®</sup> XS</h3>
  67.                                     <p>The documents you need to support self-testing with the CoaguChek<sup>®</sup> XS system.</p>
  68.                                     <p class="mb-0">
  69.                                         <a class="me-3 text-patient resource-link" href="{{ asset('build/pdf/CCXS-OM-EnFr-2015Nov.pdf') }}" download>Download user’s manual</a><br>
  70.                                         <a class="me-3 text-patient resource-link" href="{{ asset('build/pdf/Insert-CoaguChek-XS-PT-Test_EN_FR.pdf') }}" download>Download CoaguChek<sup>®</sup> XS PT test strips package insert</a><br>
  71.                                         <a class="me-3 text-patient resource-link" href="{{ asset('build/pdf/Insert-CoaguChek-XS-PT-Controls_EN_FR.pdf') }}" download>Download CoaguChek<sup>®</sup> XS PT controls package insert</a>
  72.                                     </p>                
  73.                                 </div>
  74.                             </div>
  75.                         </div>    
  77.                         <div class="row d-flex align-items-center mb-3 pt-4">
  78.                             <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  79.                                 <img src="{{ asset('build/images/patient/06-Resources/Icon_DownloadDocument.svg') }}" alt="Download Document icon">
  80.                             </div>
  81.                             <div class="col-12 col-lg-11">
  82.                                 <div>
  83.                                     <h3>CoaguChek<sup>®</sup> Softclix<sup>®</sup></h3>
  84.                                     <p>The CoaguChek<sup>®</sup> Softclix<sup>®</sup> lancing device is compatible with both the CoaguChek<sup>®</sup> INRange and CoaguChek<sup>®</sup> XS systems.</p>
  85.                                     <p class="mb-0">
  86.                                         <a class="me-3 text-patient resource-link" href="{{ asset('build/pdf/Insert-CoaguChek-XS-Softclix_EN_FR.pdf') }}" download>Download lancer package insert</a>
  87.                                     </p>                
  88.                                 </div>
  89.                             </div>
  90.                         </div>    
  91.                     </div>
  92.                 </section>
  94.                 <section class="roche-section__medium bg-soft">
  95.                     <div class="container">
  96.                         <div class="row align-items-center">
  97.                             <div class="col-12 col-lg-5">
  98.                                 <h2 class="text-patient">Do you have other questions about self-testing with CoaguChek<sup>®</sup>? </h2>
  99.                                 <p>Visit our FAQ page for answers.</p> 
  100.                                 <a class="btn btn-patient text-white" href="{{ path('patient-faq') }}">FAQs</a>
  101.                             </div>
  102.                             <div class="col-12 col-lg-7">
  103.                                 <div class="roche-image roche-image__right">
  104.                                     <img class="img-fluid" src="{{ asset('build/images/patient/02-Anticoagulation/03-Questions_1x.png') }}" srcset="{{ asset('build/images/patient/02-Anticoagulation/03-Questions_1x.png') }} 1x, {{ asset('build/images/patient/02-Anticoagulation/03-Questions_2x.png') }} 2x" alt="faq">
  105.                                 </div>
  106.                             </div>                
  107.                         </div>
  108.                     </div>
  109.                 </section>                
  110.             </div>
  112.         </div>
  114.     </div>
  117. {% endblock %}