Front W - Pattern Library

Widget 

<section class="widget">
    <header class="widget__header">
        <h4 class="widget__title">Termine und Fristen</h4>
    </header>
    <div class="widget__body">

        <ul>
            <li><a href="https://www.hs-duesseldorf.de/hochschule/gebaeude/Seiten/vorlesungszeiten.aspx">Vorlesungszeiten</a>
            </li>
            <li><a href="https://wiwi.hs-duesseldorf.de/aktuelles/vorlesungen/Seiten/default.aspx">Semestertermine</a>
            </li>
            <li><a href="https://wiwi.hs-duesseldorf.de/studium/pruefungen/Seiten/klausureinsichten.aspx">Klausureinsichten</a>
            </li>
            <li><a href="https://wiwi.hs-duesseldorf.de/studium/pruefungen/Seiten/pruefungstermine.aspx">Prüfungen /
                    Kolloquien</a></li>
        </ul>

    </div>
    <footer class="widget__footer">
        <a href="#">Alle Semestertermine</a>
    </footer>
</section>
 
<section class="widget">
  {% if title is defined %}
  <header class="widget__header">
    <h4 class="widget__title">{{ title }}</h4>
  </header>
  {% endif %}
  <div class="widget__body">
    {{ content|raw }}

  </div>
  {% if link is defined %}
  <footer class="widget__footer">
    <a href="{{ link.url }}">{{ link.title }}</a>
  </footer>
  {% endif %}
</section>
 
{
  "title": "Termine und Fristen",
  "content": "\n      <ul>\n        <li><a href=\"https://www.hs-duesseldorf.de/hochschule/gebaeude/Seiten/vorlesungszeiten.aspx\">Vorlesungszeiten</a>\n        </li>\n        <li><a href=\"https://wiwi.hs-duesseldorf.de/aktuelles/vorlesungen/Seiten/default.aspx\">Semestertermine</a>\n        </li>\n        <li><a href=\"https://wiwi.hs-duesseldorf.de/studium/pruefungen/Seiten/klausureinsichten.aspx\">Klausureinsichten</a>\n        </li>\n        <li><a href=\"https://wiwi.hs-duesseldorf.de/studium/pruefungen/Seiten/pruefungstermine.aspx\">Prüfungen /\n            Kolloquien</a></li>\n      </ul>\n    ",
  "link": {
    "url": "#",
    "title": "Alle Semestertermine"
  }
}