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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Mesurez votre RIN à la maison avec confiance grâce à CoaguChek{% endblock %}
  4. {% block description %}Présentation du coagulomètre CoaguChek et de la manière dont l’autosurveillance peut vous aider à rester indépendant et actif.{% 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.                         <h1>Conçu en ayant votre indépendance à&nbsp;cœur</h1>
  13.                         <p class="mb-0">Mesurez votre RIN à la maison en toute confiance grâce à CoaguChek<sup>®</sup>.</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/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="Une femme dans les bras d'un homme" class="w-100" />
  18.                 </div>
  19.             </div>
  20.         </div>
  21.     </section>
  23.     <section class="roche-section__medium bg-soft bg-patient-coagulent">
  24.         <div class="container">
  25.             <div class="row align-items-center">
  26.                 <div class="col-12 col-lg-7 order-2 order-lg-1">
  27.                     <div class="roche-image roche-image__left">
  28.                         <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="Un homme et son petit-fils ayant les mains en l'air">
  29.                     </div>
  30.                 </div>
  31.                 <div class="col-12 col-lg-5 order-1 order-lg-2 pb-5 p-lg-0">
  32.                     <h2 class="text-patient">L’anticoagulothérapie</h2>
  33.                     <p>Il existe plusieurs types d’anticoagulants qui permettent d’éclaircir le sang. En apprendre plus sur ces médicaments et leur fonctionnement peut vous aider à gérer avec confiance votre trouble de santé à la maison.</p>
  34.                     <p><a class="btn btn-patient text-white" href="{{ path('patient-anticoagulation') }}">En savoir plus</a></p>
  35.                 </div>
  36.             </div>
  37.         </div>
  38.     </section>
  40.     <section class="roche-section__medium ">
  41.         <div class="container">
  42.             <div class="row">
  43.                 <div class="col-12 col-lg-6">
  44.                     <div class="text-center px-md-4 py-4">
  45.                         <p><img src="{{ asset('build/images/patient/00-Homepage/Icon_Home.svg') }}" alt="Icône accueil"></p>
  46.                         <h2 class="text-patient">Mesurez votre RIN à la maison avec assurance</h2>
  47.                         <p>CoaguChek<sup>®</sup> simplifie l’autosurveillance et vous permet de vérifier les valeurs relatives à votre temps de coagulation à la maison – ou ailleurs. Vous pourrez ainsi surveiller plus étroitement ces valeurs pour faire en sorte qu’elles demeurent dans l’intervalle cible.</p>
  48.                         <a class="btn btn-patient text-white" href="{{ path('patient-self-testing') }}">En savoir plus</a>
  49.                     </div>
  50.                 </div>
  51.                 <div class="col-12 col-lg-6">
  52.                     <div class="text-center px-md-4 py-4">
  53.                         <p><img src="{{ asset('build/images/patient/00-Homepage/Icon_Safe.svg') }}" alt="Icône sécurité"></p>
  54.                         <h2 class="text-patient">Conservez votre indépendance<br>en toute sécurité</h2>
  55.                         <p>Que vous vous inquiétiez d’une exposition possible à des virus ou que les rendez-vous réguliers en clinique vous épuisent, l’autosurveillance peut vous soulager d’un poids sans compromettre vos soins.</p>
  56.                         <a class="btn btn-patient text-white" href="{{ path('patient-remaining-independent-freedom') }}">En savoir plus</a>
  57.                     </div>
  58.                 </div>
  59.             </div>
  60.         </div>
  61.     </section>
  63.     <section class="roche-section__medium bg-patient text-white">
  64.         <div class="container">
  65.             <div class="row align-items-center">
  66.                 <div class="col-12 col-lg-5 order-2 order-lg-1">
  67.                     <h2>Épargnez 150 $ sur la trousse CoaguChek<sup>®</sup> INRange*!</h2>
  68.                     <p>Roche Diagnostics offre fièrement le programme de soutien aux patients CoaguChek<sup>®</sup>. Présentez votre carte à usage unique à la pharmacie de votre choix et obtenez jusqu’à 150 $ de rabais à l’achat d’une trousse CoaguChek<sup>®</sup> INRange.</p>
  69.                     <a class="btn btn-white text-patient" href="https://www.coagucheksupports.ca/fr">Téléchargez votre carte</a>
  70.                 </div>
  71.                 <div class="col-12 col-lg-7 order-1 order-lg-2 pb-5 p-lg-0">
  72.                     <div class="roche-image roche-image__right">
  73.                         <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="Un homme et une femme qui regardent un ordinateur">
  74.                     </div>
  75.                 </div>
  76.             </div>
  77.         </div>
  78.     </section>
  80.     <section class="roche-section__medium">
  81.         <div class="container">
  82.             <div class="row align-items-center">
  83.                 <div class="col-12 col-lg-7 order-2 order-lg-1">
  84.                     <div class="roche-image roche-image__left">
  85.                         <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="Une femme au téléphone qui lit les instructions de son médicament">
  86.                     </div>
  87.                 </div>
  88.                 <div class="col-12 col-lg-5 order-1 order-lg-2 pb-5 p-lg-0">
  89.                     <h2 class="text-patient">Le <a class="text-patient" href="{{ path('patient-contact') }}">Centre d’assistance Roche – CoaguChek<sup>®</sup></a> est là pour répondre à vos questions.</h2>
  90.                     <p>Appelez-nous sans frais au <a href="tel:18774262482" class="text-patient text-decoration-none">1-877-426-2482</a>, du lundi au vendredi, de 8 h à 17 h (HNE).</p>
  91.                     <a class="btn btn-patient text-white" href="{{ path('patient-contact') }}">Communiquer avec nous</a>
  92.                 </div>
  93.             </div>
  94.         </div>
  96.     </section>
  98.     <section class="roche-section__medium bg-soft">
  99.         <div class="container">
  100.             <div class="row align-items-center">
  101.                 <div class="col-12 col-lg-5">
  102.                     <h2 class="text-patient">
  103.                     Valider la garantie de 2 ans de votre appareil CoaguChek<sup>®</sup> INRange.
  104.                     </h2>
  105.                     <p>Pour valider la garantie de 2 ans de votre appareil CoaguChek<sup>®</sup> INRange ou CoaguChek<sup>®</sup> XS au Canada, veuillez remplir et soumettre le formulaire de garantie.</p>
  106.                     <p>
  107.                         <a href="{{ path('patient-resources-warranty-formulary') }}" class="btn btn-patient text-white">Accéder au formulaire</a>
  108.                     </p>
  109.                     <p><small>* Jusqu’à épuisement des stocks</small></p>
  110.                 </div>
  111.                 <div class="col-12 col-lg-7">
  112.                     <div class="roche-image roche-image__right">
  113.                         <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="L'appareil CoaguChek INRange dans son étui">
  114.                     </div>    
  115.                 </div>
  116.             </div>
  117.         </div>
  119.     </section>
  121.     </div>
  122. {% endblock %}