diff --git a/assets/css/style.css b/assets/css/style.css index d0859de6..defc66fe 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -924,6 +924,62 @@ hr.-even { } /* card_grid - end */ +/* services- start */ +.services_box { + display: grid; + grid-template-columns: 3fr 1fr; + grid-template-rows: 1fr; + grid-template-areas: "cards heading"; + /* + row-gap: 1.5rem; + column-gap: 1.5rem; + */ +} + +.services_box h1 { + margin-right: 1.5rem; + color: transparent; + background-image: url("../images/headings/services.svg"); + background-repeat: no-repeat; + background-size: contain; + background-position: right; + grid-area: heading; +} + +.services_card_box { + grid-area: cards; + margin-left: 1.5rem; + display: flex; + flex-direction: column; + gap: 2rem; +} + +.services_card { + display: flex; + flex-direction: row; + align-items: center; + gap: 2rem; + padding: 2rem; + background-color: var(--wtf-nearly-white); + box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); +} + +.services_card.-even { + flex-direction: row-reverse; +} + +.services_card__image_box img { + height: 8rem; +} + +.services_card__text_box h2 { + font-family: "Lato"; + font-size: 1.5rem; + color: var(--wtf-orange); + margin-bottom: 0.5rem; +} +/* services_cards - end */ + .content__box p, .content__box li { hyphens: auto; } diff --git a/assets/images/headings/services.svg b/assets/images/headings/services.svg new file mode 100644 index 00000000..5bb14a30 --- /dev/null +++ b/assets/images/headings/services.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/assets/images/icon_connected_servers.svg b/assets/images/icon_connected_servers.svg new file mode 100644 index 00000000..efa8b565 --- /dev/null +++ b/assets/images/icon_connected_servers.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/assets/images/icon_gears_bubble.svg b/assets/images/icon_gears_bubble.svg new file mode 100644 index 00000000..f2699a7f --- /dev/null +++ b/assets/images/icon_gears_bubble.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/images/icon_processor.svg b/assets/images/icon_processor.svg new file mode 100644 index 00000000..12457c08 --- /dev/null +++ b/assets/images/icon_processor.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/content/about/kompetenzen/contents.lr b/content/about/kompetenzen/contents.lr index 64d5141b..339b3bb9 100644 --- a/content/about/kompetenzen/contents.lr +++ b/content/about/kompetenzen/contents.lr @@ -1,6 +1,6 @@ -_model: page +_model: about_page --- -title: Kompetenzen +title: Services --- body: diff --git a/models/about_page.ini b/models/about_page.ini new file mode 100644 index 00000000..51f324c9 --- /dev/null +++ b/models/about_page.ini @@ -0,0 +1,4 @@ +[model] +name = About Page +label = {{ this.title }} +inherits = page \ No newline at end of file diff --git a/templates/about_page.html b/templates/about_page.html new file mode 100644 index 00000000..eee81c13 --- /dev/null +++ b/templates/about_page.html @@ -0,0 +1,59 @@ +{% extends "header_slim.html" %} +{%- block title -%}{{ this.title }}{%- endblock -%} +{%- block meta_description -%} + {%- if this.meta_description is defined and this.meta_description != "" -%} + {{ this.meta_description }} + {%- else -%} + Werkkooperative der Technikfreundinnen eG + {%- endif -%} +{%- endblock -%} +{% block body %} +
+
+ +
+

{{ this.title }}

+ +
+
+
+ +
+
+

Beratung

+

+ Profitieren Sie vom breit aufgestellten IT-Know-how, vom Erfahrungsaustausch und der Vernetzung unserer Mitglieder, Expertinnen und Experten in der Genossenschaft. Die WTF Kooperative ist Ihr kompetenter Ansprechpartner. +

+
+
+ +
+
+ +
+
+

Entwicklung

+

+ Wir realisieren Ihre Projekte – egal ob Web-Applikation, mobile App oder hardwarenahe Programmierung. Auch können wir Sie bei Bedarf hinsichtlich passender Wirtschaftsförderprogramme beraten. +

+
+
+ +
+
+ +
+
+

Betrieb

+

+ Nach dem Projekt lassen wir Sie nicht mit dem Ergebnis im Regen stehen, sondern bieten Ihnen auch über das Projekt hinaus Services für den Betrieb des abgeschlossenen Projekts und die Administration der Infrastruktur. +

+
+
+ +
+ +
+
+
+{% endblock %} \ No newline at end of file