-- C++ — 17 Mitglieder:innen 
-- Linux — 17 Mitglieder:innen 
-- JavaScript — 16 Mitglieder:innen 
-- PHP — 14 Mitglieder:innen 
-- C — 12 Mitglieder:innen 
-- Ansible — 10 Mitglieder:innen 
-- PostgresSQL — 10 Mitglieder:innen 
-- Java — 7 Mitglieder:innen 
-- Rust — 6 Mitglieder:innen 
-- CSS — 5 Mitglieder:innen 
-- Debian — 5 Mitglieder:innen 
-- MySQL — 5 Mitglieder:innen 
-- Vue.js — 5 Mitglieder:innen 
-- Projektmanagement — 5 Mitglieder:innen
-- LaTeX — 4 Mitglieder:innen 
-
-Diese Auflistung erhebt keinen Anspruch auf Vollständigkeit.
-
-
-## Agiles Projektmanagement
-
-In den Reihen der WTF eG finden sich sowohl erfahrene Scrum Master als auch Product Owner für Ihr Projektteam.
-Auch Coaching für diese essenziellen Rollen des agilen Projektmanagement-Alltags, bieten wir Ihnen gerne an, damit Sie Kompetenzen aufbauen und Teams qualifizieren können.
-Dabei sind unsere Expert*innen nicht dogmatisch auf einzelne Frameworks wie SCRUM oder Kanban beschränkt, sondern orientieren sich an Ihren Anforderungen und finden effektive Ansätze für größtmögliche Akzeptanz aller Beteiligten.
-
-## Barrierefreiheit
-
-Wir helfen Ihnen Software barrierefrei gemäß etablierter Richtlinien (z.B. BITV 2.0, ISO 9241, WCAG 2.0) zu konzipieren, umzusetzen oder bestehende Systeme anzupassen.
-
-## Operations
-
-Auch beim Betrieb von Infrastruktur und Softwareanwendungen bietet die WTF eG kompetente Unterstützung.
-Von der Kommissionierung von on-premise Servern bis zur Betreuung hochverfügbarer, horizontal skalierter Cloud-Anwendungen finden sich die passenden Kompetenzen unter den Mitgliedern der Kooperative.
-Für mehr Details, fragen Sie direkt mit dem Schlagwort "Admin as a Service" an.
-
-## Software-Audits
-
-## Softwareentwicklung
-
-Von Hardware nahen Projekten mit C, C++ oder Rust, über die Ebene gängiger Unix Betriebssysteme, Enterprise Software in Java, (no)SQL Datenbank basierten Systemen und Webtechnologien wie JavaScript, Python, Go und PHP, bis hin zu Data Science sowie Künstlicher Intelligenz, reicht die Expertise der WTF Kooperative eG.
-Wir ergänzen Ihre bestehenden Kompetenzen nach Bedarf, oder stellen Ihnen abgestimmte Entwicklungsteams zur Verfügung.
-
-## Übersetzung & Internationalisierung (i18n/l10n)
-
-## User Experience
-
-Mit Ihrer Zielgruppe im Fokus, unterstützen Sie Menschen aus der WTF Kooperative eG mit Kompetenz aus den Bereichen User Experience (UX) und User Centred Design.
-Damit Sie mir Ihren Produkten nicht nur User befähigen, sondern auch begeistern.
-Sind Ihre Zielgruppe Software Teams? Auch im Bereich Developer Experience (DX) unterstützen wir Sie gerne kompetent.
-
---
meta_description: Die WTF Kooperative bietet viel Erfahrung und Know-how in der Informationstechnologie. Sprechen Sie uns an!
+---
+section:
+
+#### flow_services_cards ####
+card_title: Beratung
+----
+card_image: images/icon_gears_bubble.svg
+----
+card_text: 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.
+#### flow_services_cards ####
+card_title: Entwicklung
+----
+card_image: images/icon_processor.svg
+----
+card_text: 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.
+#### flow_services_cards ####
+card_title: Betrieb
+----
+card_image: images/icon_connected_servers.svg
+----
+card_text: 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.
diff --git a/flowblocks/flow_services_cards.ini b/flowblocks/flow_services_cards.ini
new file mode 100644
index 00000000..131d9b77
--- /dev/null
+++ b/flowblocks/flow_services_cards.ini
@@ -0,0 +1,17 @@
+[block]
+name = Services Card
+button_label = Services Card
+label = {{ this.card_title }}
+
+[fields.card_title]
+label = Card Titel
+type = string
+
+[fields.card_image]
+label = Card Icon
+description = Icon Pfad zB. images/circle_icon_fist.svg
+type = string
+
+[fields.card_text]
+label = Card Text
+type = markdown
\ No newline at end of file
diff --git a/models/about_page.ini b/models/about_page.ini
index 51f324c9..cdabf12b 100644
--- a/models/about_page.ini
+++ b/models/about_page.ini
@@ -1,4 +1,19 @@
[model]
name = About Page
label = {{ this.title }}
-inherits = page
\ No newline at end of file
+inherits = header_slim
+
+[fields.title]
+label = Title
+description = Der Seitentitel und die Überschrift dieser Seite
+type = string
+
+[fields.meta_description]
+label = Meta Beschreibung
+description = Hier kommt die Beschreibung rein, die von Suchmachinen, Seitencrawlern und Previews auf diese Seite generiert werden
+type = string
+
+[fields.section]
+label = Sections
+type = flow
+flow_blocks = flow_services_cards
diff --git a/templates/about_page.html b/templates/about_page.html
index d03ca2a5..6edea7c7 100644
--- a/templates/about_page.html
+++ b/templates/about_page.html
@@ -1,4 +1,5 @@
{% extends "header_slim.html" %}
+{% from "macros/services_cards.html" import render_services_card %}
{%- block title -%}{{ this.title }}{%- endblock -%}
{%- block meta_description -%}
{%- if this.meta_description is defined and this.meta_description != "" -%}
@@ -13,51 +14,15 @@
{{ this.title }}
- {# - TODO: Services-Karten in Flow-Blocks umbauen, damit der Inhalt getrennt von der - Optik gepflegt werden kann. - #}
-
-
-
-
-
-
-
- 
-
-
- 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. -
-
-
-
+ {% for card in this.section.blocks %}
+ {{ render_services_card(card, loop.index) }}
+ {% endfor %}
-
-
- 
-
-
- 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. -
-