templates/patienten/home.html.twig line 1

Open in your IDE?
  1. {% extends "base-patienten.html.twig" %}
  3. {#{% block title %}AppBundle:Patienten:morbus{% endblock %}#}
  5. {% block body %}
  7. <div class="container-lg patients" id="patienten-home">
  9.     <div id="" class="row pb-5">
  10.         <div class="col">
  11.             <img src="{{ asset('img/patienten/willkommen-banner@2x.png') }}" alt="" class="img-fluid">
  13. {#            <a href="{{ path('app_microsite_patiententag_index') }}" target="_blank" style="width: 35vw; max-width: 200px; position: absolute; left: 5%; top: 25%;">#}
  14. {#                <img src="{{ asset('img/microsites/patiententag/stoerer_hauptseite.png') }}" alt="" style="width: 100%">#}
  15. {#            </a>#}
  16.         </div>
  17.     </div>
  19.     <div id="" class="row">
  20.         <div class="col-sm-12 col-md-6">
  21.             <div class="main-container">
  22.                 <div class="inner-container ml-0 ml-md-5 p-0 p-md-4 p-lg-5">
  23.                     <div class="p-title mb-3">
  24.                         Herzlich<br>Willkommen
  25.                     </div>
  26.                     <div class="">
  27.                         Steht die <b>Diagnose „idiopathischer multizentrischer Morbus Castleman“ (iMCD)</b> im Raum, stehen Betroffene und Angehörige
  28.                         vor einer Fülle von Fragen: Wie lassen sich die Symptome in den Griff bekommen? Kann ich mehr tun, als nur Medikamente nehmen? Wie
  29.                         kann ich meinen Partner unterstützen? Aber mehr noch: Was ist das überhaupt für eine Erkrankung?
  30.                     </div>
  31.                     <div class="pt-3">
  32.                         <b>Ziel dieser Website ist es, über den iMCD aufzuklären und Hilfestellung zu geben,</b> all die Fragen, Gedanken und Gefühle zu
  33.                         bewältigen, die die Erkrankung mit sich bringt.
  34.                     </div>
  35.                 </div>
  36.             </div>
  37.         </div>
  39.         <div class="col-sm-12 col-md-6 pb-5 mt-3 mt-md-0">
  40.             <div class="row">
  41.                 <div class="col-sm-12 col-md-12 col-xl-6 pb-3">
  42.                     <div id="box" class="home-box box white center p-3">
  43.                         <div>
  44.                             <div class="b-title">
  45.                                 iMCD<br>
  46.                                 verstehen
  47.                             </div>
  48.                             <b>Was ist eigentlich los?</b><br>
  49.                             Wie eine umfassende Aufklärung über Themen wie Ursachen, Symptome und Diagnose helfen kann, die Erkrankung in all ihren Facetten zu verstehen.
  50.                         </div>
  51.                         <div class="pt-3">
  52.                             <a class="" href="{{ path('pat_morbus') }}">
  53.                                 <button type="button" class="btn video-btn white btn-outline-dark">Weiterlesen ></button>
  54.                             </a>
  55.                         </div>
  56.                     </div>
  57.                 </div>
  58.                 <div class="col-sm-12 col-md-12 col-xl-6 pb-3">
  59.                     <div id="box1" class="home-box box white center p-3">
  60.                         <div>
  61.                             <div class="b-title">Den Alltag meistern</div>
  62.                             <b>Diagnose iMCD. Und jetzt?</b><br>
  63.                             Wie medikamentöse Therapien, unterstützende Maßnahmen und der richtige Umgang mit der Erkrankung helfen können, die Symptome zu lindern und die Lebensqualität zu verbessern.
  64.                         </div>
  65.                         <div class="pt-3">
  66.                             <a class="" href="{{ path('pat_alltag') }}">
  67.                                 <button type="button" class="btn video-btn white btn-outline-dark">Weiterlesen ></button>
  68.                             </a>
  69.                         </div>
  70.                     </div>
  71.                 </div>
  72.             </div>
  73.         </div>
  74.     </div>
  76.     <div id="" class="row">
  78.         <div class="col-lg-12 col-xl-6">
  79.             <div class="latoBold neptune s-title mb-3">
  80.                 Im Gespräch mit einer iMCD-Patientin
  81.             </div>
  82.             <div id="txt1" class="latoBold neptune pb-3">
  83.                 „Das große Ding hatte endlich einen Namen …“
  84.             </div>
  85.             <div class="pb-3">
  86.                 Experten gehen davon aus, dass ein großer Teil der Erkrankten
  87.                 mit dem <b>idiopathischen multizentrischen Morbus Castleman
  88.                     (iMCD)</b> lebt, ohne jemals eine Diagnose erhalten zu haben.
  89.                 <br>
  90.                 Im Interview mit dem Arzt und Medizinkorres&shy;pondenten
  91.                 Dr. med. Christoph Specht beschreibt die Patientin
  92.                 Tamara Gajic Ihren <b>6 Jahre langen Leidensweg:</b>
  93.                 von den ersten unspezifischen Symptomen über eine
  94.                 massive Einschränkung der Lebensqualität bis hin zur
  95.                 gesicherten Diagnose eines iMCD.
  96.                 <br>
  97.                 Bei der Suche nach der sprichwörtlichen Stecknadel im
  98.                 Heuhaufen war der unbedingte Wille der Patientin, eine
  99.                 Antwort zu finden sowie die interdisziplinäre Zusammenarbeit
  100.                 der verschiedenen Arztgruppen letztendlich entscheidend.
  101.                 <br>
  104.             </div>
  105.             <div class="pb-3 d-none d-xl-block">
  106.                 <button type="button" class="btn video-btn neptune btn-outline-dark" data-kaltura="1_be4dxpfw">Video ansehen ></button>
  107.             </div>
  108.         </div>
  109.         <div class="col-lg-12 col-xl-6">
  110.             <div class="row">
  111.                 <div class="col-sm-6 col-lg-6 col-xl-12 pb-3">
  112.                     <img src="{{ asset('img/patienten/Vorschaubild_Patienten-Video_2.png') }}" alt="" class="img-fluid c-pointer" data-kaltura="1_be4dxpfw">
  113.                 </div>
  114.                 <div class="col-sm-6 col-lg-6 pb-3 d-lg-block d-xl-none">
  115.                     <div class="h-100" style="display: flex; align-items: flex-end">
  116.                         <button type="button" class="btn video-btn neptune btn-outline-dark" data-kaltura="1_be4dxpfw">Video ansehen ></button>
  117.                         <br>
  118.                     </div>
  119.                 </div>
  120.             </div>
  121.         </div>
  122.     </div>
  124.     <div id="" class="row" style="padding-top: 20px;">
  125.         <div class="col-lg-12 col-xl-6">
  126.             <div class="latoBold neptune s-title mb-3">
  127.                 Porträt eines iMCD-Patienten
  128.             </div>
  129.             <div id="txt1" class="latoBold neptune pb-3">
  130.                 „Man merkte eben, es geht weiter. Es gibt Möglichkeiten, ein
  131.                 normales Leben zu führen.“
  132.             </div>
  133.             <div class="pb-3">
  134.                 Der <b>idiopathische multizentrische Morbus Castleman (iMCD) ist
  135.                 selten.</b> Auch die Diagnosestellung ist nicht ganz einfach: Die
  136.                 Symptome und diagnostischen Merkmale des iMCD können
  137.                 teilweise nicht klar von anderen Erkrankungen abgegrenzt werden.
  138.                 <b>Viele Patienten haben daher einen langen Weg mit einer
  139.                     Vielzahl von Arztbesuchen hinter sich,</b> bis eine gesicherte
  140.                 Diagnose gestellt werden kann.<br>
  141.                 <b>Hier berichtet ein Betroffener von seinen ganz persönlichen
  142.                     Erfahrungen:</b> dem Weg von den ersten Symptomen bis zur
  143.                 Diagnose iMCD und dem Leben mit der Erkrankung.
  144.             </div>
  145.             <div class="pb-3 d-none d-xl-block">
  146.                     <button type="button" class="btn video-btn neptune btn-outline-dark" data-video="iMCD_StoryClip_201102_Preview.mp4">Video ansehen ></button>
  147.             </div>
  148.         </div>
  149.         <div class="col-lg-12 col-xl-6">
  150.             <div class="row">
  151.                 <div class="col-sm-6 col-lg-6 col-xl-12 pb-3">
  152.                     <img src="{{ asset('img/patienten/Vorschaubild_Patienten-Video.png') }}" alt="" class="img-fluid c-pointer" data-video="iMCD_StoryClip_201102_Preview.mp4">
  153.                 </div>
  154.                 <div class="col-sm-6 col-lg-6 pb-3 d-lg-block d-xl-none">
  155.                     <div class="h-100" style="display: flex; align-items: flex-end">
  156.                         <button type="button" class="btn video-btn neptune btn-outline-dark" data-video="iMCD_StoryClip_201102_Preview.mp4">Video ansehen ></button>
  157.                         <br>
  158.                     </div>
  159.                 </div>
  160.             </div>
  161.         </div>
  162.     </div>
  166.     <div id="" class="row pt-5">
  167.         <div class="col-xl-12 col-lg-12 col-md-12">
  168.             <div class="row">
  171.                 <div class="col-sm-12 col-md-4 col-lg-3 mb-3">
  172.                     <div id="box" class="row m-0">
  173.                         <div class="white center p-3 home-box box">
  174.                             <div>
  175.                                 <div class="b-title">Hilfe finden</div>
  176.                                 <b>Was kann noch helfen?</b><br>
  177.                                 Wie die richtigen Fragen im Arztgespräch, die Unterstützung durch Angehörige und der Austausch mit anderen Betroffenen helfen können, das Leben mit der Erkrankung zu erleichtern.
  178.                             </div>
  180.                             <div class="pt-3">
  181.                                 <a class="" href="{{ path('pat_hilfe') }}">
  182.                                     <button type="button" class="btn video-btn white btn-outline-dark">Weiterlesen ></button>
  183.                                 </a>
  184.                             </div>
  185.                         </div>
  186.                     </div>
  187.                 </div>
  190.                 <div class="col-sm-12 col-md-8 col-lg-9 mb-3">
  191.                     <div id="box1" class="row m-0">
  192.                         <div class="white text-center text-md-left p-3 home-box box col-12 col-md-4">
  193.                             <div>
  194.                                 <div class="b-title">Erklärvideo</div>
  195.                                 Die Geschichte von Richard
  196.                                 zeigt: welche Anzeichen und
  197.                                 Symptome sind typisch für
  198.                                 iMCD? Was passiert dabei
  199.                                 im Körper? Und wie kann der
  200.                                 iMCD diagnostiziert
  201.                                 werden?
  202.                             </div>
  203.                             <div class="pt-3">
  204.                                 <button type="button" class="btn video-btn white btn-outline-dark" data-video="EUSA_Whiteboard_Animation_FINAL.mp4">Video ansehen ></button>
  205.                             </div>
  206.                         </div>
  207.                         <div class="col-12 col-md-8 p-3">
  208.                             <img src="{{ asset('img/patienten/teaser_whiteboard@2x.png') }}" alt="" class="img-fluid c-pointer" data-video="EUSA_Whiteboard_Animation_FINAL.mp4">
  209.                         </div>
  210.                     </div>
  211.                 </div>
  215.             </div>
  216.         </div>
  217.         <div class="col-xl-6 col-lg-4 col-md-2">
  218.         </div>
  219.     </div>
  220. </div>
  221. {% endblock %}
  223. {% block stylesheets %}
  225. {% endblock %}