templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block stylesheets %}
  3.     <link rel="stylesheet" href="{{ asset('assets/css/accueil.css') }}">
  4. {% endblock %}
  5. {% block body %}
  6.     <main class="main-content mt-0">
  7.         <section class="min-vh-100 mb-4">
  8.             <div class="page-header align-items-start min-vh-50 pt-5 pb-11 m-3 border-radius-lg" style="background-image: url('../assets/img/accueil.webp');">
  9.                 <span class="mask bg-gradient-dark opacity-6"></span>
  10.                 <div class="container">
  11.                     <div class="row justify-content-center">
  12.                         <div class="col-lg-8 text-center mx-auto mt-5">
  13.                             <h1 class="text-white mb-2">{% trans %}pharmadexi{% endtrans %}</h1>
  14.                             <h4 class="text-lead text-white fs-6 mb-4">{% trans %}prescripteur_point_de_vente_de_medicament_grossiste_pharmaceutique_travaillons_ensemble_pour_ameliorer_l_acces_aux_medicaments{% endtrans %}</h4>
  15.                             {% if not app.user %}
  16.                                 <a href="{{ path('login') }}" class="btn btn-round btn-outline-white px-5">{% trans %}s_authentifier{% endtrans %}</a>
  17.                             {% else %}
  18.                                 <a href="{{ path('tdb') }}" class="btn btn-round btn-outline-white px-5">{% trans %}mon_compte{% endtrans %}</a>
  19.                             {% endif %}
  20.                         </div>
  21.                     </div>
  22.                 </div>
  23.             </div>
  24.             <div class="container">
  25.                 <div class="row mt-lg-n8 mt-md-n8 mt-n8">
  26.                     <div class="col-md-10 mx-auto">
  27.                         <div class="card p-0 box-shadow-none z-index-0">
  28.                             <div class="card-body p-0">
  29.                                 <div class="benefice-pharmadexi">
  30.                                     <div class="px-4 py-2">
  31.                                         <div class="d-flex gap-2 align-items-center">
  32.                                             <i class="ri-list-check-3 fs-10 text-purple"></i>
  33.                                             <div>
  34.                                                 <span class="badge-sm bg-gradient-success text-dark">{% trans %}pharmacie{% endtrans %}</span>
  35.                                                 <h4 class="fs-6">{% trans %}commandes_alignees_sur_les_besoins_reels_du_marche{% endtrans %}</h4>
  36.                                             </div>
  37.                                         </div>
  38.                                         <p class="fs-8">{% trans %}adapter_vos_commandes_en_fonction_des_prescriptions_emises_par_les_prescripteur_de_votre_secteur{% endtrans %}</p>
  39.                                     </div>
  40.                                     <div class="px-4 py-2 border-start border-end">
  41.                                         <div class="d-flex gap-2 align-items-center">
  42.                                             <i class="ri-global-line fs-10 text-success text-gradient"></i>
  43.                                             <div>
  44.                                                 <span class="badge-sm bg-gradient-success text-dark">{% trans %}pharmacie{% endtrans %}</span>
  45.                                                 <h4 class="fs-6">{% trans %}visibilite_en_ligne_aupres_de_vos_patients{% endtrans %}</h4>
  46.                                             </div>
  47.                                         </div>
  48.                                         <p class="fs-8">{% trans %}grace_a_l_integration_avec_ictuspharma_offrez_a_vos_patients_la_possibilite_de_reserver_ou_commander_leurs_medicaments_en_ligne{% endtrans %}</p>
  49.                                     </div>
  50.                                     <div class="px-4 py-2">
  51.                                         <div class="d-flex gap-2 align-items-center">
  52.                                             <i class="ri-capsule-line fs-10 text-info text-gradient"></i>
  53.                                             <div>
  54.                                                 <span class="badge-sm bg-gradient-info text-white">{% trans %}prescripteur{% endtrans %}</span>
  55.                                                 <h4 class="fs-6">{% trans %}anticipation_des_besoins{% endtrans %}</h4>
  56.                                             </div>
  57.                                         </div>
  58.                                         <p class="fs-8">{% trans %}exprimer_vos_besoins_d_approvisionnement_en_lien_avec_les_prescriptions_difficiles_a_satisfaire{% endtrans %}</p>
  59.                                     </div>
  60.                                 </div>
  61.                             </div>
  62.                         </div>
  63.                     </div>
  64.                     <a href="javascript:void(0);" class="link mx-auto text-center text-xs mt-3">{% trans %}en_savoir_plus{% endtrans %}</a>
  65.                 </div>
  66.             </div>
  67.         </section>
  68.     </main>
  69.     <div class="container mb-5">
  70.         <div class="row">
  71.             <div class="col-md-10 mx-auto">
  72.                 <h3 class="text-center">{% trans %}pourquoi_choisir_pharmadexi{% endtrans %}</h3>
  73.                 <p class="fs-6 text-center m-0">{% trans %}pharmadexi_facilite_la_mise_en_relation_entre_medecins_pharmacies_grossistes_et_laboratoires_pour_garantir_la_disponibilite_des_medicaments_meme_les_plus_rares_une_plateforme_simple_rapide_et_collaborative_pensee_pour_repondre_aux_besoins_concrets_du_terrain{% endtrans %}</p>
  74.                 <div class="d-grid-1fr-1fr gap-4 align-items-center mt-4">
  75.                     <div class="illustration flex-shrink-0 flex-grow-0 border-radius-lg shadow-lg overflow-hidden">
  76.                         <img src="{{ asset('/assets/img/img001.webp') }}">
  77.                     </div>
  78.                     <div>
  79.                         <h4 class="mb-0 fs-5">{% trans %}notre_charte_ethique{% endtrans %}</h4>
  80.                         <p class="fs-6 m-0">{% trans %}la_sante_est_notre_capital_le_plus_precieux_des_medicaments_de_qualite_pour_tous{% endtrans %}</p>
  81.                         <p class="fs-6 m-0">{% trans %}chez_pharmadexi_nous_proposons_des_produits_de_qualite_car_la_sante_est_un_droit_fondamental{% endtrans %}</p>
  82.                         <h4 class="mb-0 fs-5 mt-4">{% trans %}notre_deontologie{% endtrans %}</h4>
  83.                         <p class="fs-6 m-0">{% trans %}depuis_le_laboratoire_jusqu_au_patient_nous_garantissons_qualite_securite_transparence_et_equite{% endtrans %}</p>
  84.                     </div>
  85.                 </div>
  86.                 <div class="mt-4">
  87.                     <h4 class="mb-1 text-center fs-5">{% trans %}nos_produits{% endtrans %}</h4>
  88.                     <div class="row mb-5">
  89.                         <div class="col-md-4">
  90.                             <div class="card">
  91.                                 <div class="card-header p-3 pb-2">
  92.                                     <div class="photoproduit">
  93.                                         <img src="{{ asset('/assets/img/p1.jpeg') }}" alt="">
  94.                                     </div>
  95.                                 </div>
  96.                                 <div class="card-body p-3 pt-0">
  97.                                     <p class="m-0 text-lg text-center text-dark">{% trans %}medicaments_usage_humain{% endtrans %}</p>
  98.                                 </div>
  99.                             </div>
  100.                         </div>
  101.                         <div class="col-md-4">
  102.                             <div class="card">
  103.                                 <div class="card-header p-3 pb-2">
  104.                                     <div class="photoproduit">
  105.                                         <img src="{{ asset('/assets/img/p5.jpeg') }}" alt="">
  106.                                     </div>
  107.                                 </div>
  108.                                 <div class="card-body p-3 pt-0">
  109.                                     <p class="m-0 text-center text-lg text-dark">{% trans %}complement_alimentaire{% endtrans %}</p>
  110.                                 </div>
  111.                             </div>
  112.                         </div>
  113.                         <div class="col-md-4">
  114.                             <div class="card">
  115.                                 <div class="card-header p-3 pb-2">
  116.                                     <div class="photoproduit">
  117.                                         <img src="{{ asset('/assets/img/p4.jpg') }}" alt="">
  118.                                     </div>
  119.                                 </div>
  120.                                 <div class="card-body p-3 pt-0">
  121.                                     <p class="m-0 text-center text-lg text-dark">{% trans %}medicaments_usage_humain{% endtrans %}</p>
  122.                                 </div>
  123.                             </div>
  124.                         </div>
  125.                     </div>
  126.                 </div>
  127.             </div>
  128.         </div>
  129.     </div>
  130.     <div class="bg-gradient-success text-center p-5">
  131.         <h3 class="text-white">{% trans %}rejoignez_pharmadexi_des_aujourd_hui_et_simplifiez_vos_echanges{% endtrans %}</h3>
  132.         <h4>{% trans %}gagnez_du_temps_ameliorer_vos_approvisionnements_et_repondez_mieux_aux_besoins_des_patients{% endtrans %}</h4>
  133.         <div class="dropdown dropdown-center">
  134.             <button class="btn btn-lg btn-light" type="button" data-bs-toggle="dropdown" aria-expanded="false">
  135.                 {% trans %}inscrivez_vous_maintenant_et_faites_partie_du_reseau{% endtrans %}
  136.             </button>
  137.             <ul class="dropdown-menu dropdown-menu-center p-3 w-100">
  138.                 <li>
  139.                     <a class="dropdown-item border-radius-md py-2 px-3" href="{{ path('register_pharmacie') }}">{% trans %}point_de_vente_pharmacie_depot{% endtrans %}</a>
  140.                 </li>
  141.                 <li>
  142.                     <a class="dropdown-item border-radius-md py-2 px-3" href="{{ path('register_prescripteur') }}">{% trans %}prescripteur{% endtrans %}</a>
  143.                 </li>
  144.                 <li>
  145.                     <a class="dropdown-item border-radius-md py-2 px-3" href="{{ path('register_grossiste') }}">{% trans %}grossiste{% endtrans %}</a>
  146.                 </li>
  147.             </ul>
  148.         </div>
  149.     </div>
  150.     {% if app.user is null and app.request.session.get('cookie') is null %}
  151.         <div class="cookie">
  152.             <div class="cookie-popup">
  153.                 <h4>{{ cookie.titre }}</h4>
  154.                 <p>{{ cookie.contenue }}</p>
  155.                 <div class="footercookie">
  156.                     <a href="{{ path('app_cookie') }}" class="moreinfo">{% trans %}en_savoir_plus{% endtrans %}</a>
  157.                     <a href="{{ path('app_accept_cookie') }}" class="btn btn-success roundend-pill">{% trans %}accepte_cookie{% endtrans %}</a>
  158.                 </div>
  159.             </div>
  160.         </div>
  161.     {% endif %}
  162. {% endblock %}