templates/en/hcp-contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Contact us | CoaguChek{% endblock %}
  3. {% block description %}Click to get in touch with your questions about INR self-testing with a CoaguChek device.{% endblock %}
  4. {% block main %}
  5.     <section class="bg-hcp text-white position-relative roche-header">
  6.         <div class="container-fluid">
  7.             <div class="row align-items-center">
  8.                 <div class="col-xl-4 offset-xl-2 py-5 px-0 order-2 order-lg-1">
  9.                     <div class="container">
  10.                         <h1>Contact us</h1>
  11.                         <p class="mb-0">The CoaguChek<sup>®</sup> Roche Care Centre is here to answer your questions.</p>
  12.                     </div>
  13.                 </div>
  14.                 <div class="col-lg-6 pe-0 order-1 order-lg-2">
  15.                     <img src="{{ asset('build/images/hcp/08-Contact/000-Heroimage_1x.png') }}" srcset="{{ asset('build/images/hcp/08-Contact/000-Heroimage_1x.png') }} 1x, {{ asset('build/images/hcp/08-Contact/000-Heroimage_2x.png') }} 2x" alt="A male healthcare professional standing and looking at his phone" class="w-100" />
  16.                 </div>            
  17.             </div>
  18.         </div>
  19.     </section>
  20.     <section class="roche-section__medium">
  21.         <div class="container">
  22.             <div class="row">
  23.                 <div class="col-12 col-lg-7">
  24.                     <h2 class="text-hcp">Two ways to get in touch</h2>
  25.                     <p class="mb-5">Call us toll-free at <a href="tel:+1 (877) 426-2482" class="text-hcp fw-bold text-nowrap">+1 (877) 426-2482</a> <br>from Monday to Friday between 8 a.m. and 5 p.m. (EST), <br>and we will be pleased to assist you.</p>
  26.                     <div class="roche-image roche-image__left">
  27.                         <img class="img-fluid" src="{{ asset('build/images/hcp/08-Contact/01-TwoWays_1x.png') }}" srcset="{{ asset('build/images/hcp/08-Contact/01-TwoWays_1x.png') }} 1x, {{ asset('build/images/hcp/08-Contact/01-TwoWays_2x.png') }} 2x" alt="A husband showing his health results on a tablet to his wife">
  28.                     </div>
  29.                 </div>
  30.                 <div class="col-12 col-lg-5 pt-5 pt-lg-0">
  31.                     <h2 class="text-hcp">Send us an email</h2>
  32.                     
  33.                     {{ form_start(form) }}
  34.                         <p><small>Fields marked with * must be completed.</small></p>
  35.                         {{ form_row(form.subject) }}
  36.                         
  37.                         <div class="row">
  38.                             <div class="col-md-6">{{ form_row(form.firstname) }}</div>
  39.                             <div class="col-md-6">{{ form_row(form.lastname) }}</div>
  40.                         </div>
  41.                         <div class="row">
  42.                             <div class="col-md-6">{{ form_row(form.email) }}</div>
  43.                             <div class="col-md-6">{{ form_row(form.phone) }}</div>
  44.                         </div>    
  45.                         {{ form_row(form.message) }}
  46.                         <p>Roche Diagnostics would like to provide you with relevant news and information on our products and promotions. We would also like to ask you about your experiences and opinion.</p>                    
  47.                         {{ form_rest(form) }}
  48.                         <button class="btn btn-hcp text-white">{{ button_label|default('Submit') }}</button>
  49.                     {{ form_end(form) }}
  50.                 </div>
  51.             </div>
  52.         </div>
  53.     
  54.     </section>
  55.     <section class="roche-section__medium bg-hcp" style="--bs-bg-opacity: .1;">
  56.         <div class="container">
  57.             <div class="row align-items-center">
  58.                 <div class="col-12 col-lg-5 py-5 order-2 order-lg-1">
  59.                     <h2 class="text-hcp">Have we already answered your question?</h2>
  60.                     <p class="py-4">Visit our FAQ page for detailed answers about point-of-care testing, patient self-testing, and the CoaguChek<sup>®</sup> systems.</p>
  61.                     <a class="btn btn-hcp text-white px-5" href="{{ path('hcp-faq') }}">FAQs</a>
  62.     
  63.                 </div>
  64.                 <div class="col-12 col-lg-7 order-1 order-lg-2">
  65.                     <div class="roche-image roche-image__right">
  66.                         <img class="img-fluid" src="{{ asset('build/images/hcp/08-Contact/02-AlreadyAnswered_1x.png') }}" srcset="{{ asset('build/images/hcp/08-Contact/02-AlreadyAnswered_1x.png') }} 1x, {{ asset('build/images/hcp/08-Contact/02-AlreadyAnswered_2x.png') }} 2x" alt="A female nurse looking at results on a cellphone with a female doctor">
  67.                     </div>
  68.                 </div>
  69.             </div>
  70.         </div>
  71.     </section>
  72.     </div>
  73. {% endblock %}