diff --git a/app/web/Applications/Backend/BackendView.php b/app/web/Applications/Backend/BackendView.php
new file mode 100644
index 0000000..4a0eace
--- /dev/null
+++ b/app/web/Applications/Backend/BackendView.php
@@ -0,0 +1,28 @@
+<?php
+/**
+ * Karaka
+ *
+ * PHP Version 8.1
+ *
+ * @package   Web\Backend
+ * @copyright Dennis Eichhorn
+ * @license   OMS License 1.0
+ * @version   1.0.0
+ * @link      https://karaka.app
+ */
+declare(strict_types=1);
+
+namespace Applications\Backend;
+
+use phpOMS\Localization\L11nManager;
+use phpOMS\Message\RequestAbstract;
+use phpOMS\Message\ResponseAbstract;
+use phpOMS\Views\View;
+
+class BackendView extends View
+{
+    public function __construct(L11nManager $l11n = null, RequestAbstract $request = null, ResponseAbstract $response = null)
+    {
+        parent::__construct($l11n, $request, $response);
+    }
+}
diff --git a/app/web/Applications/Backend/content/imprint.de.md b/app/web/Applications/Backend/content/imprint.de.md
new file mode 100644
index 0000000..2a08bf0
--- /dev/null
+++ b/app/web/Applications/Backend/content/imprint.de.md
@@ -0,0 +1,28 @@
+# Impressum
+
+jingga
+
+**Vertreten durch**
+
+Dennis Eichhorn
+
+**Kontakt**
+
+spl1nes.com@googlemail.com
+
+**Registereintrag**
+
+Nicht vorhanden
+
+**Umsatzsteuer-ID gemäß §27 a Umsatzsteuergesetz**
+
+Nicht vorhanden
+
+**Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV**
+
+jingga
+Dennis Eichhorn
+
+**Datenschutzbeauftragter**
+
+spl1nes.com@googlemail.com
\ No newline at end of file
diff --git a/app/web/Applications/Backend/content/imprint.en.md b/app/web/Applications/Backend/content/imprint.en.md
new file mode 100644
index 0000000..cb93fe0
--- /dev/null
+++ b/app/web/Applications/Backend/content/imprint.en.md
@@ -0,0 +1,28 @@
+# Imprint
+
+jingga
+
+**Represented by**
+
+Dennis Eichhorn
+
+**Contact**
+
+spl1nes.com@googlemail.com
+
+**Commercial register**
+
+Not available
+
+**VAT-ID according §27 a value added tax (Umsatzsteuergesetz)**
+
+Not available
+
+**Responsible for the content according to § 55 Abs. 2 RStV**
+
+jingga
+Dennis Eichhorn
+
+**Data protection officer**
+
+spl1nes.com@googlemail.com
\ No newline at end of file
diff --git a/app/web/Applications/Backend/content/privacy.de.md b/app/web/Applications/Backend/content/privacy.de.md
new file mode 100644
index 0000000..2b02516
--- /dev/null
+++ b/app/web/Applications/Backend/content/privacy.de.md
@@ -0,0 +1,48 @@
+# Datenschutzerklärung
+
+## Definitionen
+
+Für die Zwecke dieser Datenschutzerklärung:
+
+* ANGESCHLOSSEN bedeutet ein Unternehmen, das eine Partei kontrolliert, von ihr kontrolliert wird oder mit ihr unter gemeinsamer Kontrolle steht, wobei "Kontrolle" den Besitz von 50 % oder mehr der Aktien, Anteile oder anderer Wertpapiere bedeutet, die zur Wahl von Direktoren oder anderen leitenden Angestellten berechtigt sind.
+* LAND bezieht sich auf Deutschland.
+* UNTERNEHMEN (in dieser VEREINBARUNG entweder als "das Unternehmen", "wir", "uns" oder "unser" bezeichnet) bezieht sich auf jingga, Gartenstr. 26, 61206 Wöllstadt.
+* GERÄT bezeichnet jedes Gerät, das auf den Dienst zugreifen kann, wie z.B. ein Computer, ein Mobiltelefon oder ein digitales Tablet.
+* SERVICE bezieht sich auf die Website.
+* TERMINE oder VEREINBARUNG bezeichnet diese Bedingungen, die die gesamte Vereinbarung zwischen Ihnen und der FIRMA bezüglich der Nutzung des SERVICE bilden.
+* Social-Media-Dienst eines Dritten bezeichnet alle Dienste oder Inhalte (einschließlich Daten, Informationen, Produkte oder Dienste), die von einem Dritten bereitgestellt werden und durch den DIENST angezeigt, einbezogen oder verfügbar gemacht werden können.
+* WEBSITE bezieht sich auf jingga.app.
+* ANWENDUNG bezieht sich auf alle herunterladbaren oder installierbaren Inhalte, die auf einem bestimmten GERÄT genutzt werden können.
+* Sie bezeichnet die Person, die auf die DIENSTE zugreift oder diese nutzt, oder das Unternehmen oder eine andere juristische Person, in deren Namen eine solche Person auf die DIENSTE zugreift oder diese nutzt, je nachdem.
+
+## Was sind personenbezogene Daten?
+
+Personenbezogene Daten sind Informationen, die dazu genutzt werden können, persönliche oder sachliche Verhältnisse über Sie zu erfahren (z.B. Name, Anschrift, Telefonnummer, Geburtsdatum, E-Mail-Adresse). Informationen, bei denen wir keinen (oder nur mit einem unverhältnismäßigen Aufwand) Bezug zu Ihrer Person herstellen können, z.B. durch Anonymisierung der Informationen, sind keine personenbezogenen Daten.
+
+## Welche personenbezogenen Daten werden von uns erhoben/verarbeitet und genutzt?
+
+Gespeichert werden Zugriffsdaten ohne Personenbezug, wie z.B. der Name Ihres Internet Service Providers, die Seite, von der aus Sie uns besuchen, die Namen der angeforderten Dateien und deren Abrufdatum. Diese Daten werden ausschließlich zur Verbesserung unseres Angebotes ausgewertet und erlauben keinerlei Rückschlüsse auf Ihre Person.
+
+Soweit Sie von uns auf unserem Internetauftritt angebotene Leistungen, wie den Kauf von ANWENDUNGEN, etc., in Anspruch nehmen wollen, ist es dagegen nötig, dass Sie dazu weitere Daten angeben. Es handelt sich um diejenigen Daten, die zur jeweiligen Abwicklung erforderlich sind, z.B. die E-Mailadresse bei Bestellung einer DIENSTLEISTUNG oder ANWENDUNG.
+Wir nutzen die von uns über Sie erhobenen Daten für die Bereitstellung der von uns angebotenen Produkte und DIENSTLEISTUNG, für die Beantwortung Ihrer Fragen sowie für den Betrieb und die Verbesserung unserer Webseiten und ANWENDUNG.
+
+Eine weitere Nutzung Ihrer personenbezogenen Daten findet nicht statt. Eine Übermittlung Ihrer personenbezogenen Daten an Dritte oder eine Nutzung Ihrer Daten zu Werbezwecken ohne Ihre Einwilligung findet, ausgenommen der unten dargestellten Fälle, nicht statt, es sei denn, dass wir gesetzlich zur Herausgabe von Daten verpflichtet sind (Auskunft an Strafverfolgungsbehörden und Gerichte; Auskunft an öffentliche Stellen, die Daten aufgrund gesetzlicher Vorschriften erhalten, z.B. Sozialversicherungsträger, Finanzbehörden usw.) oder dass wir zur Durchsetzung unserer Forderungen Dritte einschalten. Insbesondere werden personenbezogene Daten wie folgt genutzt:
+
+* Wenn Sie sich bei jingga registrieren, wird zunächst Ihre E-Mail-Adresse von uns gespeichert, damit wir Ihnen neue Zugangsdaten zusenden können, falls Sie diese einmal vergessen sollten. Zudem speichern wir Ihren Vor- und Nachnamen sowie Ihr Passwort, um Ihnen ein komfortables Einloggen zu Ihrem Konto zu ermöglichen. Diese Daten werden von uns zu den vorbeschriebenen Zwecken genutzt, um Ihnen diesen Dienst anzubieten.
+* Nehmen Sie die Möglichkeit in Anspruch, mittels unseres Kontaktformulars Anfragen an uns zu richten, fragen wir Sie nach Ihrem Namen und Ihrer E-Mail-Adresse. Ferner können Sie in dem Mitteilungsfeld Ihre individuelle Nachricht an uns eintragen. Es unterliegt Ihrer freien Entscheidung, ob Sie uns diese Daten mitteilen. Ohne diese Angaben können wir allerdings Ihren Kontaktwunsch nicht erfüllen.
+
+## Änderungen dieser Bedingungen
+
+Wir behalten uns das Recht vor, diese Bedingungen nach unserem alleinigen Ermessen jederzeit zu ändern oder zu ersetzen. Wenn eine Änderung wesentlich ist, werden wir uns angemessen bemühen, Sie mindestens 30 Tage vor Inkrafttreten der neuen Bedingungen zu informieren. Was eine wesentliche Änderung darstellt, wird nach unserem alleinigen Ermessen festgelegt.
+
+Indem Sie nach Inkrafttreten dieser Änderungen weiterhin auf unseren SERVICE zugreifen oder ihn nutzen, erklären Sie sich mit den überarbeiteten Bedingungen einverstanden. Wenn Sie mit den neuen Bedingungen ganz oder teilweise nicht einverstanden sind, beenden Sie bitte die Nutzung der WEBSITE und des SERVICE.
+
+## Kontakt
+
+Bei Fragen zu diesen Bedingungen, den Datenschutzrichtlinien oder den Praktiken von Websites oder Diensten Dritter können Sie uns unter info@jingga.app kontaktieren. Sie erkennen ferner an und erklären sich damit einverstanden, dass die FIRMA weder direkt noch indirekt für Schäden oder Verluste verantwortlich oder haftbar ist, die durch oder in Verbindung mit der Nutzung von oder dem Vertrauen auf solche Inhalte, Waren oder Dienstleistungen, die auf oder über solche Websites oder Dienste verfügbar sind, verursacht werden oder angeblich verursacht werden.
+
+Unseren Datenschutzbeauftragten erreichen Sie bei Fragen über die genannte Adresse oder per Mail an spl1nes.com@googlemail.com.
+
+Wir empfehlen Ihnen dringend, die Geschäftsbedingungen und Datenschutzrichtlinien der von Ihnen besuchten Websites oder Dienste Dritter zu lesen.
+
+Version 2022-08-14
\ No newline at end of file
diff --git a/app/web/Applications/Backend/content/privacy.en.md b/app/web/Applications/Backend/content/privacy.en.md
new file mode 100644
index 0000000..d6e6818
--- /dev/null
+++ b/app/web/Applications/Backend/content/privacy.en.md
@@ -0,0 +1,48 @@
+# Privacy
+
+## Definitions
+
+For the purposes of these TERMS:
+
+* AFFILIATED means an entity that controls, is controlled by or is under common control with a party, where "control" means ownership of 50% or more of the shares, equity interest or other securities entitled to vote for election of directors or other managing authority.
+* COUNTRY refers to Germany
+* COMPANY (referred to as either "the Company", "We", "Us" or "Our" in this AGREEMENT) refers to jingga, Gartenstr. 26, 61206 Woellstadt.
+* DEVICE means any device that can access the Service such as a computer, a cellphone or a digital tablet.
+* SERVICE refers to the Website
+* TERMS or AGREEMENT mean these terms that form the entire agreement between You and the COMPANY regarding the use of the SERVICE.
+* Third-party Social Media Service means any services or content (including data, information, products or services) provided by a third-party that may be displayed, included or made available by the SERVICE.
+* WEBSITE refers to jingga.app
+* APPLICATION refers to all downloadable or installable content which can therfore be used on an a given DEVICE.
+* You means the individual accessing or using the SERVICES, or the company, or other legal entity on behalf of which such individual is accessing or using the Service, as applicable.
+
+## What is personal data?
+
+Personal data is information that can be used to find out personal or factual circumstances about you (e.g. name, address, telephone number, date of birth, e-mail address). Information for which we cannot (or can only with a disproportionate effort) establish a relationship to your person, e.g. by anonymizing the information, is not personal data.
+
+## What personal data do we collect/process and use?
+
+Access data without personal reference is stored, such as the name of your Internet service provider, the page from which you visit us, the names of the requested files and their retrieval date. These data are evaluated exclusively for the improvement of our offer and do not allow any conclusions to be drawn about your person.
+
+If you wish to make use of services offered by us on our website, such as the purchase of APPLICATIONS, etc., it is necessary, on the other hand, for you to provide further data for this purpose. This is the data that is required for the respective processing, e.g. the e-mail address when ordering a SERVICE or APPLICATION.
+We use the data we collect about you to provide the products and SERVICES we offer, to answer your questions and to operate and improve our websites and APPLICATION.
+
+No further use of your personal data will take place. A transfer of your personal data to third parties or a use of your data for advertising purposes without your consent will not take place, except for the cases described below, unless we are required by law to disclose data (information to law enforcement agencies and courts; information to public bodies that receive data under statutory provisions, e.g. social security agencies, tax authorities, etc.) or that we involve third parties to enforce our claims. In particular, personal data is used as follows:
+
+* When you register with jingga, we first store your e-mail address so that we can send you new access data in case you forget it. In addition, we store your first and last name as well as your password to enable you to log in to your account conveniently. These data are used by us for the purposes described above in order to offer you this service.
+* If you make use of the possibility to send inquiries to us by means of our contact form, we will ask you for your name and e-mail address. Furthermore, you can enter your individual message to us in the message field. It is your free decision whether you provide us with this data. However, we cannot fulfill your contact request without this information.
+
+## Changes to these Terms
+
+We reserve the right, at Our sole discretion, to modify or replace these TERMS at any time. If a revision is material We will make reasonable efforts to provide at least 30 days' notice prior to any new terms taking effect. What constitutes a material change will be determined at Our sole discretion.
+
+By continuing to access or use Our SERVICE after those revisions become effective, You agree to be bound by the revised terms. If You do not agree to the new terms, in whole or in part, please stop using the WEBSITE and the SERVICE.
+
+## Contact
+
+For questions regarding these TERMS, privacy policies, or practices of any third party websites or services please feel free to contact us at info@jingga.app. You further acknowledge and agree that the COMPANY shall not be responsible or liable, directly or indirectly, for any damage or loss caused or alleged to be caused by or in connection with the use of or reliance on any such content, goods or services available on or through any such websites or services.
+
+If you have any questions, please contact our data protection officer at the above address or by e-mail at spl1nes.com@googlemail.com.
+
+We strongly advise You to read the terms and conditions and privacy policies of any third-party web sites or services that You visit.
+
+Version 2022-08-14
\ No newline at end of file
diff --git a/app/web/Applications/Backend/content/terms.de.md b/app/web/Applications/Backend/content/terms.de.md
new file mode 100755
index 0000000..7d5b5af
--- /dev/null
+++ b/app/web/Applications/Backend/content/terms.de.md
@@ -0,0 +1,102 @@
+# AGB
+
+## Definitionen
+
+Für die Zwecke dieser AGBs:
+
+* ANGESCHLOSSEN bedeutet ein Unternehmen, das eine Partei kontrolliert, von ihr kontrolliert wird oder mit ihr unter gemeinsamer Kontrolle steht, wobei "Kontrolle" den Besitz von 50 % oder mehr der Aktien, Anteile oder anderer Wertpapiere bedeutet, die zur Wahl von Direktoren oder anderen leitenden Angestellten berechtigt sind.
+* LAND bezieht sich auf Deutschland.
+* UNTERNEHMEN (in dieser VEREINBARUNG entweder als "das Unternehmen", "wir", "uns" oder "unser" bezeichnet) bezieht sich auf jingga, Gartenstr. 26, 61206 Wöllstadt.
+* GERÄT bezeichnet jedes Gerät, das auf den Dienst zugreifen kann, wie z.B. ein Computer, ein Mobiltelefon oder ein digitales Tablet.
+* SERVICE bezieht sich auf die Website.
+* TERMINE oder VEREINBARUNG bezeichnet diese Bedingungen, die die gesamte Vereinbarung zwischen Ihnen und der FIRMA bezüglich der Nutzung des SERVICE bilden.
+* Social-Media-Dienst eines Dritten bezeichnet alle Dienste oder Inhalte (einschließlich Daten, Informationen, Produkte oder Dienste), die von einem Dritten bereitgestellt werden und durch den DIENST angezeigt, einbezogen oder verfügbar gemacht werden können.
+* WEBSITE bezieht sich auf jingga.app.
+* ANWENDUNG bezieht sich auf alle herunterladbaren oder installierbaren Inhalte, die auf einem bestimmten GERÄT genutzt werden können.
+* Sie bezeichnet die Person, die auf die DIENSTE zugreift oder diese nutzt, oder das Unternehmen oder eine andere juristische Person, in deren Namen eine solche Person auf die DIENSTE zugreift oder diese nutzt, je nachdem.
+
+## Kenntnisnahme
+
+Dies sind die GESCHÄFTSBEDINGUNGEN für die Nutzung dieses SERVICE und die Vereinbarung zwischen Ihnen und der FIRMA. Diese BEDINGUNGEN legen die Rechte und Pflichten aller Nutzer in Bezug auf die Nutzung des SERVICE fest.
+
+Ihr Zugang zu und Ihre Nutzung des SERVICE und ANWENDUNGEN setzt voraus, dass Sie die vorliegenden GESCHÄFTSBEDINGUNGEN akzeptieren und einhalten. Diese GESCHÄFTSBEDINGUNGEN gelten für alle Besucher, Nutzer und andere, die auf den SERVICE zugreifen oder ihn nutzen.
+
+Indem Sie auf den SERVICE und ANWENDUNGEN zugreifen oder ihn nutzen, erklären Sie sich damit einverstanden, an diese BEDINGUNGEN gebunden zu sein. Wenn Sie mit irgendeinem Teil dieser Bedingungen nicht einverstanden sind, dürfen Sie nicht auf den SERVICE zugreifen. Sie versichern, dass Sie mindestens 18 Jahre alt sind und die Volljährigkeit erreicht haben. Die FIRMA gestattet Personen unter 18 Jahren oder unter der Volljährigkeit nicht, den SERVICE zu nutzen.
+
+Ihr Zugang zu und Ihre Nutzung des SERVICE und ANWENDUNGEN hängt auch davon ab, dass Sie die Datenschutzrichtlinie der FIRMA akzeptieren und einhalten. Unsere Datenschutzrichtlinie beschreibt unsere Richtlinien und Verfahren für die Erfassung, Nutzung und Offenlegung Ihrer persönlichen Daten, wenn Sie die Anwendung oder die WEBSITE nutzen, und informiert Sie über Ihre Datenschutzrechte und darüber, wie das Gesetz Sie schützt. Bitte lesen Sie Unsere Datenschutzrichtlinien sorgfältig durch, bevor Sie Unseren SERVICE nutzen.
+
+## Urheberrecht
+
+Sofern nicht anders angegeben, sind alle Materialien, einschließlich, aber nicht beschränkt auf Logos, Markennamen, Bilder, Designs, Fotografien, Videos, Audiodateien, Quellcode und schriftliche und andere Materialien, die als Teil unserer WEBSITE, DIENSTE und ANWENDUNGEN erscheinen, Urheberrechte, Marken, Dienstleistungsmarken, Handelsaufmachungen und/oder anderes geistiges Eigentum, ob eingetragen oder nicht eingetragen ("geistiges Eigentum"), das Eigentum von jingga ist oder von jingga kontrolliert oder lizenziert wird. Unsere WEBSITE als Ganzes ist urheberrechtlich und durch Handelsaufmachung geschützt. Nichts auf unserer WEBSITE ist so auszulegen, dass stillschweigend, durch Rechtsverwirkung oder anderweitig eine Lizenz oder ein Recht zur Nutzung von geistigem Eigentum, das auf unserer WEBSITE angezeigt oder verwendet wird, ohne die vorherige schriftliche Genehmigung des Eigentümers des geistigen Eigentums gewährt wird. jingga setzt seine Rechte an geistigem Eigentum in vollem Umfang des Gesetzes aggressiv durch. Die Namen und Logos von jingga dürfen ohne vorherige schriftliche Genehmigung von jingga in keiner Weise verwendet werden, auch nicht in der Werbung oder in der Öffentlichkeitsarbeit im Zusammenhang mit der Verbreitung von Materialien auf unserer WEBSITE. jingga verbietet die Verwendung von Logos von jingga oder einer seiner Tochtergesellschaften als Teil eines Links zu oder von einer WEBSITE, es sei denn, jingga genehmigt einen solchen Link im Voraus und in Schriftform. Die faire Nutzung des geistigen Eigentums von jingga erfordert eine angemessene Anerkennung. Andere Produkt- und Firmennamen, die auf unserer Website erwähnt werden, können das geistige Eigentum ihrer jeweiligen Eigentümer sein.
+
+## Links
+
+Unser SERVICE kann Links zu Websites oder Diensten Dritter enthalten, die nicht im Besitz oder unter der Kontrolle der FIRMA sind.
+
+Die FIRMA hat keine Kontrolle über und übernimmt keine Verantwortung für den Inhalt von Websites oder Diensten Dritter, die Sie besuchen.
+
+## Beendigung
+
+Wir können Ihren Zugang sofort und ohne Vorankündigung oder Haftung kündigen oder aussetzen, aus welchem Grund auch immer, einschließlich und ohne Einschränkung, wenn Sie diese Bedingungen verletzen.
+
+Mit der Beendigung erlischt Ihr Recht zur Nutzung des DIENSTES oder der ANWENDUNG mit sofortiger Wirkung, es sei denn, der DIENST oder die ANWENDUNG stellt einen "Offline"-DIENST oder eine ANWENDUNG dar, einen DIENST oder eine ANWENDUNG, die keine Online-Verbindung erfordert, andere DIENSTE, die wir beendet haben, oder Dienste Dritter. Wir haben keine Kontrolle über die Ressourcen und Dienste Dritter, die für einige unserer DIENSTE und ANWENDUNGEN notwendig sein können. Änderungen durch diese Drittparteien können zur Beendigung des DIENSTES oder der ANWENDUNG oder zur Reduzierung ihrer Funktionalität führen. Sie verstehen diese Abhängigkeiten und Einschränkungen des DIENSTES und der ANWENDUNG und akzeptieren, dass die Beendigung oder reduzierte Funktionalität nicht als Grund für Streitigkeiten, Widerruf oder ähnliches verwendet werden kann.
+
+## Haftungsbeschränkung
+
+Ungeachtet etwaiger Schäden, die Ihnen entstehen könnten, ist die gesamte Haftung der FIRMA und ihrer Zulieferer gemäß den Bestimmungen dieser AGB und Ihr ausschließlicher Rechtsbehelf für alle vorgenannten Punkte auf den Betrag beschränkt, den Sie tatsächlich für den SERVICE bezahlt haben.
+
+Soweit es das anwendbare Recht zulässt, haften die FIRMA oder ihre Lieferanten in keinem Fall für besondere, zufällige, indirekte oder Folgeschäden (einschließlich, aber nicht beschränkt auf Schäden aus entgangenem Gewinn, Verlust von Daten oder anderen Informationen, für Geschäftsunterbrechung, für Personenschäden, Verlust der Privatsphäre, die sich aus der Nutzung oder der Unmöglichkeit der Nutzung des SERVICE, der Software von Dritten und/oder der Hardware von Dritten, die mit dem SERVICE genutzt wird, oder in sonstiger Weise in Verbindung mit einer Bestimmung dieser AGB ergeben oder damit in Zusammenhang stehen), selbst wenn die FIRMA oder ein Lieferant auf die Möglichkeit solcher Schäden hingewiesen wurde und selbst wenn die Abhilfe ihren wesentlichen Zweck verfehlt.
+
+In einigen Staaten oder Ländern ist der Ausschluss stillschweigender Garantien oder die Beschränkung der Haftung für beiläufig entstandene Schäden oder Folgeschäden nicht zulässig, was bedeutet, dass einige der oben genannten Beschränkungen möglicherweise nicht gelten. In diesen Staaten oder Ländern ist die Haftung jeder Partei auf den größtmöglichen gesetzlich zulässigen Umfang beschränkt.
+
+## Haftungsausschluss
+
+Der SERVICE wird Ihnen "WIE BESEHEN" und "WIE VERFÜGBAR" und mit allen Fehlern und Mängeln ohne jegliche Garantie zur Verfügung gestellt. Im größtmöglichen nach geltendem Recht zulässigen Umfang lehnt die FIRMA in ihrem eigenen Namen und im Namen ihrer VERBUNDENEN UNTERNEHMEN und ihrer jeweiligen Lizenzgeber und Dienstleistungsanbieter ausdrücklich alle ausdrücklichen, stillschweigenden, gesetzlichen oder sonstigen Gewährleistungen in Bezug auf den SERVICE ab, einschließlich aller stillschweigenden Gewährleistungen der Marktgängigkeit, der Eignung für einen bestimmten Zweck, des Eigentumsrechts und der Nichtverletzung von Rechten sowie der Gewährleistungen, die sich aus dem Handelsverlauf, der Leistungserbringung, den Gepflogenheiten oder der Handelspraxis ergeben können. Ohne Einschränkung des Vorstehenden übernimmt die FIRMA keine Garantie oder Verpflichtung und gibt keinerlei Zusicherungen ab, dass der SERVICE Ihren Anforderungen entspricht, die beabsichtigten Ergebnisse erzielt, mit anderer Software, Anwendungen, Systemen oder Diensten kompatibel ist oder zusammenarbeitet, ohne Unterbrechung funktioniert, Leistungs- oder Zuverlässigkeitsstandards erfüllt oder fehlerfrei ist oder dass Fehler oder Mängel korrigiert werden können oder werden.
+
+Ohne das Vorstehende einzuschränken, geben weder die FIRMA noch einer ihrer Provider eine ausdrückliche oder stillschweigende Zusicherung oder Gewährleistung jeglicher Art: (i) hinsichtlich des Betriebs oder der Verfügbarkeit des SERVICE oder der darin enthaltenen Informationen, Inhalte und Materialien oder Produkte; (ii) dass der SERVICE ununterbrochen oder fehlerfrei funktioniert; (iii) hinsichtlich der Genauigkeit, Zuverlässigkeit oder Aktualität von Informationen oder Inhalten, die über den SERVICE zur Verfügung gestellt werden; oder (iv) dass der SERVICE, seine Server, die Inhalte oder E-Mails, die von oder im Namen der FIRMA versandt werden, frei von Viren, Skripten, trojanischen Pferden, Würmern, Malware, Zeitbomben oder anderen schädlichen Komponenten sind.
+
+Einige Gerichtsbarkeiten lassen den Ausschluss bestimmter Arten von Garantien oder Einschränkungen der anwendbaren gesetzlichen Rechte eines Verbrauchers nicht zu, so dass einige oder alle der oben genannten Ausschlüsse und Einschränkungen möglicherweise nicht auf Sie zutreffen. In einem solchen Fall werden die in diesem Abschnitt dargelegten Ausschlüsse und Beschränkungen jedoch im größtmöglichen Umfang angewandt, der nach geltendem Recht durchsetzbar ist.
+
+## Geltendes Recht
+
+Die Gesetze des LANDES, unter Ausschluss der Kollisionsnormen, regeln diese Bedingungen und Ihre Nutzung des SERVICE. Ihre Nutzung der ANWENDUNG kann auch anderen lokalen, staatlichen, nationalen oder internationalen Gesetzen unterliegen.
+
+Die Unwirksamkeit einer oder mehrerer Bestimmungen dieser Vereinbarung berührt nicht die Gültigkeit der anderen. Jede Partei dieser AGB kann in diesem Fall verlangen, dass eine neue gültige Bestimmung vereinbart wird, die den wirtschaftlichen Zweck der unwirksamen Bestimmung am besten erreicht.
+
+## Streitbeilegung
+
+Wenn Sie irgendwelche Bedenken oder Streitigkeiten bezüglich des Service haben, erklären Sie sich damit einverstanden, zunächst zu versuchen, die Streitigkeit informell zu lösen, indem Sie die FIRMA kontaktieren.
+
+## Widerruf
+
+Sie haben kein Widerrufsrecht für die DIENSTLEISTUNGEN und ANWENDUNGEN, es sei denn, in Ihrer Gerichtsbarkeit bestehen andere Widerrufsrechte. In einem solchen Fall wird der in diesem Abschnitt beschriebene Widerruf auf den niedrigsten Betrag angewandt, der nach geltendem Recht durchsetzbar ist.
+
+## Lieferung
+
+Die Lieferung der DIENSTLEISTUNGEN und ANWENDUNGEN erfolgt, sofern nicht anders angegeben, innerhalb von 30 Werktagen. Die Lieferung umfasst in diesem Zusammenhang nur den Zugang zu einem Download-Link, die Authentifizierung für einen Online-Dienst oder den Lizenzschlüssel per E-Mail.
+
+## Zahlung
+
+Die Zahlungsbedingungen sind immer Vorauszahlung, sofern nicht anders vereinbart. Zahlungen müssen per Kreditkarte erfolgen.
+
+## Eigentumsvorbehalt
+
+Bis zur vollständigen Bezahlung bleibt das Eigentum an den DIENSTLEISTUNGEN bei uns. Das Eigentum an den DIENSTLEISTUNGEN umfasst nur die Nutzungslizenzen und in keiner Weise das Eigentum an den Vermögenswerten, dem geistigen Eigentum und insbesondere dem Quellcode der DIENSTLEISTUNGEN. Sie haben kein Recht, Kopien unserer DIENSTLEISTUNGEN zu erstellen oder unsere DIENSTLEISTUNGEN unter keinen Umständen weiterzugeben.
+
+## Rechtskonformität
+
+Sie versichern und garantieren, dass (i) Sie sich nicht in einem Land befinden, das einem Embargo der US-Regierung unterliegt oder das von der US-Regierung, der deutschen Regierung oder der EU-Regierung als "Terroristen unterstützendes" Land bezeichnet wurde, und (ii) Sie nicht auf einer Liste der US-Regierung, der deutschen Regierung oder der EU-Regierung mit verbotenen oder eingeschränkten Parteien aufgeführt sind.
+
+## Änderungen dieser Bedingungen
+
+Wir behalten uns das Recht vor, diese Bedingungen nach unserem alleinigen Ermessen jederzeit zu ändern oder zu ersetzen. Wenn eine Änderung wesentlich ist, werden wir uns angemessen bemühen, Sie mindestens 30 Tage vor Inkrafttreten der neuen Bedingungen zu informieren. Was eine wesentliche Änderung darstellt, wird nach unserem alleinigen Ermessen festgelegt.
+
+Indem Sie nach Inkrafttreten dieser Änderungen weiterhin auf unseren SERVICE zugreifen oder ihn nutzen, erklären Sie sich mit den überarbeiteten Bedingungen einverstanden. Wenn Sie mit den neuen Bedingungen ganz oder teilweise nicht einverstanden sind, beenden Sie bitte die Nutzung der WEBSITE und des SERVICE.
+
+## Kontakt
+
+Bei Fragen zu diesen Bedingungen, den Datenschutzrichtlinien oder den Praktiken von Websites oder Diensten Dritter können Sie uns unter info@jingga.app kontaktieren. Sie erkennen ferner an und erklären sich damit einverstanden, dass die FIRMA weder direkt noch indirekt für Schäden oder Verluste verantwortlich oder haftbar ist, die durch oder in Verbindung mit der Nutzung von oder dem Vertrauen auf solche Inhalte, Waren oder Dienstleistungen, die auf oder über solche Websites oder Dienste verfügbar sind, verursacht werden oder angeblich verursacht werden.
+
+Wir empfehlen Ihnen dringend, die Geschäftsbedingungen und Datenschutzrichtlinien der von Ihnen besuchten Websites oder Dienste Dritter zu lesen.
+
+Version 2022-08-14
\ No newline at end of file
diff --git a/app/web/Applications/Backend/content/terms.en.md b/app/web/Applications/Backend/content/terms.en.md
new file mode 100755
index 0000000..f508852
--- /dev/null
+++ b/app/web/Applications/Backend/content/terms.en.md
@@ -0,0 +1,102 @@
+# Terms of Service
+
+## Definitions
+
+For the purposes of these TERMS:
+
+* AFFILIATED means an entity that controls, is controlled by or is under common control with a party, where "control" means ownership of 50% or more of the shares, equity interest or other securities entitled to vote for election of directors or other managing authority.
+* COUNTRY refers to Germany
+* COMPANY (referred to as either "the Company", "We", "Us" or "Our" in this AGREEMENT) refers to jingga, Gartenstr. 26, 61206 Woellstadt.
+* DEVICE means any device that can access the Service such as a computer, a cellphone or a digital tablet.
+* SERVICE refers to the Website
+* TERMS or AGREEMENT mean these terms that form the entire agreement between You and the COMPANY regarding the use of the SERVICE.
+* Third-party Social Media Service means any services or content (including data, information, products or services) provided by a third-party that may be displayed, included or made available by the SERVICE.
+* WEBSITE refers to jingga.app
+* APPLICATION refers to all downloadable or installable content which can therfore be used on an a given DEVICE.
+* You means the individual accessing or using the SERVICES, or the company, or other legal entity on behalf of which such individual is accessing or using the Service, as applicable.
+
+## Acknowledgement
+
+These are the TERMS governing the use of this SERVICE and the agreement that operates between You and the COMPANY. These TERMS set out the rights and obligations of all users regarding the use of the SERVICE.
+
+Your access to and use of the SERVICE and APPLICATIONS is conditioned on Your acceptance of and compliance with these TERMS. These TERMS apply to all visitors, users and others who access or use the SERVICE.
+
+By accessing or using the SERVICE and APPLICATIONS You agree to be bound by these TERMS. If You disagree with any part of these TERMS then You may not access the SERVICE. You represent that you are at least over the age of 18 and be over the Age of Majority. The COMPANY does not permit those under 18 or the Age of Majurity to use the SERVICE.
+
+Your access to and use of the SERVICE and APPLICATIONS is also conditioned on Your acceptance of and compliance with the Privacy Policy of the COMPANY. Our Privacy Policy describes Our policies and procedures on the collection, use and disclosure of Your personal information when You use the Application or the WEBSITE and tells You about Your privacy rights and how the law protects You. Please read Our Privacy Policy carefully before using Our SERVICE.
+
+## Copyright
+
+Unless otherwise noted, all materials including without limitation, logos, brand names, images, designs, photographs, videos, audio, source code and written and other materials that appear as part of our WEBSITE, SERVICES and APPLICATIONS are copyrights, trademarks, service marks, trade dress and/or other intellectual property whether registered or unregistered ("Intellectual Property") owned, controlled or licensed by jingga. Our WEBSITE as a whole is protected by copyright and trade dress. Nothing on our WEBSITE should be construed as granting, by implication, estoppel or otherwise, any license or right to use any Intellectual Property displayed or used on our WEBSITE, without the prior written permission of the Intellectual Property owner. jingga aggressively enforces its intellectual property rights to the fullest extent of the law. The names and logos of jingga, may not be used in any way, including in advertising or publicity pertaining to distribution of materials on our WEBSITE, without prior, written permission from jingga. jingga prohibits use of any logo of jingga or any of its affiliates as part of a link to or from any WEBSITE unless jingga approves such link in advance and in writing. Fair use of jingga Intellectual Property requires proper acknowledgment. Other product and company names mentioned in our Website may be the Intellectual Property of their respective owners.
+
+## Links
+
+Our SERVICE may contain links to third-party web sites or services that are not owned or controlled by the COMPANY.
+
+The COMPANY has no control over, and assumes no responsibility for, the contentthird-party web sites or services that You visit.
+
+## Termination
+
+We may terminate or suspend Your access immediately, without prior notice or liability, for any reason whatsoever, including without limitation if You breach these TERMS.
+
+Upon termination, Your right to use the SERVICE or APPLICATION will cease immediately unless the SERVICE or APPLICATION represents a "offline" SERVICE or APPLICATION, a SERVICE or APPLICATION which doesn't require any online connection, other SERVICES which We terminated, or third-party services. We have no contorl over thrid-party resources and services which may be necessary for some of Our SERVICES and APPLICATIONS. Changes by these third-parties may lead to the termination of the SERVICE or APPLICATION or reducing their functionality. You understand these dependencies and SERVICE and APPLICATION limitations and accept that the termination or reduced functionality cannot be used as reason for dispute, revocation or similarly.
+
+## Limitation of Liability
+
+Notwithstanding any damages that You might incur, the entire liability of the COMPANY and any of its suppliers under any provision of this TERMS and Your exclusive remedy for all of the foregoing shall be limited to the amount actually paid by through the SERVICE.
+
+To the maximum extent permitted by applicable law, in no event shall the COMPANY or its suppliers be liable for any special, incidental, indirect, or consequential damages whatsoever (including, but not limited to, damages for loss of profits, loss of data or other information, for business interruption, for personal injury, loss of privacy arising out of or in any way related to the use of or inability to use the SERVICE, third-party software and/or third-party hardware used with the SERVICE, or otherwise in connection with any provision of this TERMS), even if the COMPANY or any supplier has been advised of the possibility of such damages and even if the remedy fails of its essential purpose.
+
+Some states or countries do not allow the exclusion of implied warranties or limitation of liability for incidental or consequential damages, which means that some of the above limitations may not apply. In these states or countries, each party's liability will be limited to the greatest extent permitted by law.
+
+## Disclaimer
+
+The SERVICE is provided to You "AS IS" and "AS AVAILABLE" and with all faults and defects without warranty of any kind. To the maximum extent permitted under applicable law, the COMPANY, on its own behalf and on behalf of its AFFILIATES and its and their respective licensors and service providers, expressly disclaims all warranties, whether express, implied, statutory or otherwise, with respect to the SERVICE, including all implied warranties of merchantability, fitness for a particular purpose, title and non-infringement, and warranties that may arise out of course of dealing, course of performance, usage or trade practice. Without limitation to the foregoing, the COMPANY provides no warranty or undertaking, and makes no representation of any kind that the SERVICE will meet Your requirements, achieve any intended results, be compatible or work with any other software, applications, systems or services, operate without interruption, meet any performance or reliability standards or be error free or that any errors or defects can or will be corrected.
+
+Without limiting the foregoing, neither the COMPANY nor any of the company's provider makes any representation or warranty of any kind, express or implied: (i) as to the operation or availability of the SERVICE, or the information, content, and materials or products included thereon; (ii) that the SERVICE will be uninterrupted or error-free; (iii) as to the accuracy, reliability, or currency of any information or content provided through the SERVICE; or (iv) that the SERVICE, its servers, the content, or e-mails sent from or on behalf of the COMPANY are free of viruses, scripts, trojan horses, worms, malware, timebombs or other harmful components.
+
+Some jurisdictions do not allow the exclusion of certain types of warranties or limitations on applicable statutory rights of a consumer, so some or all of the above exclusions and limitations may not apply to You. But in such a case the exclusions and limitations set forth in this section shall be applied to the greatest extent enforceable under applicable law.
+
+## Governing Law
+
+The laws of the COUNTRY, excluding its conflicts of law rules, shall govern these TERMS and Your use of the SERVICE. Your use of the APPLICATION may also be subject to other local, state, national, or international laws.
+
+The ineffectiveness of one or more provisions of this agreement does not affect the validity of the others. Each party to these TERMS can in this case demand that a new valid provision be agreed which best achieves the economic purpose of the ineffective provision.
+
+## Dispute Resolution
+
+If You have any concern or dispute about the Service, You agree to first try to resolve the dispute informally by contacting the COMPANY.
+
+## Revocation
+
+You have no right of revocation for any SERVICES and APPLICATIONS unless different revocation rights exist in your jurisdiction. In such a case the revocation set forth in this section shall be applied to the lowest amount enforcable under applicable law.
+
+## Delivery
+
+The delivery of any SERVICES and APPLICATIONS unless specified differently takes place within 30 business days. Delivery in this context only includes the access to a download link, authentication to a online service, or license key via email.
+
+## Payment
+
+The payment terms are always prepayment unless otherwise agreed upon. Payments must be done via credit card.
+
+## Reservation of ownership
+
+Until the complete payment the ownership of the SERVICES and APPLICATIONS belongs to Us. Ownership of SERVICES and APPLICATIONS only include user licenses and in no way ownership for the assets, intellectual property and especially the source code of the SERVICES and APPLICATIONS. You have no right to create copies of Our SERVICES or APPLICATIONS or re-distribute our SERVICES and APPLICATIONS under any circumstance.
+
+## Legal Compliance
+
+You represent and warrant that (i) You are not located in a country that is subject to the United States government embargo, or that has been designated by the United States, German or EU government as a "terrorist supporting" country, and (ii) You are not listed on any United States, German or EU government list of prohibited or restricted parties.
+
+## Changes to these Terms
+
+We reserve the right, at Our sole discretion, to modify or replace these TERMS at any time. If a revision is material We will make reasonable efforts to provide at least 30 days' notice prior to any new terms taking effect. What constitutes a material change will be determined at Our sole discretion.
+
+By continuing to access or use Our SERVICE after those revisions become effective, You agree to be bound by the revised terms. If You do not agree to the new terms, in whole or in part, please stop using the WEBSITE and the SERVICE.
+
+## Contact
+
+For questions regarding these TERMS, privacy policies, or practices of any third party websites or services please feel free to contact us at info@jingga.app. You further acknowledge and agree that the COMPANY shall not be responsible or liable, directly or indirectly, for any damage or loss caused or alleged to be caused by or in connection with the use of or reliance on any such content, goods or services available on or through any such websites or services.
+
+We strongly advise You to read the terms and conditions and privacy policies of any third-party web sites or services that You visit.
+
+Version 2022-08-14
\ No newline at end of file
diff --git a/app/web/Applications/Backend/css/backend-small.css b/app/web/Applications/Backend/css/backend-small.css
new file mode 100644
index 0000000..7265659
--- /dev/null
+++ b/app/web/Applications/Backend/css/backend-small.css
@@ -0,0 +1,210 @@
+:root {
+  --main-background: rgb(246, 246, 246);
+  --main-background-highlight: #3697db;
+  --input-border: rgba(218, 218, 218, 0.4);
+  --input-border-active: rgba(54, 150, 219, 0.7);
+  --input-color: rgba(0, 0, 0, 0.7);
+  --input-color-active: rgba(0, 0, 0, 0.8);
+  --input-background: rgba(255, 255, 255);
+  --input-background-active: rgba(255, 255, 255);
+  --input-icon-color: rgba(54, 150, 219, .6);
+  --input-icon-color-active: rgba(54, 150, 219, 1);
+  --button-main-background: #3697db;
+  --button-main-background-active: #4aabf0;
+  --button-main-color: rgba(255, 255, 255, .9);
+  --text-on-background-color: rgba(255, 255, 255, 0.7);
+  --text-on-background-color-2: rgba(255, 255, 255, 0.85);
+  --nav-category-background: #343a40;
+  --nav-category-background-highlight: #3697db;
+  --nav-category-background-hover: #434a51;
+  --nav-sub-background: #ebeff3;
+  --nav-sub-background-highlight: rgb(160,56,228);
+  --nav-sub-background-hover: rgb(42, 43, 48);
+  --nav-content-hover: #3697db;
+  --font-family: 'Roboto', sans-serif;
+  --button-colored-background: #3697db;
+  --button-colored-background-hover: #4aabf0;
+  --table-caption-background: rgb(255, 255, 255);
+  --table-head-background: #e6ecf1;
+  --table-row-background: rgb(255, 255, 255);
+  --table-row-background-alt: rgb(255, 255, 255);
+  --table-row-background-hover: #d4eeff;
+  --link-color: #3697db;
+  --link-hover: #3697db;
+  --badge-size: .55rem;
+  --badge-color: rgb(255, 255, 255);
+  --badge-background: #3697db;
+  --box-border: rgba(72, 71, 114, 0.3);
+  --box-highlight: #3697db;
+  --color-blue: #3697db;
+  --color-red: #e74c3c;
+  --color-green: #2ecc71;
+  --color-yellow: #ffde5b;
+  --header-background: rgb(255, 255, 255); }
+
+html, body {
+  width: 100%;
+  height: 100%;
+  min-width: 100%;
+  max-width: 100%;
+  overflow: hidden;
+  font-family: var(--font-family);
+  font-weight: 100;
+  color: #000; }
+
+body {
+  display: flex;
+  flex-direction: column; }
+  body > nav {
+    width: 250px;
+    overflow-y: auto;
+    font-size: 0.8em;
+    background: var(--nav-category-background);
+    color: rgba(255, 255, 255, 0.8);
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    user-select: none; }
+  body > header {
+    background: #203483;
+    background: linear-gradient(90deg, #203483 0%, #a038e4 100%);
+    border-bottom: 1px solid #203483;
+    padding: 0 1rem 0 1rem;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    flex-flow: row;
+    flex-shrink: 0;
+    height: 55px; }
+    body > header > form {
+      display: flex;
+      flex: 1;
+      padding: 0 5px 0 5px;
+      max-width: 800px; }
+    body > header .inputWrapper {
+      flex: 1; }
+    body > header input[type=text] {
+      width: 100%;
+      background: white;
+      border: 1px solid var(--input-border);
+      text-shadow: none;
+      box-shadow: none;
+      transition: border 500ms ease-out;
+      outline: none;
+      box-sizing: border-box;
+      padding-left: 2rem; }
+
+main {
+  display: flex;
+  flex-direction: row;
+  max-width: 100%;
+  height: 100%;
+  background: var(--main-background);
+  overflow-x: auto;
+  /* required for table overflow, otherwise tables in the portlet cause overflows */
+  flex: 1;
+  box-sizing: border-box; }
+
+#nav-side {
+  background: var(--nav-sub-background);
+  width: 250px;
+  border-right: 1px solid #000; }
+
+#nav-side-inner {
+  border-top: none; }
+  #nav-side-inner > li li:first-child {
+    border-top: none;
+    border-bottom: none; }
+  #nav-side-inner > li li a:hover {
+    background: var(--nav-sub-background); }
+
+#logo {
+  height: 100%;
+  flex: 1;
+  text-align: right;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding-left: 1rem; }
+  #logo select {
+    background: var(--nav-category-background);
+    color: rgba(255, 255, 255, 0.8);
+    font-size: .8rem; }
+
+#t-nav-container {
+  margin-left: auto; }
+
+#content {
+  display: flex;
+  flex: 1;
+  padding: 0 0 1rem 1rem;
+  overflow-y: auto;
+  flex-direction: column; }
+
+#t-nav {
+  font-size: .8rem;
+  color: #000;
+  font-weight: 300; }
+  #t-nav a {
+    padding: 0 5px 0 5px;
+    line-height: 25px; }
+    #t-nav a:hover, #t-nav a:focus {
+      color: var(--link-hover); }
+  #t-nav i {
+    margin-right: 5px; }
+  #t-nav li {
+    display: inline; }
+
+#dim {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  opacity: 0.5;
+  z-index: 5; }
+
+img.profile-image {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  border: 2px solid #fff; }
+
+#app-message-container {
+  position: absolute;
+  margin: 0 auto;
+  right: 10px;
+  top: 85px;
+  padding: 0; }
+  #app-message-container .log-msg {
+    z-index: 11;
+    margin: 0 auto;
+    right: 0;
+    top: 0;
+    margin-bottom: 10px; }
+
+.log-msg {
+  position: relative; }
+  .log-msg .close {
+    position: absolute;
+    top: 5px;
+    right: 5px; }
+
+@media only screen and (max-width: 500px) {
+  nav .ham-trigger {
+    display: flex; } }
+@media only screen and (max-width: 600px) {
+  main > header {
+    flex-flow: column;
+    height: auto;
+    padding: 1rem; }
+    main > header form {
+      width: 100%; }
+
+  #t-nav-container {
+    order: -1;
+    margin-bottom: .5rem; } }
+@media only screen and (max-width: 1000px) {
+  #t-nav .link {
+    display: none; } }
diff --git a/app/web/Applications/Backend/css/backend-small.scss b/app/web/Applications/Backend/css/backend-small.scss
new file mode 100755
index 0000000..2cb0400
--- /dev/null
+++ b/app/web/Applications/Backend/css/backend-small.scss
@@ -0,0 +1,197 @@
+@import "backend_vars.scss";
+
+html, body {
+    width: 100%;
+    height: 100%;
+    min-width: 100%;
+    max-width: 100%;
+    overflow: hidden;
+    font-family: var(--font-family);
+    font-weight: 100;
+    color: #000;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+
+    > nav {
+        width: 250px;
+        overflow-y: auto;
+        font-size: 0.8em;
+        background: var(--nav-category-background);
+        color: rgba(255, 255, 255, 0.8);
+        flex-shrink: 0;
+        display: flex;
+        flex-direction: column;
+        user-select: none;
+    }
+
+    > header {
+        background: rgb(32,52,131);
+        background: linear-gradient(90deg, rgb(32,52,131) 0%, rgb(160,56,228) 100%);
+        border-bottom: 1px solid rgb(32,52,131);
+        padding: 0 1rem 0 1rem;
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        flex-flow: row;
+        flex-shrink: 0;
+        height: 55px;
+        //box-shadow: 0 0 3px 1px rgba(72, 71, 114, 0.3);
+
+        > form {
+            display: flex;
+            flex: 1;
+            padding: 0 5px 0 5px;
+            max-width: 800px;
+        }
+
+        .inputWrapper {
+            flex: 1;
+        }
+
+        input[type=text] {
+            width: 100%;
+            background: rgba(255, 255, 255, 1);
+            border: 1px solid var(--input-border);
+            text-shadow: none;
+            box-shadow: none;
+            transition : border 500ms ease-out;
+            outline: none;
+            box-sizing: border-box;
+            padding-left: 2rem;
+        }
+    }
+}
+
+main {
+    display: flex;
+    flex-direction: row;
+    max-width: 100%;
+    height: 100%;
+    background: var(--main-background);
+    overflow-x: auto; /* required for table overflow, otherwise tables in the portlet cause overflows */
+
+    flex: 1;
+    box-sizing: border-box;
+}
+
+#nav-side {
+    background: var(--nav-sub-background);
+    width: 250px;
+    border-right: 1px solid #000;
+}
+
+#nav-side-inner {
+    border-top: none;
+
+    > li {
+        li:first-child {
+            border-top: none;
+            border-bottom: none;
+        }
+
+        li a:hover {
+            background: var(--nav-sub-background);
+    }   }
+}
+
+#logo {
+    height: 100%;
+    flex: 1;
+    text-align: right;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    padding-left: 1rem;
+
+    select {
+        background: var(--nav-category-background);
+        color: rgba(255, 255, 255, 0.8);
+        font-size: .8rem;
+    }
+}
+
+#t-nav-container {
+    margin-left: auto;
+}
+
+#content {
+    display: flex;
+    flex: 1;
+    padding: 0 0 1rem 1rem;
+    overflow-y: auto;
+    flex-direction: column;
+}
+
+#t-nav {
+    font-size: .8rem;
+    color: #000;
+    font-weight: 300;
+
+    a {
+        padding: 0 5px 0 5px;
+        line-height: 25px;
+
+        &:hover, &:focus {
+            color: var(--link-hover);
+        }
+    }
+
+    i {
+        margin-right: 5px;
+    }
+
+    li {
+        display: inline;
+    }
+}
+
+#dim {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: #000;
+    opacity: 0.5;
+    z-index: 5;
+}
+
+img.profile-image {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    border: 2px solid #fff;
+}
+
+#app-message-container {
+    position: absolute;
+    margin: 0 auto;
+    right: 10px;
+    top: 85px;
+    padding: 0;
+
+    .log-msg {
+        z-index: 11;
+        margin: 0 auto;
+        right: 0;
+        top: 0;
+        margin-bottom: 10px;
+    }
+}
+
+.log-msg {
+    position: relative;
+
+    .close {
+        position: absolute;
+        top: 5px;
+        right: 5px;
+    }
+}
+
+@import "backend_media.scss";
\ No newline at end of file
diff --git a/app/web/Applications/Backend/css/backend_media.css b/app/web/Applications/Backend/css/backend_media.css
new file mode 100755
index 0000000..cc491bf
--- /dev/null
+++ b/app/web/Applications/Backend/css/backend_media.css
@@ -0,0 +1,39 @@
+@media only screen and (min-width: 1101px) {
+  .b-1 {
+    width: 31.5%;
+    width: calc(33.3% - 10px); }
+
+  .b-2 {
+    width: 48.5%;
+    width: calc(50% - 10px); }
+
+  .b-3 {
+    width: 63%;
+    width: calc(66.6% - 10px); } }
+@media only screen and (min-width: 801px) and (max-width: 1100px) {
+  .b-1 {
+    width: 48.5%;
+    width: calc(50% - 10px); } }
+@media only screen and (max-width: 1100px) {
+  .b-2, .b-3 {
+    width: 100%;
+    width: calc(100% - 10px); } }
+@media only screen and (min-width: 801px) {
+  .b-4 {
+    width: 48.5%;
+    width: calc(50% - 10px); } }
+@media only screen and (max-width: 800px) {
+  .b-1, .b-3 {
+    width: 100%;
+    width: calc(100% - 10px); }
+
+  #logo {
+    display: none; }
+
+  #s-nav {
+    width: 100%; }
+
+  #s-bar input[type=text] {
+    margin-left: 35px;
+    width: 80%;
+    width: calc(100% - 90px); } }
diff --git a/app/web/Applications/Backend/css/backend_media.scss b/app/web/Applications/Backend/css/backend_media.scss
new file mode 100755
index 0000000..b99fcba
--- /dev/null
+++ b/app/web/Applications/Backend/css/backend_media.scss
@@ -0,0 +1,28 @@
+@media only screen and (max-width: 500px) {
+    nav .ham-trigger {
+        display: flex;
+    }
+}
+
+@media only screen and (max-width: 600px) {
+    main > header  {
+        flex-flow: column;
+        height: auto;
+        padding: 1rem;
+
+        form {
+            width: 100%;
+        }
+    }
+
+    #t-nav-container {
+        order: -1;
+        margin-bottom: .5rem;
+    }
+}
+
+@media only screen and (max-width: 1000px) {
+    #t-nav .link {
+        display: none;
+    }
+}
\ No newline at end of file
diff --git a/app/web/Applications/Backend/css/backend_vars.css b/app/web/Applications/Backend/css/backend_vars.css
new file mode 100755
index 0000000..e8044db
--- /dev/null
+++ b/app/web/Applications/Backend/css/backend_vars.css
@@ -0,0 +1,43 @@
+:root {
+  --main-background: rgb(246, 246, 246);
+  --main-background-highlight: #3697db;
+  --input-border: rgba(218, 218, 218, 0.4);
+  --input-border-active: rgba(54, 150, 219, 0.7);
+  --input-color: rgba(0, 0, 0, 0.7);
+  --input-color-active: rgba(0, 0, 0, 0.8);
+  --input-background: rgba(255, 255, 255);
+  --input-background-active: rgba(255, 255, 255);
+  --input-icon-color: rgba(54, 150, 219, .6);
+  --input-icon-color-active: rgba(54, 150, 219, 1);
+  --button-main-background: #3697db;
+  --button-main-background-active: #4aabf0;
+  --button-main-color: rgba(255, 255, 255, .9);
+  --text-on-background-color: rgba(255, 255, 255, 0.7);
+  --text-on-background-color-2: rgba(255, 255, 255, 0.85);
+  --nav-category-background: #343a40;
+  --nav-category-background-highlight: #3697db;
+  --nav-category-background-hover: #434a51;
+  --nav-sub-background: #ebeff3;
+  --nav-sub-background-highlight: rgb(160,56,228);
+  --nav-sub-background-hover: rgb(42, 43, 48);
+  --nav-content-hover: #3697db;
+  --font-family: 'Roboto', sans-serif;
+  --button-colored-background: #3697db;
+  --button-colored-background-hover: #4aabf0;
+  --table-caption-background: rgb(255, 255, 255);
+  --table-head-background: #e6ecf1;
+  --table-row-background: rgb(255, 255, 255);
+  --table-row-background-alt: rgb(255, 255, 255);
+  --table-row-background-hover: #d4eeff;
+  --link-color: #3697db;
+  --link-hover: #3697db;
+  --badge-size: .55rem;
+  --badge-color: rgb(255, 255, 255);
+  --badge-background: #3697db;
+  --box-border: rgba(72, 71, 114, 0.3);
+  --box-highlight: #3697db;
+  --color-blue: #3697db;
+  --color-red: #e74c3c;
+  --color-green: #2ecc71;
+  --color-yellow: #ffde5b;
+  --header-background: rgb(255, 255, 255); }
diff --git a/app/web/Applications/Backend/css/backend_vars.scss b/app/web/Applications/Backend/css/backend_vars.scss
new file mode 100755
index 0000000..aa93a8e
--- /dev/null
+++ b/app/web/Applications/Backend/css/backend_vars.scss
@@ -0,0 +1,59 @@
+:root {
+    --main-background: rgb(246, 246, 246);
+    --main-background-highlight: #3697db;
+
+    --input-border: rgba(218, 218, 218, 0.4);
+    --input-border-active: rgba(54, 150, 219, 0.7);
+    --input-color: rgba(0, 0, 0, 0.7);
+    --input-color-active: rgba(0, 0, 0, 0.8);
+    --input-background: rgba(255, 255, 255);
+    --input-background-active: rgba(255, 255, 255);
+
+    --input-icon-color: rgba(54, 150, 219, .6);
+    --input-icon-color-active: rgba(54, 150, 219, 1);
+
+    --button-main-background: #3697db;
+    --button-main-background-active: #4aabf0;
+    --button-main-color: rgba(255, 255, 255, .9);
+
+    --text-on-background-color: rgba(255, 255, 255, 0.7);
+    --text-on-background-color-2: rgba(255, 255, 255, 0.85);
+
+    --nav-category-background: #343a40;
+    --nav-category-background-highlight: #3697db;
+    --nav-category-background-hover: #434a51;
+
+    --nav-sub-background: #ebeff3;
+    --nav-sub-background-highlight: rgb(160,56,228);
+    --nav-sub-background-hover: rgb(42, 43, 48);
+
+    --nav-content-hover: #3697db;
+
+    --font-family: 'Roboto', sans-serif;
+
+    --button-colored-background: #3697db;
+    --button-colored-background-hover: #4aabf0;
+
+    --table-caption-background: rgb(255, 255, 255);
+    --table-head-background: #e6ecf1;
+    --table-row-background: rgb(255, 255, 255);
+    --table-row-background-alt: rgb(255, 255, 255);
+    --table-row-background-hover: #d4eeff;
+
+    --link-color: #3697db;
+    --link-hover: #3697db;
+
+    --badge-size: .55rem;
+    --badge-color: rgb(255, 255, 255);
+    --badge-background: #3697db;
+
+    --box-border: rgba(72, 71, 114, 0.3);
+    --box-highlight: #3697db;
+
+    --color-blue: #3697db;
+    --color-red: #e74c3c;
+    --color-green: #2ecc71;
+    --color-yellow: #ffde5b;
+
+    --header-background: rgb(255, 255, 255);
+}
diff --git a/app/web/Applications/Backend/css/signin-small.css b/app/web/Applications/Backend/css/signin-small.css
new file mode 100644
index 0000000..dfaa8a7
--- /dev/null
+++ b/app/web/Applications/Backend/css/signin-small.css
@@ -0,0 +1,182 @@
+:root {
+    --main-background: #343a40;
+    --input-border: rgba(54, 150, 219, 0.4);
+    --input-border-active: rgba(54, 150, 219, 0.7);
+    --input-color: rgba(255, 255, 255, 0.7);
+    --input-color-active: rgba(255, 255, 255, 0.7);
+    --input-icon-color: rgba(54, 150, 219, .6);
+    --input-icon-color-active: rgba(54, 150, 219, 1);
+    --button-main-background: #3697db;
+    --button-main-background-active: #4aabf0;
+    --button-main-color: rgba(255, 255, 255, .9);
+    --text-on-background-color: rgba(255, 255, 255, 0.7); }
+
+html, body {
+    font-family: 'Roboto', sans-serif;
+    color: var(--text-on-background-color);
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    flex-direction: column;
+    font-weight: 100;
+    scrollbar-color: var(--button-main-background) var(--main-background);
+    scrollbar-width: thin;
+}
+
+html::-webkit-scrollbar, body::-webkit-scrollbar {
+    width: 7px;
+}
+
+html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
+    background: var(--button-main-background);
+}
+
+html::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
+    background: var(--main-background);
+}
+
+body {
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-position: center;
+    background-image: url(Applications/Backend/img/bg.svg);
+}
+
+  footer {
+    align-self: flex-end; }
+    footer li {
+      display: inline-block;
+      padding: 1rem; }
+
+  main {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 90%;
+    max-width: 800px; }
+    main article {
+      background: inherit;
+      padding: 0;
+      margin: 0;
+      font-size: inherit;
+      color: inherit; }
+
+  #login-container {
+    width: 90%;
+    max-width: 300px;
+    margin: 0 auto; }
+    #login-container label {
+      color: rgba(255, 255, 255, 0.7); }
+
+  #login-logo {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 185px;
+    text-align: center;
+    margin-bottom: 10%; }
+    #login-logo img {
+      animation: pulse 1.5s ease infinite alternate;
+      width: 60%; }
+
+  @keyframes pulse {
+    0% {
+      width: 60%; }
+    30%, 100% {
+      width: 65%; } }
+  header {
+    text-align: left;
+    margin-bottom: 1rem; }
+    header h1 {
+      font-weight: 300; }
+
+  form {
+    margin-bottom: 10%; }
+    form label {
+      text-shadow: none;
+      color: var(--text-on-background-color);
+      cursor: pointer; }
+
+  form select,
+  form input[type=text],
+  form input[type=password] {
+    margin-bottom: .5rem;
+    background: rgba(0, 0, 0, 0.15);
+    border: 1px solid var(--input-border);
+    text-shadow: none;
+    box-shadow: none;
+    color: var(--text-on-background-color);
+    width: 100%;
+    transition: border 500ms ease-out;
+    outline: none;
+    box-sizing: border-box;
+    line-height: 1rem; }
+
+  .inputWithIcon {
+    position: relative; }
+    .inputWithIcon .frontIcon {
+      color: var(--input-icon-color);
+      font-size: 1rem;
+      position: absolute;
+      left: 0;
+      top: 0;
+      padding: .65rem; }
+    .inputWithIcon .endIcon {
+      color: var(--input-icon-color);
+      font-size: 1rem;
+      position: absolute;
+      right: 0;
+      top: 0;
+      padding: .65rem; }
+    .inputWithIcon input[type="text"], .inputWithIcon input[type="password"] {
+      padding-left: 2.5rem; }
+
+  form input[type=text]:active, form input[type=text]:focus,
+  form input[type=password]:active, form input[type=password]:focus {
+    border: 1px solid var(--input-border-active);
+    color: var(--text-on-background-color); }
+
+  form input[type=text]:active ~ .frontIcon, form input[type=text]:focus ~ .frontIcon,
+  form input[type=password]:active ~ .frontIcon, form input[type=password]:focus ~ .frontIcon,
+  form input[type=text]:active ~ .endIcon, form input[type=text]:focus ~ .endIcon,
+  form input[type=password]:active ~ .endIcon, form input[type=password]:focus ~ .endIcon {
+    color: var(--input-icon-color-active); }
+
+  form input[type=text] ~ .endIcon, form input[type=text] ~ .endIcon,
+  form input[type=password] ~ .endIcon, form input[type=password] ~ .endIcon {
+    cursor: pointer; }
+
+  form input[type=submit] {
+    width: 100%;
+    background-color: var(--button-main-background);
+    border: none;
+    text-shadow: none;
+    box-shadow: none;
+    color: var(--button-main-color);
+    cursor: pointer;
+    transition: background-color 500ms ease-out; }
+
+  form input[type=submit]:hover,
+  form input[type=submit]:focus {
+    background-color: var(--button-main-background-active);
+    border: none;
+    text-shadow: none;
+    box-shadow: none; }
+
+  /* Only this part below is different from the login page */
+  #below-form {
+    margin-top: 1rem;
+    text-align: center; }
+    #below-form a {
+      padding-bottom: .5rem;
+      cursor: pointer;
+      transition: border-bottom 100ms ease-out; }
+    #below-form a:hover,
+    #below-form a:focus {
+      color: rgba(255, 255, 255, 0.8);
+      border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
diff --git a/app/web/Applications/Backend/img/bg.svg b/app/web/Applications/Backend/img/bg.svg
new file mode 100644
index 0000000..3a0baee
--- /dev/null
+++ b/app/web/Applications/Backend/img/bg.svg
@@ -0,0 +1,271 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1920"
+   height="1080"
+   viewBox="0 0 508 285.75001"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="bg.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   preserveAspectRatio="none">
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient1506"
+       inkscape:collect="always">
+      <stop
+         id="stop1502"
+         offset="0"
+         style="stop-color:#3996ff;stop-opacity:0.89705884" />
+      <stop
+         id="stop1504"
+         offset="1"
+         style="stop-color:#7a2caa;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1402-6">
+      <stop
+         style="stop-color:#1c3081;stop-opacity:1"
+         offset="0"
+         id="stop1454" />
+      <stop
+         style="stop-color:#7a2caa;stop-opacity:1"
+         offset="1"
+         id="stop1456" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1402-6"
+       id="linearGradient1422"
+       gradientUnits="userSpaceOnUse"
+       x1="207.9357"
+       y1="6.231005e-09"
+       x2="244.47226"
+       y2="151.04616" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1506"
+       id="radialGradient1500"
+       cx="253.99998"
+       cy="142.87502"
+       fx="253.99998"
+       fy="142.87502"
+       r="254"
+       gradientTransform="matrix(1.0925975,2.1601218e-8,-1.6571401e-8,0.83818749,-23.519771,23.118955)"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="1128.5618"
+     inkscape:cy="335.46497"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer3"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1061"
+     inkscape:window-x="1920"
+     inkscape:window-y="1080"
+     inkscape:window-maximized="1"
+     units="px"
+     inkscape:snap-smooth-nodes="true"
+     inkscape:snap-midpoints="true"
+     inkscape:snap-object-midpoints="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:object-paths="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-page="true" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="BG"
+     sodipodi:insensitive="true">
+    <rect
+       style="fill:url(#linearGradient1422);fill-opacity:1;stroke:none;stroke-width:0.39700001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1396"
+       width="508"
+       height="285.75"
+       x="-2.5560073e-08"
+       y="6.2309931e-09" />
+  </g>
+  <g
+     inkscape:label="Center Highlight"
+     id="g1496"
+     inkscape:groupmode="layer"
+     sodipodi:insensitive="true">
+    <rect
+       y="5.7251614e-06"
+       x="-1.1444092e-05"
+       height="285.75"
+       width="508"
+       id="rect1494"
+       style="fill:url(#radialGradient1500);fill-opacity:1;stroke:none;stroke-width:0.39700001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Transparent Highlights">
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1513"
+       width="48.917919"
+       height="268.14758"
+       x="-37.255283"
+       y="-66.653755"
+       transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+       ry="14.541889" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1513-7"
+       width="29.083778"
+       height="280.83319"
+       x="-77.095451"
+       y="93.633575"
+       transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1513-9"
+       width="29.083778"
+       height="280.83319"
+       x="-235.79486"
+       y="28.764849"
+       transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1513-3"
+       width="29.083778"
+       height="280.83319"
+       x="-278.81018"
+       y="237.31682"
+       transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1513-06"
+       width="29.083778"
+       height="280.83319"
+       x="-413.18396"
+       y="190.08469"
+       transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1513-2"
+       width="29.083778"
+       height="280.83319"
+       x="90.303535"
+       y="156.41028"
+       transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1572"
+       width="104.23512"
+       height="230.38632"
+       x="264.26831"
+       y="147.34708"
+       transform="rotate(-30)"
+       ry="43.717068" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1574"
+       width="82.239799"
+       height="257.36731"
+       x="132.64613"
+       y="22.777628"
+       transform="rotate(-30)" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1576"
+       width="97.161247"
+       height="243.96391"
+       x="-65.513947"
+       y="220.71979"
+       transform="rotate(-30)"
+       ry="28.559462" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39700025;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1578"
+       width="84.760918"
+       height="229.15842"
+       x="91.800362"
+       y="203.64694"
+       transform="matrix(0.86562457,-0.50069363,0.49930672,0.8664253,0,0)"
+       ry="32.495167" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39700025;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1578-8"
+       width="64.990334"
+       height="235.05061"
+       x="-64.990334"
+       y="-117.52531"
+       transform="matrix(0.86562456,-0.50069364,0.49930672,0.8664253,0,0)" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39700025;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1578-7"
+       width="64.990334"
+       height="235.05061"
+       x="-53.941257"
+       y="145.60141"
+       transform="matrix(0.86562456,-0.50069364,0.49930672,0.8664253,0,0)" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1572-9"
+       width="104.23513"
+       height="230.38632"
+       x="195.87666"
+       y="346.85233"
+       transform="rotate(-30)" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1513-7-2"
+       width="29.083778"
+       height="280.83319"
+       x="-91.637344"
+       y="-46.783016"
+       transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+       ry="14.541889" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1513-3-0"
+       width="29.083778"
+       height="280.83319"
+       x="-351.25281"
+       y="340.11569"
+       transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39700025;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1578-2"
+       width="64.048317"
+       height="238.82486"
+       x="101.23595"
+       y="-60.247566"
+       transform="matrix(0.86562456,-0.50069364,0.49930672,0.8664253,0,0)"
+       ry="32.024158" />
+  </g>
+</svg>
diff --git a/app/web/Applications/Backend/img/favicon.ico b/app/web/Applications/Backend/img/favicon.ico
new file mode 100755
index 0000000..ec514e2
Binary files /dev/null and b/app/web/Applications/Backend/img/favicon.ico differ
diff --git a/app/web/Applications/Backend/img/logo.png b/app/web/Applications/Backend/img/logo.png
new file mode 100755
index 0000000..27d7f3c
Binary files /dev/null and b/app/web/Applications/Backend/img/logo.png differ
diff --git a/app/web/Applications/Backend/index.tpl.php b/app/web/Applications/Backend/index.tpl.php
new file mode 100644
index 0000000..702c250
--- /dev/null
+++ b/app/web/Applications/Backend/index.tpl.php
@@ -0,0 +1,162 @@
+<?php
+
+/**
+ * Karaka
+ *
+ * PHP Version 8.1
+ *
+ * @package   Web\Backend
+ * @copyright Dennis Eichhorn
+ * @license   OMS License 1.0
+ * @version   1.0.0
+ * @link      https://karaka.app
+ */
+declare(strict_types=1);
+
+use phpOMS\Uri\UriFactory;
+
+/** @var phpOMS\Model\Html\Head $head */
+$head = $this->getData('head');
+
+/** @var array $dispatch */
+$dispatch = $this->getData('dispatch') ?? [];
+?>
+<!DOCTYPE HTML>
+<html lang="<?= $this->printHtml($this->response->getLanguage()); ?>">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="#1e3182">
+    <meta name="msapplication-navbutton-color" content="#1e3182">
+    <meta name="apple-mobile-web-app-status-bar-style" content="#1e3182">
+    <meta name="description" content="<?= $this->getHtml(':meta', '0', '0'); ?>">
+    <?= $head->meta->render(); ?>
+
+    <base href="<?= UriFactory::build('{/base}'); ?>/">
+
+    <link rel="shortcut icon" href="<?= UriFactory::build('Applications/Backend/img/favicon.ico?v=1.0.0'); ?>" type="image/x-icon">
+
+    <title><?= $this->printHtml($head->title); ?></title>
+
+    <?= $head->renderAssets(); ?>
+
+    <style><?= $head->renderStyle(); ?></style>
+    <script><?= $head->renderScript(); ?></script>
+</head>
+<body>
+    <div class="vh" id="dim"></div>
+    <header>
+        <div id="t-nav-container">
+            <ul id="t-nav" role="navigation">
+                <li><a href=""><span class="link">Logout</span></a></li>
+            </ul>
+        </div>
+    </header>
+    <main>
+        <nav id="nav-side">
+            <div id="nav-side-outer" class="oms-ui-state">
+                <ul id="nav-side-inner" class="nav" role="navigation">
+                    <li>
+                        <input name="category-admin" class="oms-ui-state" id="nav-admin" type="checkbox">
+                        <ul>
+                            <li>
+                                <label for="nav-admin">
+                                    <i class=""></i>
+                                    <span>Admin</span>
+                                    <i class="fa lni lni-chevron-right expand"></i>
+                                </label>
+                            </li>
+                            <li><a href="">Organizations</a>
+                            <li><a href="">Users</a>
+                            <li><a href="">Bills</a>
+                        </ul>
+                    </li>
+                    <li>
+                        <input name="category-org" class="oms-ui-state" id="nav-org" type="checkbox">
+                        <ul>
+                            <li>
+                                <label for="nav-org">
+                                    <i class=""></i>
+                                    <span>Organization</span>
+                                    <i class="fa lni lni-chevron-right expand"></i>
+                                </label>
+                            </li>
+                            <li><a href="">Settings</a>
+                            <li><a href="">Users</a>
+                            <li><a href="">Resources</a>
+                            <li><a href="">Bills</a>
+                        </ul>
+                    </li>
+                    <li>
+                        <input name="category-home" class="oms-ui-state" id="nav-home" type="checkbox">
+                        <ul>
+                            <li>
+                                <label for="nav-home">
+                                    <i class=""></i>
+                                    <span>Home</span>
+                                    <i class="fa lni lni-chevron-right expand"></i>
+                                </label>
+                            </li>
+                            <li><a href="">Settings</a>
+                            <li><a href="">Resources</a>
+                            <li><a href="">Reports</a>
+                        </ul>
+                    </li>
+                    <li>
+                        <input name="category-legal" class="oms-ui-state" id="nav-legal" type="checkbox">
+                        <ul>
+                            <li>
+                                <label for="nav-legal">
+                                    <i class=""></i>
+                                    <span>Legal</span>
+                                    <i class="fa lni lni-chevron-right expand"></i>
+                                </label>
+                            </li>
+                            <li><a href="">Terms</a>
+                            <li><a href="">Privacy</a>
+                            <li><a href="">Imprint</a>
+                        </ul>
+                    </li>
+                </ul>
+            </div>
+        </nav>
+        <div id="content" class="container-fluid" role="main">
+            <?php
+            $c = 0;
+            foreach ($dispatch as $view) {
+                if (!($view instanceof \phpOMS\Views\NullView)
+                    && $view instanceof \phpOMS\Contract\RenderableInterface
+                ) {
+                    ++$c;
+                    echo $view->render();
+                }
+            }
+
+            if ($c === 0) {
+                echo '<div class="emptyPage"></div>';
+            }
+            ?>
+        </div>
+    </main>
+    <div id="app-message-container">
+        <template id="app-message-tpl">
+            <div class="log-msg">
+                <h1 class="log-msg-title"></h1><i class="close fa fa-times"></i>
+                <div class="log-msg-content"></div>
+            </div>
+        </template>
+    </div>
+
+<template id="table-context-menu-tpl">
+    <div id="table-context-menu" class="context-menu">
+        <ul>
+            <li class="context-line">
+                <label class="checkbox" for="itable1-visibile-">
+                    <input type="checkbox" id="itable1-visibile-" name="itable1-visible" checked>
+                    <span class="checkmark"></span>
+                </label>
+            </li>
+        </ul>
+    </div>
+</template>
+<?= $head->renderAssetsLate(); ?>
diff --git a/app/web/Applications/Backend/js/backend.js b/app/web/Applications/Backend/js/backend.js
new file mode 100755
index 0000000..0836711
--- /dev/null
+++ b/app/web/Applications/Backend/js/backend.js
@@ -0,0 +1,219 @@
+import { AssetManager } from '../../../jsOMS/Asset/AssetManager.js';
+import { Logger } from '../../../jsOMS/Log/Logger.js';
+import { CacheManager } from '../../../jsOMS/DataStorage/CacheManager.js';
+import { StorageManager } from '../../../jsOMS/DataStorage/StorageManager.js';
+import { EventManager } from '../../../jsOMS/Event/EventManager.js';
+import { ResponseManager } from '../../../jsOMS/Message/Response/ResponseManager.js';
+import { AccountManager } from '../../../jsOMS/Account/AccountManager.js';
+import { UIManager } from '../../../jsOMS/UI/UIManager.js';
+import { InputManager } from '../../../jsOMS/UI/Input/InputManager.js';
+import { ModuleManager } from '../../../jsOMS/Module/ModuleManager.js';
+import { ReadManager } from '../../../jsOMS/UI/Input/Voice/ReadManager.js';
+import { VoiceManager } from '../../../jsOMS/UI/Input/Voice/VoiceManager.js';
+import { NotificationManager } from '../../../jsOMS/Message/Notification/NotificationManager.js';
+import { HttpUri } from '../../../jsOMS/Uri/HttpUri.js';
+import { UriFactory } from '../../../jsOMS/Uri/UriFactory.js';
+
+import { ACTION_EVENTS } from './global/ActionEvents.js';
+import { KEYBOARD_EVENTS } from './global/KeyboardEvents.js';
+import { MOUSE_EVENTS } from './global/MouseEvents.js';
+import { RESPONSE_EVENTS } from './global/ResponseEvents.js';
+import { TOUCH_EVENTS } from './global/TouchEvents.js';
+import { VOICE_EVENTS } from './global/VoiceEvents.js';
+
+/**
+ * Application entry point
+ *
+ * @copyright Dennis Eichhorn
+ * @license   OMS License 1.0
+ * @version   1.0.0
+ * @since     1.0.0
+ */
+export class Application
+{
+    /**
+     * @constructor
+     *
+     * @since 1.0.0
+     */
+    constructor ()
+    {
+        //jsOMS.Autoloader.initPreloaded();
+
+        this.logger   = Logger.getInstance(true, false, false);
+        window.logger = this.logger;
+
+        this.cacheManager    = new CacheManager();
+        this.storageManager  = new StorageManager();
+        this.eventManager    = new EventManager();
+        this.responseManager = new ResponseManager();
+        this.assetManager    = new AssetManager();
+        this.accountManager  = new AccountManager();
+        this.uiManager       = new UIManager(this);
+        this.inputManager    = new InputManager(this);
+        this.moduleManager   = new ModuleManager(this);
+        this.readManager     = new ReadManager();
+        this.voiceManager    = new VoiceManager(this);
+        this.notifyManager   = new NotificationManager();
+        this.request         = null;
+
+        this.reInit();
+
+        this.setupServiceWorker();
+        this.setResponseMessages();
+        this.setVoiceActions();
+        this.setActions();
+        this.setKeyboardActions();
+        this.setMouseActions();
+        this.setPopstate();
+    };
+
+    reInit()
+    {
+        this.request = new HttpUri(window.location.href);
+
+        this.request.setRootPath(
+            HttpUri.parseUrl(
+                document.getElementsByTagName('base')[0].href
+            ).path
+        );
+
+        UriFactory.setupUriBuilder(this.request);
+        UriFactory.setQuery('/lang', window.location.href.substr(this.request.getBase().length).split('/')[0]);
+
+        this.uiManager.bind();
+    };
+
+    setPopstate()
+    {
+        window.addEventListener('popstate', function (event, state) {
+            window.location.href = window.location.href;
+        });
+    };
+
+    /**
+     * Setup the service worker
+     *
+     * @return {void}
+     *
+     * @sicne 1.0.0
+     */
+    setupServiceWorker ()
+    {
+        /** global: navigator */
+        if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.register('/Web/Backend/ServiceWorker.js', {scope: this.request.getBase()}).catch(function (e)
+            {
+                Logger.instance.warning('ServiceWorker registration failed.');
+            });
+        }
+    };
+
+    /**
+     * Setup the response manager
+     *
+     * @return {void}
+     *
+     * @sicne 1.0.0
+     */
+    setResponseMessages ()
+    {
+        /** global: RESPONSE_EVENTS */
+        for(let key in RESPONSE_EVENTS) {
+            if(RESPONSE_EVENTS.hasOwnProperty(key)) {
+                this.responseManager.add(key, RESPONSE_EVENTS[key]);
+            }
+        }
+    };
+
+    /**
+     * Setup the action manager
+     *
+     * @return {void}
+     *
+     * @sicne 1.0.0
+     */
+    setActions ()
+    {
+        /** global: ACTION_EVENTS */
+        for(let key in ACTION_EVENTS) {
+            if(ACTION_EVENTS.hasOwnProperty(key)) {
+                this.uiManager.getActionManager().add(key, ACTION_EVENTS[key]);
+            }
+        }
+    };
+
+    /**
+     * Setup the keyboard manager
+     *
+     * @return {void}
+     *
+     * @sicne 1.0.0
+     */
+    setKeyboardActions ()
+    {
+        /** global: KEYBOARD_EVENTS */
+        let length = KEYBOARD_EVENTS.length;
+
+        for(let i = 0; i < length; i++) {
+            this.inputManager.getKeyboardManager().add(
+                KEYBOARD_EVENTS[i]['element'],
+                KEYBOARD_EVENTS[i]['keys'],
+                KEYBOARD_EVENTS[i]['callback']
+            );
+        }
+    };
+
+    /**
+     * Setup the mouse manager
+     *
+     * @return {void}
+     *
+     * @sicne 1.0.0
+     */
+    setMouseActions ()
+    {
+        /** global: MOUSE_EVENTS */
+        let length = MOUSE_EVENTS.length;
+
+        for(let i = 0; i < length; i++) {
+            this.inputManager.getMouseManager().add(
+                MOUSE_EVENTS[i]['element'],
+                MOUSE_EVENTS[i]['type'],
+                MOUSE_EVENTS[i]['button'],
+                MOUSE_EVENTS[i]['callback'],
+                MOUSE_EVENTS[i]['exact']
+            );
+        }
+    };
+
+    /**
+     * Setup the voice manager
+     *
+     * @return {void}
+     *
+     * @sicne 1.0.0
+     */
+    setVoiceActions ()
+    {
+        /** global: VOICE_EVENTS */
+        for(let key in VOICE_EVENTS) {
+            if(VOICE_EVENTS.hasOwnProperty(key)) {
+                this.voiceManager.add(key, VOICE_EVENTS[key]);
+            }
+        }
+
+        this.voiceManager.setup();
+        this.voiceManager.start();
+    };
+};
+
+/**
+ * Create the application after loading the page
+ */
+jsOMS.ready(function ()
+{
+    "use strict";
+
+    window.omsApp = new Application();
+});
diff --git a/app/web/Applications/Backend/js/global/ActionEvents.js b/app/web/Applications/Backend/js/global/ActionEvents.js
new file mode 100755
index 0000000..67de3a8
--- /dev/null
+++ b/app/web/Applications/Backend/js/global/ActionEvents.js
@@ -0,0 +1,15 @@
+import { redirectMessage } from '../../../../jsOMS/Model/Message/Redirect.js';
+import { requestAction } from '../../../../jsOMS/Model/Action/Message/Request.js';
+import { reloadButtonAction } from '../../../../jsOMS/Model/Action/Dom/Reload.js';
+import { preventEvent } from '../../../../jsOMS/Model/Action/Event/Prevent.js';
+import { domClickAction } from '../../../../jsOMS/Model/Action/Dom/Click.js';
+import { formSubmitAction } from '../../../../jsOMS/Model/Action/Dom/FormSubmit.js';
+
+export const ACTION_EVENTS = {
+    'redirect': redirectMessage, /** global: redirectMessage */
+    'message.request': requestAction, /** global: requestAction */
+    'dom.reload': reloadButtonAction, /** global: reloadButtonAction */
+    'dom.click': domClickAction, /** global: domClickAction */
+    'form.submit': formSubmitAction, /** global: domClickAction */
+    'event.prevent': preventEvent, /** global: preventEvent */
+};
diff --git a/app/web/Applications/Backend/js/global/KeyboardEvents.js b/app/web/Applications/Backend/js/global/KeyboardEvents.js
new file mode 100755
index 0000000..364b664
--- /dev/null
+++ b/app/web/Applications/Backend/js/global/KeyboardEvents.js
@@ -0,0 +1,116 @@
+/** global: jsOMS */
+export const KEYBOARD_EVENTS = [
+    {
+        'element': '', // jump into search bar
+        'keys': [17, 80], // ctrl+p
+        'callback': function (e) {document.getElementById('iSearchBox').focus();}
+    }, {
+        'element': 'form, input, textarea, select', // submit currently focused form with the first found submit element (add, update, save)
+        'keys': [17, 13], // ctrl+enter
+        'callback': function (e) {
+            const focused = document.activeElement;
+            let formId    = focused.closest('form');
+
+            if (formId !== null) {
+                formId = formId.id;
+            }
+
+            if (formId === null) {
+                formId = focused.getAttribute('form');
+            }
+
+            if (formId === null) {
+                formId = focused.getAttribute('data-form');
+            }
+
+            if (formId === null) {
+                return;
+            }
+
+            const form    = window.omsApp.uiManager.getFormManager().get(formId);
+            const buttons = form.getSubmit();
+            const length  = buttons.length;
+
+            let defaultSubmit = -1;
+
+            for (let i = 0; i < length; ++i) {
+                if (jsOMS.hasClass(buttons[i], 'hidden')) {
+                    continue;
+                }
+
+                if (jsOMS.hasClass(buttons[i], 'add-form')
+                    || jsOMS.hasClass(buttons[i], 'update-form')
+                    || jsOMS.hasClass(buttons[i], 'save-form')
+                ) {
+                    buttons[i].click();
+                    break;
+                }
+
+                defaultSubmit = i;
+            }
+
+            if (defaultSubmit !== -1) {
+                buttons[defaultSubmit].click();
+            }
+        }
+    }, {
+        'element': 'label, tr', // click label
+        'keys': [13], // enter
+        'callback': function (e) {document.activeElement.click();}
+    }, {
+        'element': '', // previous page
+        'keys': [17, 66], // ctrl+b
+        'callback': function (e) {window.history.back();}
+    }, {
+        'element': '', // next tabindex
+        'keys': [17, 40], // ctrl+down
+        'callback': function (e) {
+            const focusable = document.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
+            const length    = focusable.length;
+
+            for (let i = 0; i < length; ++i) {
+                if (document.activeElement === focusable[i]) {
+                    let j = 1;
+                    do {
+                        if (i + j < length) {
+                            focusable[i + j].focus();
+                        } else {
+                            focusable[0 + j - 1].focus();
+                        }
+
+                        ++j;
+                    } while (j < length && document.activeElement === focusable[i]);
+
+                    return;
+                }
+            }
+
+            document.dispatchEvent(new KeyboardEvent('keypress', {keyCode: 9}));
+        }
+    }, {
+        'element': '', // previous tab index
+        'keys': [17, 38], // ctrl+up
+        'callback': function (e) {
+            const focusable = document.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
+            const length    = focusable.length;
+
+            for (let i = 0; i < length; ++i) {
+                if (document.activeElement === focusable[i]) {
+                    let j = 1;
+                    do {
+                        if (i - j + 1 > 0) {
+                            focusable[i - j].focus();
+                        } else {
+                            focusable[length - j].focus();
+                        }
+
+                        ++j;
+                    } while (j < length && document.activeElement === focusable[i]);
+
+                    return;
+                }
+            }
+
+            document.dispatchEvent(new KeyboardEvent('keypress', {keyCode: 9}));
+        }
+    }];
diff --git a/app/web/Applications/Backend/js/global/MouseEvents.js b/app/web/Applications/Backend/js/global/MouseEvents.js
new file mode 100755
index 0000000..48dc230
--- /dev/null
+++ b/app/web/Applications/Backend/js/global/MouseEvents.js
@@ -0,0 +1,18 @@
+import { EventType } from '../../../../jsOMS/UI/Input/Mouse/EventType.js';
+import { ClickType } from '../../../../jsOMS/UI/Input/Mouse/ClickType.js';
+
+/** global: jsOMS */
+export const MOUSE_EVENTS = [
+    {
+        'element': 'nav-side',
+        'type': EventType.CONTEXT,
+        'button': ClickType.RIGHT,
+        'callback': function () { window.omsApp.logger.log('right clicked'); },
+        'exact': true
+    }, {
+        'element': 'nav-side',
+        'type': EventType.LONGPRESS,
+        'button': ClickType.LEFT,
+        'callback': function () { window.omsApp.logger.log('left clicked'); },
+        'exact': false
+    }];
diff --git a/app/web/Applications/Backend/js/global/ResponseEvents.js b/app/web/Applications/Backend/js/global/ResponseEvents.js
new file mode 100755
index 0000000..3ed0278
--- /dev/null
+++ b/app/web/Applications/Backend/js/global/ResponseEvents.js
@@ -0,0 +1,12 @@
+import { notifyMessage } from '../../../../jsOMS/Model/Message/Notify.js';
+import { formValidationMessage } from '../../../../jsOMS/Model/Message/FormValidation.js';
+import { redirectMessage } from '../../../../jsOMS/Model/Message/Redirect.js';
+import { reloadMessage } from '../../../../jsOMS/Model/Message/Reload.js';
+
+/** global: jsOMS */
+export const RESPONSE_EVENTS = {
+    'notify': notifyMessage, /** global: notifyMessage */
+    'validation': formValidationMessage, /** global: formValidationMessage */
+    'redirect': redirectMessage, /** global: redirectMessage */
+    'reload': reloadMessage /** global: reloadMessage */
+};
diff --git a/app/web/Applications/Backend/js/global/TouchEvents.js b/app/web/Applications/Backend/js/global/TouchEvents.js
new file mode 100755
index 0000000..15ddbe0
--- /dev/null
+++ b/app/web/Applications/Backend/js/global/TouchEvents.js
@@ -0,0 +1,2 @@
+/** global: jsOMS */
+export const TOUCH_EVENTS = {};
diff --git a/app/web/Applications/Backend/js/global/VoiceEvents.js b/app/web/Applications/Backend/js/global/VoiceEvents.js
new file mode 100755
index 0000000..dfb3af5
--- /dev/null
+++ b/app/web/Applications/Backend/js/global/VoiceEvents.js
@@ -0,0 +1,57 @@
+import { Logger }              from '../../../../jsOMS/Log/Logger.js';
+import { NotificationLevel }   from '../../../../jsOMS/Message/Notification/NotificationLevel.js';
+import { NotificationMessage } from '../../../../jsOMS/Message/Notification/NotificationMessage.js';
+import { NotificationType }    from '../../../../jsOMS/Message/Notification/NotificationType.js';
+import { Request }             from '../../../../jsOMS/Message/Request/Request.js';
+import { RequestMethod }       from '../../../../jsOMS/Message/Request/RequestMethod.js';
+import { RequestType }         from '../../../../jsOMS/Message/Request/RequestType.js';
+import { Response }            from '../../../../jsOMS/Message/Response/Response.js';
+
+/** global: jsOMS */
+export const VOICE_EVENTS = {
+    'read': 'read_text',
+    'help': function() { Logger.instance.debug('There is no help for you.'); },
+    'go to': function(speech) {
+        const request = new Request();
+        request.setData({});
+        request.setType(RequestType.FORM_DATA);
+        request.setUri('api/navigation/goto?app=Backend&search=' + speech);
+        request.setMethod(RequestMethod.GET);
+        request.setSuccess(function (xhr)
+        {
+            window.omsApp.logger.log(xhr.response);
+
+            try {
+                const o        = JSON.parse(xhr.response)[0];
+                const response = new Response(o);
+
+                if (typeof response.get('type') !== 'undefined') {
+                    window.omsApp.responseManager.run(response.get('type'), response.get(), request);
+                } else if (typeof o.status !== 'undefined' && o.status !== NotificationLevel.HIDDEN) {
+                    window.omsApp.notifyManager.send(
+                        new NotificationMessage(o.status, o.title, o.message), NotificationType.APP_NOTIFICATION
+                    );
+                }
+            } catch (e) {
+                window.omsApp.logger.log(e);
+
+                Logger.instance.error('Invalid form response. \n'
+                    + 'Request: ' + JSON.stringify(speech) + '\n'
+                    + 'Response: ' + xhr.response
+                );
+            }
+        });
+
+        request.setResultCallback(0, function (xhr)
+        {
+            window.omsApp.notifyManager.send(
+                new NotificationMessage(
+                    NotificationLevel.ERROR,
+                    'Failure',
+                    'Some failure happened'
+                ), NotificationType.APP_NOTIFICATION
+            );
+        });
+
+        request.send();
+    }};
diff --git a/app/web/Applications/Backend/lang/en.lang.php b/app/web/Applications/Backend/lang/en.lang.php
new file mode 100644
index 0000000..2d1aedf
--- /dev/null
+++ b/app/web/Applications/Backend/lang/en.lang.php
@@ -0,0 +1,13 @@
+<?php
+declare(strict_types=1);
+
+return [[
+    'SignIn' => 'Sign In',
+    'Username' => 'Username',
+    'Logo' => 'Logo',
+    'Terms' => 'Terms',
+    'Imprint' => 'Imprint',
+    'PrivacyPolicy' => 'Privacy Policy',
+    'Password' => 'Password',
+    'ForgotPassword' => 'Forgot Password',
+]];
diff --git a/app/web/Applications/Backend/signin-legal.tpl.php b/app/web/Applications/Backend/signin-legal.tpl.php
new file mode 100644
index 0000000..e69de29
diff --git a/app/web/Applications/Backend/signin.tpl.php b/app/web/Applications/Backend/signin.tpl.php
new file mode 100644
index 0000000..07e7673
--- /dev/null
+++ b/app/web/Applications/Backend/signin.tpl.php
@@ -0,0 +1,71 @@
+<?php
+/**
+ * Karaka
+ *
+ * PHP Version 8.1
+ *
+ * @package   Web\Backend
+ * @copyright Dennis Eichhorn
+ * @license   OMS License 1.0
+ * @version   1.0.0
+ * @link      https://karaka.app
+ */
+declare(strict_types=1);
+
+use phpOMS\Uri\UriFactory;
+
+$head = $this->getData('head');
+?>
+<!DOCTYPE HTML>
+<html lang="<?= $this->printHtml($this->response->getLanguage()); ?>">
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8">
+    <base href="<?= UriFactory::build('{/base}'); ?>/">
+    <meta name="theme-color" content="#1e3182">
+    <meta name="msapplication-navbutton-color" content="#1e3182">
+    <meta name="apple-mobile-web-app-status-bar-style" content="#1e3182">
+    <meta name="description" content="<?= $this->getHtml(':meta', '0', '0'); ?>">
+    <link rel="shortcut icon" href="<?= UriFactory::build('Applications/Backend/img/favicon.ico'); ?>" type="image/x-icon">
+    <?= $head->meta->render(); ?>
+    <title><?= $this->printHtml($head->title); ?></title>
+    <style><?= $head->renderStyle(); ?></style>
+    <script><?= $head->renderScript(); ?></script>
+    <?= $head->renderAssets(); ?>
+</head>
+<body>
+<main>
+    <div id="login-container">
+        <div id="login-logo">
+            <img alt="<?= $this->getHtml('Logo', '0', '0'); ?>" src="<?= UriFactory::build('Applications/Backend/img/logo.png'); ?>">
+        </div>
+        <header><h1><?= $this->getHtml('SignIn', '0', '0'); ?></h1></header>
+        <div id="login-form">
+            <form id="login" method="POST" action="<?= UriFactory::build('{/api}login?{?}'); ?>">
+                <label for="iName"><?= $this->getHtml('Username', '0', '0'); ?>:</label>
+                <div class="inputWithIcon">
+                    <input id="iName" type="text" name="user" tabindex="1" value="" autocomplete="off" spellcheck="false" autofocus>
+                    <i class="frontIcon fa fa-user fa-lg fa-fw" aria-hidden="true"></i>
+                    <i class="endIcon fa fa-times fa-lg fa-fw" aria-hidden="true"></i>
+                </div>
+                <label for="iPassword"><?= $this->getHtml('Password', '0', '0'); ?>:</label>
+                <div class="inputWithIcon">
+                    <input id="iPassword" type="password" name="pass" tabindex="2" value="">
+                    <i class="frontIcon fa fa-lock fa-lg fa-fw" aria-hidden="true"></i>
+                    <i class="endIcon fa fa-times fa-lg fa-fw" aria-hidden="true"></i>
+                </div>
+                <input id="iLoginButton" name="loginButton" type="submit" value="<?= $this->getHtml('SignIn', '0', '0'); ?>" tabindex="3">
+            </form>
+        </div>
+        <div id="below-form"><a href="<?= UriFactory::build('{/prefix}forgot'); ?>" tabindex="4"><?= $this->getHtml('ForgotPassword', '0', '0'); ?></a></div>
+    </div>
+</main>
+<footer>
+    <ul>
+        <li><a href="<?= UriFactory::build('{/prefix}privacy'); ?>"><?= $this->getHtml('PrivacyPolicy', '0', '0'); ?></a>
+        <li><a href="<?= UriFactory::build('{/prefix}terms'); ?>"><?= $this->getHtml('Terms', '0', '0'); ?></a>
+        <li><a href="<?= UriFactory::build('{/prefix}imprint'); ?>"><?= $this->getHtml('Imprint', '0', '0'); ?></a>
+    </ul>
+</footer>
+
+<?= $head->renderAssetsLate(); ?>
diff --git a/app/web/Applications/Backend/tpl/nav-side.tpl.php b/app/web/Applications/Backend/tpl/nav-side.tpl.php
new file mode 100644
index 0000000..e69de29
diff --git a/app/web/Applications/Backend/tpl/nav-top.tpl.php b/app/web/Applications/Backend/tpl/nav-top.tpl.php
new file mode 100644
index 0000000..e69de29
diff --git a/app/web/Applications/Frontend/content/imprint.de.md b/app/web/Applications/Frontend/content/imprint.de.md
new file mode 100644
index 0000000..2a08bf0
--- /dev/null
+++ b/app/web/Applications/Frontend/content/imprint.de.md
@@ -0,0 +1,28 @@
+# Impressum
+
+jingga
+
+**Vertreten durch**
+
+Dennis Eichhorn
+
+**Kontakt**
+
+spl1nes.com@googlemail.com
+
+**Registereintrag**
+
+Nicht vorhanden
+
+**Umsatzsteuer-ID gemäß §27 a Umsatzsteuergesetz**
+
+Nicht vorhanden
+
+**Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV**
+
+jingga
+Dennis Eichhorn
+
+**Datenschutzbeauftragter**
+
+spl1nes.com@googlemail.com
\ No newline at end of file
diff --git a/app/web/Applications/Frontend/content/imprint.en.md b/app/web/Applications/Frontend/content/imprint.en.md
new file mode 100644
index 0000000..cb93fe0
--- /dev/null
+++ b/app/web/Applications/Frontend/content/imprint.en.md
@@ -0,0 +1,28 @@
+# Imprint
+
+jingga
+
+**Represented by**
+
+Dennis Eichhorn
+
+**Contact**
+
+spl1nes.com@googlemail.com
+
+**Commercial register**
+
+Not available
+
+**VAT-ID according §27 a value added tax (Umsatzsteuergesetz)**
+
+Not available
+
+**Responsible for the content according to § 55 Abs. 2 RStV**
+
+jingga
+Dennis Eichhorn
+
+**Data protection officer**
+
+spl1nes.com@googlemail.com
\ No newline at end of file
diff --git a/app/web/Applications/Frontend/content/privacy.de.md b/app/web/Applications/Frontend/content/privacy.de.md
new file mode 100644
index 0000000..2b02516
--- /dev/null
+++ b/app/web/Applications/Frontend/content/privacy.de.md
@@ -0,0 +1,48 @@
+# Datenschutzerklärung
+
+## Definitionen
+
+Für die Zwecke dieser Datenschutzerklärung:
+
+* ANGESCHLOSSEN bedeutet ein Unternehmen, das eine Partei kontrolliert, von ihr kontrolliert wird oder mit ihr unter gemeinsamer Kontrolle steht, wobei "Kontrolle" den Besitz von 50 % oder mehr der Aktien, Anteile oder anderer Wertpapiere bedeutet, die zur Wahl von Direktoren oder anderen leitenden Angestellten berechtigt sind.
+* LAND bezieht sich auf Deutschland.
+* UNTERNEHMEN (in dieser VEREINBARUNG entweder als "das Unternehmen", "wir", "uns" oder "unser" bezeichnet) bezieht sich auf jingga, Gartenstr. 26, 61206 Wöllstadt.
+* GERÄT bezeichnet jedes Gerät, das auf den Dienst zugreifen kann, wie z.B. ein Computer, ein Mobiltelefon oder ein digitales Tablet.
+* SERVICE bezieht sich auf die Website.
+* TERMINE oder VEREINBARUNG bezeichnet diese Bedingungen, die die gesamte Vereinbarung zwischen Ihnen und der FIRMA bezüglich der Nutzung des SERVICE bilden.
+* Social-Media-Dienst eines Dritten bezeichnet alle Dienste oder Inhalte (einschließlich Daten, Informationen, Produkte oder Dienste), die von einem Dritten bereitgestellt werden und durch den DIENST angezeigt, einbezogen oder verfügbar gemacht werden können.
+* WEBSITE bezieht sich auf jingga.app.
+* ANWENDUNG bezieht sich auf alle herunterladbaren oder installierbaren Inhalte, die auf einem bestimmten GERÄT genutzt werden können.
+* Sie bezeichnet die Person, die auf die DIENSTE zugreift oder diese nutzt, oder das Unternehmen oder eine andere juristische Person, in deren Namen eine solche Person auf die DIENSTE zugreift oder diese nutzt, je nachdem.
+
+## Was sind personenbezogene Daten?
+
+Personenbezogene Daten sind Informationen, die dazu genutzt werden können, persönliche oder sachliche Verhältnisse über Sie zu erfahren (z.B. Name, Anschrift, Telefonnummer, Geburtsdatum, E-Mail-Adresse). Informationen, bei denen wir keinen (oder nur mit einem unverhältnismäßigen Aufwand) Bezug zu Ihrer Person herstellen können, z.B. durch Anonymisierung der Informationen, sind keine personenbezogenen Daten.
+
+## Welche personenbezogenen Daten werden von uns erhoben/verarbeitet und genutzt?
+
+Gespeichert werden Zugriffsdaten ohne Personenbezug, wie z.B. der Name Ihres Internet Service Providers, die Seite, von der aus Sie uns besuchen, die Namen der angeforderten Dateien und deren Abrufdatum. Diese Daten werden ausschließlich zur Verbesserung unseres Angebotes ausgewertet und erlauben keinerlei Rückschlüsse auf Ihre Person.
+
+Soweit Sie von uns auf unserem Internetauftritt angebotene Leistungen, wie den Kauf von ANWENDUNGEN, etc., in Anspruch nehmen wollen, ist es dagegen nötig, dass Sie dazu weitere Daten angeben. Es handelt sich um diejenigen Daten, die zur jeweiligen Abwicklung erforderlich sind, z.B. die E-Mailadresse bei Bestellung einer DIENSTLEISTUNG oder ANWENDUNG.
+Wir nutzen die von uns über Sie erhobenen Daten für die Bereitstellung der von uns angebotenen Produkte und DIENSTLEISTUNG, für die Beantwortung Ihrer Fragen sowie für den Betrieb und die Verbesserung unserer Webseiten und ANWENDUNG.
+
+Eine weitere Nutzung Ihrer personenbezogenen Daten findet nicht statt. Eine Übermittlung Ihrer personenbezogenen Daten an Dritte oder eine Nutzung Ihrer Daten zu Werbezwecken ohne Ihre Einwilligung findet, ausgenommen der unten dargestellten Fälle, nicht statt, es sei denn, dass wir gesetzlich zur Herausgabe von Daten verpflichtet sind (Auskunft an Strafverfolgungsbehörden und Gerichte; Auskunft an öffentliche Stellen, die Daten aufgrund gesetzlicher Vorschriften erhalten, z.B. Sozialversicherungsträger, Finanzbehörden usw.) oder dass wir zur Durchsetzung unserer Forderungen Dritte einschalten. Insbesondere werden personenbezogene Daten wie folgt genutzt:
+
+* Wenn Sie sich bei jingga registrieren, wird zunächst Ihre E-Mail-Adresse von uns gespeichert, damit wir Ihnen neue Zugangsdaten zusenden können, falls Sie diese einmal vergessen sollten. Zudem speichern wir Ihren Vor- und Nachnamen sowie Ihr Passwort, um Ihnen ein komfortables Einloggen zu Ihrem Konto zu ermöglichen. Diese Daten werden von uns zu den vorbeschriebenen Zwecken genutzt, um Ihnen diesen Dienst anzubieten.
+* Nehmen Sie die Möglichkeit in Anspruch, mittels unseres Kontaktformulars Anfragen an uns zu richten, fragen wir Sie nach Ihrem Namen und Ihrer E-Mail-Adresse. Ferner können Sie in dem Mitteilungsfeld Ihre individuelle Nachricht an uns eintragen. Es unterliegt Ihrer freien Entscheidung, ob Sie uns diese Daten mitteilen. Ohne diese Angaben können wir allerdings Ihren Kontaktwunsch nicht erfüllen.
+
+## Änderungen dieser Bedingungen
+
+Wir behalten uns das Recht vor, diese Bedingungen nach unserem alleinigen Ermessen jederzeit zu ändern oder zu ersetzen. Wenn eine Änderung wesentlich ist, werden wir uns angemessen bemühen, Sie mindestens 30 Tage vor Inkrafttreten der neuen Bedingungen zu informieren. Was eine wesentliche Änderung darstellt, wird nach unserem alleinigen Ermessen festgelegt.
+
+Indem Sie nach Inkrafttreten dieser Änderungen weiterhin auf unseren SERVICE zugreifen oder ihn nutzen, erklären Sie sich mit den überarbeiteten Bedingungen einverstanden. Wenn Sie mit den neuen Bedingungen ganz oder teilweise nicht einverstanden sind, beenden Sie bitte die Nutzung der WEBSITE und des SERVICE.
+
+## Kontakt
+
+Bei Fragen zu diesen Bedingungen, den Datenschutzrichtlinien oder den Praktiken von Websites oder Diensten Dritter können Sie uns unter info@jingga.app kontaktieren. Sie erkennen ferner an und erklären sich damit einverstanden, dass die FIRMA weder direkt noch indirekt für Schäden oder Verluste verantwortlich oder haftbar ist, die durch oder in Verbindung mit der Nutzung von oder dem Vertrauen auf solche Inhalte, Waren oder Dienstleistungen, die auf oder über solche Websites oder Dienste verfügbar sind, verursacht werden oder angeblich verursacht werden.
+
+Unseren Datenschutzbeauftragten erreichen Sie bei Fragen über die genannte Adresse oder per Mail an spl1nes.com@googlemail.com.
+
+Wir empfehlen Ihnen dringend, die Geschäftsbedingungen und Datenschutzrichtlinien der von Ihnen besuchten Websites oder Dienste Dritter zu lesen.
+
+Version 2022-08-14
\ No newline at end of file
diff --git a/app/web/Applications/Frontend/content/privacy.en.md b/app/web/Applications/Frontend/content/privacy.en.md
new file mode 100644
index 0000000..d6e6818
--- /dev/null
+++ b/app/web/Applications/Frontend/content/privacy.en.md
@@ -0,0 +1,48 @@
+# Privacy
+
+## Definitions
+
+For the purposes of these TERMS:
+
+* AFFILIATED means an entity that controls, is controlled by or is under common control with a party, where "control" means ownership of 50% or more of the shares, equity interest or other securities entitled to vote for election of directors or other managing authority.
+* COUNTRY refers to Germany
+* COMPANY (referred to as either "the Company", "We", "Us" or "Our" in this AGREEMENT) refers to jingga, Gartenstr. 26, 61206 Woellstadt.
+* DEVICE means any device that can access the Service such as a computer, a cellphone or a digital tablet.
+* SERVICE refers to the Website
+* TERMS or AGREEMENT mean these terms that form the entire agreement between You and the COMPANY regarding the use of the SERVICE.
+* Third-party Social Media Service means any services or content (including data, information, products or services) provided by a third-party that may be displayed, included or made available by the SERVICE.
+* WEBSITE refers to jingga.app
+* APPLICATION refers to all downloadable or installable content which can therfore be used on an a given DEVICE.
+* You means the individual accessing or using the SERVICES, or the company, or other legal entity on behalf of which such individual is accessing or using the Service, as applicable.
+
+## What is personal data?
+
+Personal data is information that can be used to find out personal or factual circumstances about you (e.g. name, address, telephone number, date of birth, e-mail address). Information for which we cannot (or can only with a disproportionate effort) establish a relationship to your person, e.g. by anonymizing the information, is not personal data.
+
+## What personal data do we collect/process and use?
+
+Access data without personal reference is stored, such as the name of your Internet service provider, the page from which you visit us, the names of the requested files and their retrieval date. These data are evaluated exclusively for the improvement of our offer and do not allow any conclusions to be drawn about your person.
+
+If you wish to make use of services offered by us on our website, such as the purchase of APPLICATIONS, etc., it is necessary, on the other hand, for you to provide further data for this purpose. This is the data that is required for the respective processing, e.g. the e-mail address when ordering a SERVICE or APPLICATION.
+We use the data we collect about you to provide the products and SERVICES we offer, to answer your questions and to operate and improve our websites and APPLICATION.
+
+No further use of your personal data will take place. A transfer of your personal data to third parties or a use of your data for advertising purposes without your consent will not take place, except for the cases described below, unless we are required by law to disclose data (information to law enforcement agencies and courts; information to public bodies that receive data under statutory provisions, e.g. social security agencies, tax authorities, etc.) or that we involve third parties to enforce our claims. In particular, personal data is used as follows:
+
+* When you register with jingga, we first store your e-mail address so that we can send you new access data in case you forget it. In addition, we store your first and last name as well as your password to enable you to log in to your account conveniently. These data are used by us for the purposes described above in order to offer you this service.
+* If you make use of the possibility to send inquiries to us by means of our contact form, we will ask you for your name and e-mail address. Furthermore, you can enter your individual message to us in the message field. It is your free decision whether you provide us with this data. However, we cannot fulfill your contact request without this information.
+
+## Changes to these Terms
+
+We reserve the right, at Our sole discretion, to modify or replace these TERMS at any time. If a revision is material We will make reasonable efforts to provide at least 30 days' notice prior to any new terms taking effect. What constitutes a material change will be determined at Our sole discretion.
+
+By continuing to access or use Our SERVICE after those revisions become effective, You agree to be bound by the revised terms. If You do not agree to the new terms, in whole or in part, please stop using the WEBSITE and the SERVICE.
+
+## Contact
+
+For questions regarding these TERMS, privacy policies, or practices of any third party websites or services please feel free to contact us at info@jingga.app. You further acknowledge and agree that the COMPANY shall not be responsible or liable, directly or indirectly, for any damage or loss caused or alleged to be caused by or in connection with the use of or reliance on any such content, goods or services available on or through any such websites or services.
+
+If you have any questions, please contact our data protection officer at the above address or by e-mail at spl1nes.com@googlemail.com.
+
+We strongly advise You to read the terms and conditions and privacy policies of any third-party web sites or services that You visit.
+
+Version 2022-08-14
\ No newline at end of file
diff --git a/app/web/Applications/Frontend/img/bottom.svg b/app/web/Applications/Frontend/img/bottom.svg
new file mode 100644
index 0000000..309a57d
--- /dev/null
+++ b/app/web/Applications/Frontend/img/bottom.svg
@@ -0,0 +1,274 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="508mm"
+   height="136.89267mm"
+   viewBox="0 0 508 136.89267"
+   version="1.1"
+   id="svg3288"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="bottom.svg"
+   preserveAspectRatio="none">
+  <defs
+     id="defs3282">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath3239">
+      <path
+         sodipodi:nodetypes="ccsccc"
+         inkscape:connector-curvature="0"
+         id="path3241"
+         d="M 508,285.75 V 169.32252 c 0,0 -18.53356,-26.95356 -74.66941,-18.99549 C 377.12367,158.29517 1.0012708e-5,213.65292 1.0012708e-5,213.65292 L 1.2708563e-8,285.75 Z"
+         style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    </clipPath>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1402-6"
+       id="linearGradient1422"
+       gradientUnits="userSpaceOnUse"
+       x1="207.9357"
+       y1="6.231005e-09"
+       x2="244.47226"
+       y2="151.04616" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1402-6">
+      <stop
+         style="stop-color:#1c3081;stop-opacity:1"
+         offset="0"
+         id="stop1454" />
+      <stop
+         style="stop-color:#7a2caa;stop-opacity:1"
+         offset="1"
+         id="stop1456" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1506"
+       id="radialGradient1500"
+       cx="253.99998"
+       cy="142.87502"
+       fx="253.99998"
+       fy="142.87502"
+       r="254"
+       gradientTransform="matrix(1.0925975,2.1601218e-8,-1.6571401e-8,0.83818749,-23.519771,23.118955)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1506"
+       inkscape:collect="always">
+      <stop
+         id="stop1502"
+         offset="0"
+         style="stop-color:#3996ff;stop-opacity:0.89705884" />
+      <stop
+         id="stop1504"
+         offset="1"
+         style="stop-color:#7a2caa;stop-opacity:0" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="1008.5714"
+     inkscape:cy="584.40909"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1061"
+     inkscape:window-x="1920"
+     inkscape:window-y="1080"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata3285">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(161.77381,-166.56557)">
+    <g
+       transform="translate(-161.77381,17.708239)"
+       id="g3237"
+       clip-path="url(#clipPath3239)">
+      <rect
+         y="6.2309931e-09"
+         x="-2.5560073e-08"
+         height="285.75"
+         width="508"
+         id="rect1396"
+         style="fill:url(#linearGradient1422);fill-opacity:1;stroke:none;stroke-width:0.39700001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <g
+         id="g2508">
+        <rect
+           y="5.7251614e-06"
+           x="-1.1444092e-05"
+           height="285.75"
+           width="508"
+           id="rect1494"
+           style="fill:url(#radialGradient1500);fill-opacity:1;stroke:none;stroke-width:0.39700001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <g
+           id="g2487"
+           transform="translate(-36.558265,-12.854607)">
+          <rect
+             ry="14.541889"
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="-66.653755"
+             x="-37.255283"
+             height="268.14758"
+             width="48.917919"
+             id="rect1513"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="93.633575"
+             x="-77.095451"
+             height="280.83319"
+             width="29.083778"
+             id="rect1513-7"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="28.764849"
+             x="-235.79486"
+             height="280.83319"
+             width="29.083778"
+             id="rect1513-9"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="237.31682"
+             x="-278.81018"
+             height="280.83319"
+             width="29.083778"
+             id="rect1513-3"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="190.08469"
+             x="-413.18396"
+             height="280.83319"
+             width="29.083778"
+             id="rect1513-06"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="156.41028"
+             x="90.303535"
+             height="280.83319"
+             width="29.083778"
+             id="rect1513-2"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             ry="43.717068"
+             transform="rotate(-30)"
+             y="147.34708"
+             x="264.26831"
+             height="230.38632"
+             width="104.23512"
+             id="rect1572"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="rotate(-30)"
+             y="22.777628"
+             x="132.64613"
+             height="257.36731"
+             width="82.239799"
+             id="rect1574"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             ry="28.559462"
+             transform="rotate(-30)"
+             y="220.71979"
+             x="-65.513947"
+             height="243.96391"
+             width="97.161247"
+             id="rect1576"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             ry="32.495167"
+             transform="matrix(0.86562457,-0.50069363,0.49930672,0.8664253,0,0)"
+             y="203.64694"
+             x="91.800362"
+             height="229.15842"
+             width="84.760918"
+             id="rect1578"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39700025;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(0.86562456,-0.50069364,0.49930672,0.8664253,0,0)"
+             y="-117.52531"
+             x="-64.990334"
+             height="235.05061"
+             width="64.990334"
+             id="rect1578-8"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39700025;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(0.86562456,-0.50069364,0.49930672,0.8664253,0,0)"
+             y="145.60141"
+             x="-53.941257"
+             height="235.05061"
+             width="64.990334"
+             id="rect1578-7"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39700025;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="rotate(-30)"
+             y="346.85233"
+             x="195.87666"
+             height="230.38632"
+             width="104.23513"
+             id="rect1572-9"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             ry="14.541889"
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="-46.783016"
+             x="-91.637344"
+             height="280.83319"
+             width="29.083778"
+             id="rect1513-7-2"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="340.11569"
+             x="-351.25281"
+             height="280.83319"
+             width="29.083778"
+             id="rect1513-3-0"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             ry="32.024158"
+             transform="matrix(0.86562456,-0.50069364,0.49930672,0.8664253,0,0)"
+             y="-60.247566"
+             x="101.23595"
+             height="238.82486"
+             width="64.048317"
+             id="rect1578-2"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39700025;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/app/web/Applications/Frontend/img/favicon.ico b/app/web/Applications/Frontend/img/favicon.ico
new file mode 100755
index 0000000..ec514e2
Binary files /dev/null and b/app/web/Applications/Frontend/img/favicon.ico differ
diff --git a/app/web/Applications/Frontend/img/logo.png b/app/web/Applications/Frontend/img/logo.png
new file mode 100755
index 0000000..27d7f3c
Binary files /dev/null and b/app/web/Applications/Frontend/img/logo.png differ
diff --git a/app/web/Applications/Frontend/img/top.svg b/app/web/Applications/Frontend/img/top.svg
new file mode 100644
index 0000000..8020653
--- /dev/null
+++ b/app/web/Applications/Frontend/img/top.svg
@@ -0,0 +1,275 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="508mm"
+   height="136.89267mm"
+   viewBox="0 0 508 136.89267"
+   version="1.1"
+   id="svg2582"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="top.svg"
+   preserveAspectRatio="none">
+  <defs
+     id="defs2576">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2533">
+      <path
+         style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.2628054e-8,0 v 116.42748 c 0,0 18.533568967371945,26.95356 74.669403967371948,18.99549 C 130.87633,127.45483 508,72.097077 508,72.097077 V 0 Z"
+         id="path2535"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccsccc"
+         clip-path="none" />
+    </clipPath>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1402-6"
+       id="linearGradient1422"
+       gradientUnits="userSpaceOnUse"
+       x1="207.9357"
+       y1="6.231005e-09"
+       x2="244.47226"
+       y2="151.04616" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1402-6">
+      <stop
+         style="stop-color:#1c3081;stop-opacity:1"
+         offset="0"
+         id="stop1454" />
+      <stop
+         style="stop-color:#7a2caa;stop-opacity:1"
+         offset="1"
+         id="stop1456" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1506"
+       id="radialGradient1500"
+       cx="253.99998"
+       cy="142.87502"
+       fx="253.99998"
+       fy="142.87502"
+       r="254"
+       gradientTransform="matrix(1.0925975,2.1601218e-8,-1.6571401e-8,0.83818749,-23.519771,23.118955)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1506"
+       inkscape:collect="always">
+      <stop
+         id="stop1502"
+         offset="0"
+         style="stop-color:#3996ff;stop-opacity:0.89705884" />
+      <stop
+         id="stop1504"
+         offset="1"
+         style="stop-color:#7a2caa;stop-opacity:0" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="897.14287"
+     inkscape:cy="10.123372"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1061"
+     inkscape:window-x="1920"
+     inkscape:window-y="1080"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2579">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(132.29167,-14.619143)">
+    <g
+       id="g2531"
+       clip-path="url(#clipPath2533)"
+       transform="translate(-132.29167,14.619143)">
+      <rect
+         y="6.2309931e-09"
+         x="-2.5560073e-08"
+         height="285.75"
+         width="508"
+         id="rect1396"
+         style="fill:url(#linearGradient1422);fill-opacity:1;stroke:none;stroke-width:0.39700001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <g
+         id="g2508">
+        <rect
+           y="5.7251614e-06"
+           x="-1.1444092e-05"
+           height="285.75"
+           width="508"
+           id="rect1494"
+           style="fill:url(#radialGradient1500);fill-opacity:1;stroke:none;stroke-width:0.39700001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <g
+           id="g2487"
+           transform="translate(-36.558265,-12.854607)">
+          <rect
+             ry="14.541889"
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="-66.653755"
+             x="-37.255283"
+             height="268.14758"
+             width="48.917919"
+             id="rect1513"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="93.633575"
+             x="-77.095451"
+             height="280.83319"
+             width="29.083778"
+             id="rect1513-7"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="28.764849"
+             x="-235.79486"
+             height="280.83319"
+             width="29.083778"
+             id="rect1513-9"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="237.31682"
+             x="-278.81018"
+             height="280.83319"
+             width="29.083778"
+             id="rect1513-3"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="190.08469"
+             x="-413.18396"
+             height="280.83319"
+             width="29.083778"
+             id="rect1513-06"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="156.41028"
+             x="90.303535"
+             height="280.83319"
+             width="29.083778"
+             id="rect1513-2"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             ry="43.717068"
+             transform="rotate(-30)"
+             y="147.34708"
+             x="264.26831"
+             height="230.38632"
+             width="104.23512"
+             id="rect1572"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="rotate(-30)"
+             y="22.777628"
+             x="132.64613"
+             height="257.36731"
+             width="82.239799"
+             id="rect1574"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             ry="28.559462"
+             transform="rotate(-30)"
+             y="220.71979"
+             x="-65.513947"
+             height="243.96391"
+             width="97.161247"
+             id="rect1576"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             ry="32.495167"
+             transform="matrix(0.86562457,-0.50069363,0.49930672,0.8664253,0,0)"
+             y="203.64694"
+             x="91.800362"
+             height="229.15842"
+             width="84.760918"
+             id="rect1578"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39700025;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(0.86562456,-0.50069364,0.49930672,0.8664253,0,0)"
+             y="-117.52531"
+             x="-64.990334"
+             height="235.05061"
+             width="64.990334"
+             id="rect1578-8"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39700025;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(0.86562456,-0.50069364,0.49930672,0.8664253,0,0)"
+             y="145.60141"
+             x="-53.941257"
+             height="235.05061"
+             width="64.990334"
+             id="rect1578-7"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39700025;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="rotate(-30)"
+             y="346.85233"
+             x="195.87666"
+             height="230.38632"
+             width="104.23513"
+             id="rect1572-9"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             ry="14.541889"
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="-46.783016"
+             x="-91.637344"
+             height="280.83319"
+             width="29.083778"
+             id="rect1513-7-2"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             transform="matrix(-0.8660254,0.5,0.5,0.8660254,0,0)"
+             y="340.11569"
+             x="-351.25281"
+             height="280.83319"
+             width="29.083778"
+             id="rect1513-3-0"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39699998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+          <rect
+             ry="32.024158"
+             transform="matrix(0.86562456,-0.50069364,0.49930672,0.8664253,0,0)"
+             y="-60.247566"
+             x="101.23595"
+             height="238.82486"
+             width="64.048317"
+             id="rect1578-2"
+             style="fill:#ffffff;fill-opacity:0.01960784;stroke:none;stroke-width:0.39700025;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/app/web/Applications/Frontend/tpl/contact.tpl.php b/app/web/Applications/Frontend/tpl/contact.tpl.php
new file mode 100644
index 0000000..e69de29
diff --git a/app/web/Applications/Frontend/tpl/default.tpl.php b/app/web/Applications/Frontend/tpl/default.tpl.php
new file mode 100644
index 0000000..b67a547
--- /dev/null
+++ b/app/web/Applications/Frontend/tpl/default.tpl.php
@@ -0,0 +1,3 @@
+<article>
+    <?= $this->getData('text'); ?>
+</article>
\ No newline at end of file
diff --git a/app/web/Applications/Frontend/tpl/features.tpl.php b/app/web/Applications/Frontend/tpl/features.tpl.php
new file mode 100644
index 0000000..e69de29
diff --git a/app/web/Applications/Frontend/tpl/front.tpl.php b/app/web/Applications/Frontend/tpl/front.tpl.php
new file mode 100644
index 0000000..77f9e9a
--- /dev/null
+++ b/app/web/Applications/Frontend/tpl/front.tpl.php
@@ -0,0 +1 @@
+Front
\ No newline at end of file
diff --git a/app/web/Applications/Frontend/tpl/header.tpl.php b/app/web/Applications/Frontend/tpl/header.tpl.php
new file mode 100644
index 0000000..331edff
--- /dev/null
+++ b/app/web/Applications/Frontend/tpl/header.tpl.php
@@ -0,0 +1,16 @@
+<?php
+declare(strict_types=1);
+
+use phpOMS\Uri\UriFactory;
+?>
+
+<header>
+    <div class="floater">
+        <a id="toplogo" href="<?= UriFactory::build('{/lang}'); ?>">
+            <img src="Applications/Frontend/img/logo.png" width="40px">
+            <span>Jingga</span>
+        </a>
+
+        <?php include __DIR__ . '/nav.tpl.php'; ?>
+    </div>
+</header>
\ No newline at end of file
diff --git a/app/web/Applications/Frontend/tpl/pricing.tpl.php b/app/web/Applications/Frontend/tpl/pricing.tpl.php
new file mode 100644
index 0000000..e69de29
diff --git a/app/web/Applications/Frontend/tpl/signin.tpl.php b/app/web/Applications/Frontend/tpl/signin.tpl.php
new file mode 100644
index 0000000..e69de29
diff --git a/app/web/Applications/Frontend/tpl/signup.tpl.php b/app/web/Applications/Frontend/tpl/signup.tpl.php
new file mode 100644
index 0000000..e69de29
diff --git a/app/web/Controllers/BackendController.php b/app/web/Controllers/BackendController.php
new file mode 100644
index 0000000..5a2207b
--- /dev/null
+++ b/app/web/Controllers/BackendController.php
@@ -0,0 +1,23 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Controllers;
+
+use phpOMS\Contract\RenderableInterface;
+use phpOMS\Message\Http\RequestStatusCode;
+use phpOMS\Message\RequestAbstract;
+use phpOMS\Message\ResponseAbstract;
+use phpOMS\Views\View;
+use phpOMS\Utils\Parser\Markdown\Markdown;
+
+class BackendController
+{
+	public function signinView(RequestAbstract $request, ResponseAbstract $response, mixed $data = null): RenderableInterface
+	{
+		$view = new View($this->app->l11nManager, $request, $response);
+		$view->setTemplate('/Applications/Backend/tpl/signin');
+
+		return $view;
+	}
+}
diff --git a/app/web/Hooks.php b/app/web/Hooks.php
new file mode 100644
index 0000000..be36d3c
--- /dev/null
+++ b/app/web/Hooks.php
@@ -0,0 +1 @@
+<?php return [];
\ No newline at end of file
diff --git a/app/web/Install/img/favicon.ico b/app/web/Install/img/favicon.ico
new file mode 100755
index 0000000..ec514e2
Binary files /dev/null and b/app/web/Install/img/favicon.ico differ
diff --git a/app/web/workflow.md b/app/web/workflow.md
new file mode 100644
index 0000000..3761003
--- /dev/null
+++ b/app/web/workflow.md
@@ -0,0 +1,16 @@
+1. Backend create invoice template
+2. Api to create customer if it doesn't exist
+3. Api to create a scheduled AND recurring invoice for customer
+4. Cron to create invoices scheduled invoices
+5. Api to adjust (delete, postpone, modify) scheduled invoice
+6. Api to interact with stripe
+7. Create billing and payment workflow (e.g. pre billing job = credit card charging)
+8. Api to check invoice charging status (to potentially cancel service)
+
+Example Workflow:
+
+1. Get all scheduled invoices
+2. Run pre job = credit card charging
+3. Success: Create invoice
+4. Success: Send invoice via email
+5. Failure: Send Reminder/Info if new customer + cancel service?
\ No newline at end of file