diff --git a/.vscode/verua-snippets.code-snippets b/.vscode/verua-snippets.code-snippets
new file mode 100644
index 0000000..c9f5955
--- /dev/null
+++ b/.vscode/verua-snippets.code-snippets
@@ -0,0 +1,28 @@
+{
+ // Place your verua.dev-1.andreashnida.de workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
+ // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
+ // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
+ // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
+ // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
+ // Placeholders with the same ids are connected.
+ // Example:
+ // "Print to console": {
+ // "scope": "javascript,typescript",
+ // "prefix": "log",
+ // "body": [
+ // "console.log('$1');",
+ // "$2"
+ // ],
+ // "description": "Log output to console"
+ // }
+ "Insert Shortcode Columns": {
+ "scope": "html, markdown, md",
+ "prefix": "columns",
+ "body": [
+ "{{% columns %}}",
+ " $1",
+ "{{% /columns %}}",
+ ],
+ "description": "Insert Shortcode Columns"
+ },
+}
\ No newline at end of file
diff --git a/assets/Image.png b/assets/Image.png
new file mode 100644
index 0000000..b06e4ef
Binary files /dev/null and b/assets/Image.png differ
diff --git a/assets/images/Image.png b/assets/images/Image.png
new file mode 100644
index 0000000..b06e4ef
Binary files /dev/null and b/assets/images/Image.png differ
diff --git a/assets/images/verua_logo_w.png b/assets/images/verua_logo_w.png
new file mode 100644
index 0000000..79c9cf4
Binary files /dev/null and b/assets/images/verua_logo_w.png differ
diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index 97de176..926080d 100755
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -18,16 +18,100 @@ a {
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
+ margin-bottom: 16px;
+}
+h3 {
+ font-weight:500;
+}
+h4 {
+ color: #a9cd2e;
+}
+
+p {
+ font-size: 18px;
+ margin-bottom:10px;
+ margin-top:10px;
+}
+
+.navbar-nav .nav-item {
+ font-size: 18px;
+ color: grey!important;
+}
+@media (max-width: 1200px) {
+ h1 {
+ font-size: 35px;
+ line-height: 1.2em;
+ margin-bottom: 16px;
+ }
+ h3 {
+ font-size:18px;
+ }
+ h4 {
+ font-size:18px;
+ }
+ p {
+ font-size: 14px;
+ }
+ .navbar-nav .nav-item {
+ font-size: 14px;
+ }
+}
+
+footer, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer a {
+ color:white;
+}
+
+img {
+ margin-bottom:16px;
+}
+@media (max-width: 770px) {
+ .btn{
+ display:block
+ }
+}
+.container {
+ max-width: 1750px;
+}
+@media (max-width: 1750px) {
+ .container {
+ padding-left:80px;
+ padding-right:80px;
+ }
+}
+@media (max-width: 1200px) {
+ .container {
+ max-width: 1200px;
+ padding-left:80px;
+ padding-right:80px;
+ }
+}
+
+/**** Utility *****/
+.aligncenter * {
+ text-align: center;
+ margin-left: auto;
+ margin-right: auto;
}
/**************** Component Styles ******************/
-// Columns Shortcode
-
+// Icons
+.verua-icon {
+ margin: 20px 0;
+}
// Verua Slider
+
+@media (max-width: 1200px) {
+ .verua-slider-wrapper .verua-slider .slides h1 {
+ margin-top:0px;
+ }
+ .hero-slider {
+ margin-top:-200px;
+ }
+}
.verua-slider-wrapper {
position: relative;
width: 100%;
diff --git a/content/german/_index.md b/content/german/_index.md
index dbb3000..7303b7a 100755
--- a/content/german/_index.md
+++ b/content/german/_index.md
@@ -1,62 +1,149 @@
-+++
-title = 'Home'
-+++
+---
+title: 'Home'
+# Hero Slider
+heroslider:
+ - title: "Willkommen auf unserer Homepage!"
+ image: "startseite/startseite-slide.jpg"
+ - title: "Gemeinsam neue Wege gehen."
+ image: "startseite/startseite-slide-2.jpg"
+ - title: "Administration optimieren, Zeit gewinnen."
+ image: "startseite/startseite-slide-3.jpg"
+
+keyfeatures:
+ - icon: "car"
+ color: "lime-300"
+ textcolor: "black"
+ title: "**Freiberufliche Pflegefachpersonen**"
+ content: "Die Applikation **VeruA ** Verwaltung & Abrechnung** unterstützt Sie bei Anamnese, Planung, Dokumentation und Abrechnung in der ambulanten Pflege.
VeruA ist optimiert für den Einsatz in einer Einzelperson-Version oder für Teams, die gemeinsam Klienten betreuen und sich gegenseitig Einsicht in die Pflegedokumentation ermöglichen wollen."
+ - icon: "users"
+ color: "slate-800"
+ textcolor: "white"
+ title: "**Spitex-Organisationen**"
+ content: "Vereinfachen Sie die Dokumentation, Administration und Abrechnung in Ihrer Spitex-Organisation mit der Applikation **VeruA ** Verwaltung & Abrechnung.**
+
+ Unser Angebot richtet sich besonders an Organisationen, die eine schlanke und kostengünstige Applikation suchen und auf guten Support nicht verzichten wollen.
Bedarfsermittlungen mit **interRAI** erstellen?
**Kein Problem!**
Seit dem ersten Quartal 2020 bieten wir Ihnen die **Schnittstelle zum Perigon interRAI Cloud** an."
+ - icon: "bank"
+ color: "white"
+ textcolor: "black"
+ title: "**Kantonale Abrechnung**"
+ content: "In der Vielfalt der kantonalen Abrechnungen und Bestimmungen stehen wir Ihnen zur Seite.
Wir setzen die kantonalen Vorgaben für Sie um und unterstützen Sie mit diversen Export-Funktionen und Auswertungen.
+ [ERFAHREN SIE MEHR ...](/#)"
+
+---
{{% section %}}
-{{% columns %}}
+{{% columns center="true" %}}
-{{% columns %}}
-
-#### Title 1
-
-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
+#### VeruA ** Verwaltung & Abrechnung
+# **Das Werkzeug für die ambulante Pflege**
+**VeruA ** Verwaltung & Abrechnung** ist ein Werkzeug für Klientenmanagement, Planung, Dokumentation, Abrechnung und Statistik im Bereich ambulante Pflege.
+Die für den ambulanten Einsatz optimierten Funktionen gewährleisten einen ökonomischen Einsatz aller unternehmerischen Ressourcen – sowohl für Spitex-Organisationen als auch für freiberufliche Pflegefachpersonen.
+Die als Webseite angelegte Programmoberfläche macht die Bedienung besonders einfach und intuitiv.
..column..
-#### Title 2
+{{% columns %}}
-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
+{{% icon name="laptop" %}}
+### Intuitive Bedienung
+Eine bedienungsfreundliche Applikation, die Sie in Ihrer täglichen Arbeit optimal untersützt.
+..column..
+{{% icon name="mobile" %}}
+### Mobiler Einsatz
+Verwendung aller Betriebssysteme und Gerätetypen sowie Zugriff von jedem Ort zu jeder Zeit.
{{% /columns %}}
-..column..
-
-
-#### Title 2
-
-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
-
-..column..
-
{{% columns %}}
-#### Title 1
-
-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
-
-
+{{% icon name="gears" %}}
+### Moderne Technik
+Eine moderne Browserlösung mit SQL-Technologie - für ein Höchstmass an Mobilität und optimalem Ausfallschutz.
..column..
-#### Title 2
-
-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
-
-..column..
-
-#### Title 2
-
-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
-
-
+{{% icon name="anchor" %}}
+### Rundum-sorglos-Paket
+Fragen zur Applikation, Abrechnung oder kantonale Regelungen? Unser Support steht Ihnen hilfreich zur Seite.
{{% /columns %}}
{{% /columns %}}
{{% /section %}}
+{{% section background="startseite/bg_papier.png" %}}
+{{% columns %}}
+#### Ihr Vorteil
+# **Arbeiten, wann und wo Sie wollen**
+Papier war gestern! Mit VeruA erfassen, organisieren und werten Sie Ihre Daten mobil aus. Unsere Applikation ermöglicht Ihnen einen sicheren Zugriff von unterwegs auf alle für Sie relevanten Informationen.
+..column..
+
+{{% /columns %}}
+
+{{% columns %}}
+
+{{% icon name="lock" %}}
+### Verschlüsselte Datenübertragung
+Alle Daten werden ausschliesslich über eine gesicherte Verbindung übermittelt. Dank des SSL-Zertifikats sind persönliche Daten auf höchster Stufe gegen Missbrauch durch Dritte geschützt.
+
+..column..
+
+{{% icon name="database" %}}
+### Sicherheit der Daten
+Tägliche Sicherung aller Daten auf dem Server. Diese Sicherung befindet sich auf externen Servern und wird 30 Tage lang aufbewahrt.
+
+..column..
+
+{{% icon name="check" %}}
+### 99.9 % Verfügbarkeit
+Die Daten werden in einem ISO 27001 zertifizierten Datencenter mit Serverstandort Schweiz gespeichert und sind jederzeit erreichbar.
+
+..column..
+
+{{% icon name="mobile" %}}
+### Flexibilität
+Der Zugriff auf die Applikation VeruA ** Verwaltung und Abrechnung ist mit jedem internetfähigen Gerät wie PC, Mac, iPad, Tablet oder Smartphone möglich.
+
+{{% /columns %}}
+
+{{% /section %}}
+
+{{% section background="startseite/achievement.jpg" fixed="true" %}}
+
+{{% aligncenter %}}
+#### Unser Service
+## **Effiziente Lösung für Ihr Business**
+Wir stellen den Webserver zur Verfügung, aktualisieren die Applikation regelmässig und stehen mit Rat und Tat an Ihrer Seite.
+{{% /aligncenter %}}
+
+{{% columns %}}
+
+
+### Preisvorteil
+Keine kostenintensiven Systemvoraussetzungen, der Zugriff erfolgt über das Internet. Geringer Schulungsaufwand und Finanzierungsmodelle – preiswerter geht es nicht.
+
+..column..
+
+
+### Kompetenter Support
+Mit VeruA ** Verwaltung und Abrechnung erhalten Sie die bedienungsfreundliche Lösung, die Sie benötigen und die Rundumbetreuung, die Sie verdienen.
+
+..column..
+
+
+### Kontinuierliche Weiterentwicklung
+Wir halten die Applikation jederzeit für Sie auf dem neuesten Stand und versorgen Sie mit den Lösungen, die Sie aktuell benötigen.
+{{% /columns %}}
+
+{{% aligncenter %}}
+
+
+{{< button label="Mehr erfahren" link="/" style="solid" >}}
+
+{{% /aligncenter %}}
+{{% /section %}}
diff --git a/content/german/image.png b/content/german/image.png
new file mode 100644
index 0000000..e4fa5b2
Binary files /dev/null and b/content/german/image.png differ
diff --git a/content/german/sections/footer.md b/content/german/sections/footer.md
new file mode 100644
index 0000000..2527844
--- /dev/null
+++ b/content/german/sections/footer.md
@@ -0,0 +1,45 @@
+---
+title: "Footer"
+---
+{{% aligncenter %}}
+
+
+
+
+## **RaBe WebSolutions**
+
+
+
+
+B. Rasberger
+
+Steinerstrasse 19
+
+CH-8253 Diessenhofen
+
+079 393 86 83
+
+support@verua.ch
+
+
+
+{{< columns >}}
+
+[Dienstleistung](https://link-url-here.org)
+
+..column..
+
+[Aktuelles](https://link-url-here.org)
+..column..
+
+[Kontakt](https://link-url-here.org)
+..column..
+
+[Datenschutzerklärung](https://link-url-here.org)
+..column..
+
+[Impressum](https://link-url-here.org)
+
+{{< /columns >}}
+
+{{% /aligncenter %}}
\ No newline at end of file
diff --git a/content/german/startseite/Image.png b/content/german/startseite/Image.png
new file mode 100644
index 0000000..b06e4ef
Binary files /dev/null and b/content/german/startseite/Image.png differ
diff --git a/content/german/startseite/achievement-3612401_1920.jpg b/content/german/startseite/achievement-3612401_1920.jpg
new file mode 100644
index 0000000..aa58eef
Binary files /dev/null and b/content/german/startseite/achievement-3612401_1920.jpg differ
diff --git a/content/german/startseite/achievement.jpg b/content/german/startseite/achievement.jpg
new file mode 100644
index 0000000..d705f2a
Binary files /dev/null and b/content/german/startseite/achievement.jpg differ
diff --git a/content/german/startseite/bg_papier.png b/content/german/startseite/bg_papier.png
new file mode 100644
index 0000000..2f02a8f
Binary files /dev/null and b/content/german/startseite/bg_papier.png differ
diff --git a/content/german/startseite/kosteneffizienz.jpg b/content/german/startseite/kosteneffizienz.jpg
new file mode 100644
index 0000000..fb376d4
Binary files /dev/null and b/content/german/startseite/kosteneffizienz.jpg differ
diff --git a/content/german/startseite/programmierung.jpg b/content/german/startseite/programmierung.jpg
new file mode 100644
index 0000000..1c1b091
Binary files /dev/null and b/content/german/startseite/programmierung.jpg differ
diff --git a/content/german/startseite/team.jpg b/content/german/startseite/team.jpg
new file mode 100644
index 0000000..ca1699b
Binary files /dev/null and b/content/german/startseite/team.jpg differ
diff --git a/static/images/verua_logo_w.png b/static/images/verua_logo_w.png
new file mode 100644
index 0000000..79c9cf4
Binary files /dev/null and b/static/images/verua_logo_w.png differ
diff --git a/themes/hugoplate/layouts/index.html b/themes/hugoplate/layouts/index.html
index 713f6e4..dae83e8 100755
--- a/themes/hugoplate/layouts/index.html
+++ b/themes/hugoplate/layouts/index.html
@@ -1,6 +1,5 @@
{{/* Home Template File */}}
{{ define "main" }}
-{{ .Content }}
-
- {{ end }}
- {{ end }}
-
{{ end }}
diff --git a/themes/hugoplate/layouts/partials/essentials/footer.html b/themes/hugoplate/layouts/partials/essentials/footer.html
index 3b44c29..5133d2a 100755
--- a/themes/hugoplate/layouts/partials/essentials/footer.html
+++ b/themes/hugoplate/layouts/partials/essentials/footer.html
@@ -1,57 +1,11 @@
-
+{{ $footer := .Site.GetPage "/sections/footer" }}
+
\ No newline at end of file
diff --git a/themes/hugoplate/layouts/shortcodes/aligncenter.html b/themes/hugoplate/layouts/shortcodes/aligncenter.html
new file mode 100644
index 0000000..94e2195
--- /dev/null
+++ b/themes/hugoplate/layouts/shortcodes/aligncenter.html
@@ -0,0 +1,3 @@
+
+{{ .Inner }}
+
\ No newline at end of file
diff --git a/themes/hugoplate/layouts/shortcodes/columns.html b/themes/hugoplate/layouts/shortcodes/columns.html
index 5d426d4..93a3bdc 100644
--- a/themes/hugoplate/layouts/shortcodes/columns.html
+++ b/themes/hugoplate/layouts/shortcodes/columns.html
@@ -1,6 +1,7 @@
-
+{{/* TODO Add To Docs "top" */}}
+
{{ range split .Inner "..column.." }}
-{{ printf "
"| safeHTML }}
+{{ printf "
"| safeHTML }}
{{ . | safeHTML }}
{{ printf "
" | safeHTML }}
{{ end }}
diff --git a/themes/hugoplate/layouts/shortcodes/icon.html b/themes/hugoplate/layouts/shortcodes/icon.html
new file mode 100644
index 0000000..a854f5e
--- /dev/null
+++ b/themes/hugoplate/layouts/shortcodes/icon.html
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/hugoplate/layouts/shortcodes/section.html b/themes/hugoplate/layouts/shortcodes/section.html
index aa8d930..04bd240 100644
--- a/themes/hugoplate/layouts/shortcodes/section.html
+++ b/themes/hugoplate/layouts/shortcodes/section.html
@@ -1,4 +1,6 @@
-
+
+
+
{{ .Inner }}
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/themes/hugoplate/layouts/shortcodes/slide.html b/themes/hugoplate/layouts/shortcodes/slide.html
new file mode 100644
index 0000000..9204afc
--- /dev/null
+++ b/themes/hugoplate/layouts/shortcodes/slide.html
@@ -0,0 +1,7 @@
+
+
+{{ if ne (.Get "title") "" }}
+{{ .Get "title" }}
+{{ end }}
+
+
diff --git a/themes/hugoplate/layouts/shortcodes/slider.html b/themes/hugoplate/layouts/shortcodes/slider.html
deleted file mode 100644
index e69de29..0000000
diff --git a/themes/hugoplate/layouts/shortcodes/veruaslider.html b/themes/hugoplate/layouts/shortcodes/veruaslider.html
new file mode 100644
index 0000000..75dde6b
--- /dev/null
+++ b/themes/hugoplate/layouts/shortcodes/veruaslider.html
@@ -0,0 +1,41 @@
+
+