templates/default/index.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="de">
  3. <head>
  4.     <title>{% block title %}IMCD{% endblock %}</title>
  6.     <!-- Required meta tags -->
  7.     <meta charset="utf-8">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  10.     <link rel="stylesheet" href="{{ asset('css/patienten/global-patienten.css') }}?v=1.0">
  11.     <link rel="stylesheet" href="{{ asset('css/patienten/global-patienten-contents.css') }}?v=1.0">
  12.     <link rel="stylesheet" href="{{ asset('_vendor/fontawesome/css/all.min.css') }}">
  13.     <link rel="stylesheet" href="{{ asset('_vendor/bootstrap/bootstrap.min.css') }}">
  15.     <link rel="stylesheet" href="{{ asset('css/index.css') }}?v=1.0">
  17.     <style>
  18.         a {
  19.             color: inherit;
  20.             text-decoration: none;
  21.         }
  23.         a:hover {
  24.             color: inherit;
  25.             text-decoration: none;
  26.         }
  27.     </style>
  29.     {% include '_snippets/matomo.html.twig' %}
  31. </head>
  33. <body>
  35.     <div class="home-f">
  36.         <div class="container-fluid">
  37.             <div class="row pt-5 pb-5 offset">
  38.                 <div class="col">
  39.                     <img src="{{ asset('img/global/rrd-logo.svg') }}" width="234" alt="">
  40.                 </div>
  41.             </div>
  42.         </div>
  43.     </div>
  46.         <div class="container">
  48.             <div class="row">
  49.                 <div id="headline" class="col fs-60 rfs-30 latoBold center">
  50.                     Herzlich Willkommen<br>bei iMCD im Fokus
  51.                 </div>
  52.             </div>
  54.             <div class="row p-5">
  55.                 <div class="col fs-22 rfs-18 latoLight center">
  56.                     Ihre Plattform rund um den<br>
  57.                     <span class="latoBold">idiopathischen multizentrischen Morbus Castleman (iMCD) </span>
  58.                 </div>
  59.             </div>
  61.             <div class="row pb-5" id="box-wrapper">
  62.                 <div class="col-sm fs-35 rfs-22 latoBold">
  63.                     <div class="p-3 index-background">
  64.                         Informationen<br> für Patienten<br>
  65.                         <div>
  66.                             <a href="{{ path('pat_home') }}">
  67.                                 <button id="start-btn" type="button" class="btn start-btn btn-outline-dark" style="padding: .375rem .4rem;">Mehr erfahren ></button>
  68.                             </a>
  69.                         </div>
  70.                     </div>
  71.                     <div class="p-0">
  72.                         <img src="{{ asset('img/patienten/pic@2x.png') }}" alt="..." class="img-fluid">
  73.                     </div>
  74.                 </div>
  76.                 <div class="col-sm fs-35 rfs-22 latoBold">
  77.                     <div class="p-3 index-background">
  78.                         Informationen für Fachkreise<br>
  79.                         <div class="">
  80.                             <a href="{{ path('login') }}">
  81.                                 <button id="zumlogin-btn" type="button" class="btn zumlogin-btn btn-outline-dark" style="padding: .375rem .4rem;">Zum Login ></button>
  82.                             </a>
  83.                         </div>
  84.                     </div>
  85.                     <div class="p-0">
  86.                         <img src="{{ asset('img/patienten/Silhouette@2x.png') }}" alt="..." class="img-fluid">
  87.                     </div>
  88.                 </div>
  89.             </div>
  91.         </div>
  93.     <div class="home-f">
  94.         <div id="dsh-footer" class="fs-14">
  95.             <div class="container-fluid h-100 offset">
  96.                 <div id="dsh-footer_row" class="row h-100">
  97.                     <div class="col-12 pt-2 pb-2">
  98.                         <div class="home-fr w-100">
  99.                             <div id="ds-copyright" class="float-left">
  100.                                 &copy; {{ "now"|date("Y") }} Recordati Rare Diseases
  101.                             </div>
  102.                             <ul id="ds-footer_menu" class="float-right">
  103.                                 <li class="{% if 'ueber' in app.request.get('_route') %}active{% endif %}">
  104.                                     <a href="{{ path('ueber') }}">
  105.                                         &Uuml;ber uns
  106.                                     </a>
  107.                                 </li>
  108.                                 <li class="{% if 'datenschutz' in app.request.get('_route') %}active{% endif %}">
  109.                                     <a href="{{ path('datenschutz') }}">
  110.                                         Datenschutz
  111.                                     </a>
  112.                                 </li>
  113.                                 <li class="{% if 'impressum' in app.request.get('_route') %}active{% endif %}">
  114.                                     <a href="{{ path('impressum') }}">
  115.                                         Impressum
  116.                                     </a>
  117.                                 </li>
  118.                             </ul>
  119.                         </div>
  121.                     </div>
  122.                 </div>
  123.             </div>
  124.         </div>
  125.     </div>
  127.     <!-- Modal -->
  128.     <div class="modal fade" id="cookieBanner" tabindex="-1" role="dialog" aria-labelledby="cookieBannerLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static">
  129.         <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  130.             <div class="modal-content">
  131.                 <div class="modal-header">
  132.                     <h5 class="modal-title" id="cookieBannerLabel"><b>Datenschutzhinweis</b></h5>
  133.                 </div>
  134.                 <div class="modal-body">
  135.                     Wir verwenden Cookies, um Ihnen die optimale Nutzung unserer Webseite zu ermöglichen.<br>
  136.                     Es werden für den Betrieb der Seite <a href="#" data-toggle="modal" data-target="#cookieDetailsBanner"><b>notwendige Cookies</b></a> gesetzt. Informationen wie Sie Ihre
  137.                     Cookie-Einstellungen anpassen können, finden Sie in unserer <a href="{{ path('datenschutz') }}" target="_blank"><b>Datenschutzerklärung.</b></a> Durch
  138.                     Klicken auf „technisch notwendige Cookies akzeptieren“ stimmen Sie unserer Verwendung
  139.                     von Cookies zu.
  140.                 </div>
  141.                 <div class="modal-footer">
  142.                     <a href="https://google.de"><button type="button" class="btn btn-secondary">Ablehnen und Seite verlassen</button></a>
  143.                     <button type="button" class="btn btn-primary"><b>Technisch notwendige Cookies akzeptieren</b></button>
  144.                 </div>
  145.             </div>
  146.         </div>
  147.     </div>
  149.     <!-- Modal -->
  150.     <div class="modal fade" id="cookieDetailsBanner" tabindex="-1" role="dialog" aria-hidden="true" data-keyboard="false" data-backdrop="static">
  151.         <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  152.             <div class="modal-content">
  153.                 <div class="modal-body">
  154.                     <b>Erläuterungen zu erforderlichen Cookies</b><br>
  155.                     Einige Cookies sind notwendig, um Ihnen die grundlegenden Funktionen dieser Webseite bereitstellen zu können und können daher nicht deaktiviert werden.<br>
  156.                     <br>
  157.                     <b>cookie-allow-necessary</b><br>
  158.                     Ein Cookie zum Speichern der Einstellung „Nur erforderliche Cookies“. Standardeinstellung bei Besuch der Seite.<br>
  159.                     <br>
  160.                     <b>cookie-banner</b><br>
  161.                     Cookie zum Ausblenden des Cookie-Banners. Verhindert das erneute Anzeigen des Banners nach dem Laden der Seite.
  162.                 </div>
  163.                 <div class="modal-footer">
  164.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Schließen</button>
  165.                 </div>
  166.             </div>
  167.         </div>
  168.     </div>
  170.     <script src="{{ asset('_vendor/bootstrap/jquery-3.6.1.js') }}"></script>
  171.     <script src="{{ asset('_vendor/bootstrap/popper.min.js') }}"></script>
  172.     <script src="{{ asset('_vendor/bootstrap/bootstrap.min.js') }}"></script>
  174.     <script>
  176.         if (!localStorage.getItem("cookieAccepted")) {
  177.             $('#cookieBanner').modal('show');
  178.         }
  180.         $('#cookieBanner .btn-primary').click(function () {
  181.             localStorage.setItem("cookieAccepted", "true");
  182.             $('#cookieBanner').modal('hide')
  183.         })
  185.     </script>
  187. </body>
  188. </html>