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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Guides d’utilisation des appareils | CoaguChek{% endblock %}
  4. {% block description %}Téléchargez le guide d’utilisation ou la notice de produit de votre appareil CoaguChek® INRange, CoaguChek® XS ou CoaguChek® Softclix®.{% 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">Ressources CoaguChek<sup>®</sup></div>
  13.                         <p class="mb-0">Trouvez de l’information sur le fonctionnement de votre appareil CoaguChek<sup>®</sup>, la garantie et la politique de remboursement, ainsi que les guides d’utilisation des appareils <span class="text-nowrap">CoaguChek<sup>®</sup> INRange</span> et <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="Une femme et un homme assis sur un canapé qui regarde une tablette" 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">Ressources sur l’autosurveillance</a>
  28.                     <a href="{{ path('patient-resources-warranty-formulary') }}"  class="nav-link">Formulaire de garantie</a>
  29.                     <a href="{{ path('patient-resources-reimbursement') }}" class="nav-link">Remboursement</a>
  30.                     <a href="{{ path('patient-resources-device-manuals') }}" class="nav-link active">Guides d’utilisation des appareils</a>
  31.                     <a href="{{ path('patient-resources-glossary') }}" class="nav-link">Glossaire</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">Téléchargez l’information sur votre appareil CoaguChek<sup>®</sup></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="Icône de téléchargement de documents">
  46.                             </div>
  47.                             <div class="col-12 col-lg-11">
  48.                                 <div>
  49.                                     <h3>CoaguChek<sup>®</sup> INRange</h3>
  50.                                     <p>Les documents dont vous avez besoin pour vous aider à exercer une autosurveillance avec le système CoaguChek<sup>®</sup> INRange.</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>Télécharger le guide d’utilisation</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>Télécharger la notice d’emballage des bandelettes-test</a><br>
  54.                                         <a class="me-3 text-patient resource-link" href="{{ asset('build/pdf/Canada_POC_CoaguChek_INRange_Brochure_Patients_EN.pdf') }}" download>Télécharger la 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="Icône de téléchargement de documents">
  63.                             </div>
  64.                             <div class="col-12 col-lg-11">
  65.                                 <div>
  66.                                     <h3>CoaguChek<sup>®</sup> XS</h3>
  67.                                     <p>Les documents dont vous avez besoin pour vous aider à exercer une autosurveillance avec le système CoaguChek<sup>®</sup> XS.</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>Télécharger le guide d’utilisation</a><br>
  70.                                         <a class="me-3 text-patient resource-link" href="{{ asset('build/pdf/Insert-CoaguChek-XS-PT-Test_EN_FR.pdf') }}" download>Télécharger la notice d’emballage des bandelettes-test CoaguChek<sup>®</sup> XS PT</a><br>
  71.                                         <a class="me-3 text-patient resource-link" href="{{ asset('build/pdf/Insert-CoaguChek-XS-PT-Controls_EN_FR.pdf') }}" download>Télécharger la notice d’emballage de la solution de contrôle CoaguChek<sup>®</sup> XS PT</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="Icône de téléchargement de documents">
  80.                             </div>
  81.                             <div class="col-12 col-lg-11">
  82.                                 <div>
  83.                                     <h3>CoaguChek<sup>®</sup> Softclix<sup>®</sup></h3>
  84.                                     <p>La lancette CoaguChek<sup>®</sup> Softclix<sup>®</sup> est compatible avec les systèmes CoaguChek<sup>®</sup> INRange et CoaguChek<sup>®</sup> XS.  </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>Télécharger la notice d’emballage de la lancette</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">Vous avez d’autres questions sur l’autosurveillance à l’aide de CoaguChek<sup>®</sup>? </h2>
  99.                                 <p>Consultez notre FAQ pour trouver des réponses.</p> 
  100.                                 <a class="btn btn-patient text-white" href="{{ path('patient-faq') }}">FAQ</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="Une infirmière et un patient qui sourient">
  105.                                 </div>
  106.                             </div>                
  107.                         </div>
  108.                     </div>
  109.                 </section>                
  110.             </div>
  112.         </div>
  114.     </div>
  117. {% endblock %}