From 176f78139498b4f9958a1b75404c704e24b07136 Mon Sep 17 00:00:00 2001 From: NaymeD Date: Thu, 6 Aug 2026 16:24:12 +0200 Subject: [PATCH] =?UTF-8?q?MFI-Webseite:=20erste=20Fassung=20als=20eigenst?= =?UTF-8?q?=C3=A4ndige=20index.html?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Komplette Seite in einer Datei, ohne externe Abhängigkeiten: Schriften, Logo, Wolken-SVGs und Deutschlandkarte sind eingebettet. Co-Authored-By: Claude Opus 5 --- .gitignore | 6 + README.md | 51 +++ index.html | 1242 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 1299 insertions(+) create mode 100644 .gitignore create mode 100644 README.md create mode 100644 index.html diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..9b0c538 --- /dev/null +++ b/.gitignore @@ -0,0 +1,6 @@ +# nichts Temporäres oder Systemspezifisches ins Repo +Thumbs.db +desktop.ini +.DS_Store +*.bak +index.backup.html diff --git a/README.md b/README.md new file mode 100644 index 0000000..f1c72db --- /dev/null +++ b/README.md @@ -0,0 +1,51 @@ +# MFI – Mittelfranken Informatik · Webseite + +IT-Systemhaus aus Wittelshofen. Managed Services, Netzwerk, Microsoft 365, IT-Sicherheit. + +## Aufbau + +Die komplette Seite ist **eine einzige Datei**: `index.html`. +Alles ist darin eingebettet — es gibt bewusst keine externen Abhängigkeiten: + +- **Schriften** (New Rocker, IM Fell English, IBM Plex Mono, Stack Sans Headline) + als WOFF2 im CSS eingebettet, kein Google-Fonts-Aufruf +- **Logo** als PNG mit Transparenz eingebettet +- **Wolken** als Inline-SVG (Kupferstich-Kit, siehe unten) +- **Deutschlandkarte** als Inline-SVG mit allen 16 Bundesländern +- **JavaScript** inline, kein Framework + +## Öffnen und bearbeiten + +`index.html` im Browser öffnen — das ist die Vorschau. Zum Bearbeiten die Datei +in einem Editor öffnen. Kein Build-Schritt, kein `npm install`, kein Server nötig. + +## Interaktive Elemente + +| Element | Verhalten | +|---|---| +| Deutschlandkarte (Abschnitt Standort) | Hover über Mittelfranken färbt die Region; Klick zoomt hinein und zeigt den Büro-Pin. Klick auf den Pin öffnet die Adresskarte mit Route. | +| Schritt-Pfad 1–2–3 (Abschnitt Ablauf) | Easter Egg: mit der Maus darüberfahren lässt die Schritte orange/gelb/grün aufleuchten. Auf Touch per Tap. | +| Leistungs- und Sicherheitskarten | Klick klappt Detailtext auf. | +| Wolken | Schweben dauerhaft (langsamer Drift + Auf/Ab). | + +## Wolken-Kit + +Die Wolken kommen aus `wolken-kit.html` (Kupferstich-Stil). Beim Bearbeiten gilt: + +- **Kein** `preserveAspectRatio` auf den Wolken-SVGs setzen +- viewBox `0 0 300 150` (freie Wolke) bzw. `0 0 1440 104` (Band) nicht ändern +- `.cl-base` bekommt keine Kontur +- Die Wolken-IDs existieren genau einmal pro Seite und werden geteilt — nicht umbenennen +- Animiert werden nur die Wrapper `.cl-drift` / `.cl-bob` / `.cl-bobb` + +## Noch offen + +- **Telefonnummer und E-Mail sind Platzhalter** (`hallo@mfi-mittelfranken.de`, `0911 000 000`) + und müssen vor dem Livegang ersetzt werden. Beide stehen im Footer-Abschnitt. +- Impressum und Datenschutz fehlen noch (in Deutschland Pflicht). + +## Barrierefreiheit + +Alle Texte erfüllen WCAG AA im Kontrast (geprüft gegen den Himmelverlauf), +Tastaturbedienung und sichtbarer Fokus sind vorhanden, `prefers-reduced-motion` +schaltet alle Animationen ab. diff --git a/index.html b/index.html new file mode 100644 index 0000000..0907783 --- /dev/null +++ b/index.html @@ -0,0 +1,1242 @@ + + + + + +MFI – Mittelfranken Informatik | IT-Systemhaus & Managed Services + + + + + + + + + + +
+
+ + + Mittelfranken InformatikIT-Systemhaus & Managed Services + + + +
+
+ +
+ + +
+ +
+
+
+

MittelfrankenInformatik

+
+

Wir betreuen die komplette IT mittelständischer Betriebe in der Region — Netzwerk, Server, Microsoft 365 und Sicherheit. Ein fester Ansprechpartner, planbare Kosten und ein Team, das eingreift, bevor Sie den Ausfall bemerken.

+
+ Erstgespräch vereinbaren + Was wir übernehmen +
+
+ + +
+
+ + + + +
+ +
+
+
+ Managed Services +

Wir übernehmen Ihre IT. Komplett.

+

Kein Flickenwerk aus Einzeldienstleistern. Ein Team kümmert sich um Betrieb, Support und Weiterentwicklung — damit sich Ihre Leute auf ihre Arbeit konzentrieren können, nicht auf den Drucker im dritten Stock.

+
+ +
+
+
+ +

Support & Helpdesk

+

Ein Anruf, eine E-Mail, ein Ticket — und ein Mensch aus der Region meldet sich, kein anonymes Callcenter. Die meisten Störungen lösen wir per Fernwartung, sonst kommen wir vorbei.

+

Feste Servicezeiten, Fernwartung in Minuten und ein Vor-Ort-Einsatz, wenn es sein muss. Ein Ansprechpartner, der Ihren Betrieb kennt — kein Ticket-Roulette.

+
+
+ +

Netzwerk & Server

+

Planung, Aufbau und Wartung von Servern, Switches, WLAN und VPN. Wir sorgen dafür, dass Standorte, Homeoffice und Produktion stabil verbunden bleiben.

+

Ausfallsicherheit von Anfang an: sauber ausgeleuchtetes WLAN, VPN fürs Homeoffice und getrennte Netze für Büro und Produktion.

+
+
+ +

Microsoft 365 & Cloud

+

Umzug in die Cloud ohne Datenchaos: E-Mail, Teams, SharePoint und Geräte zentral verwaltet. Neue Mitarbeitende sind in Minuten startklar statt in Tagen.

+

Migration ohne Datenverlust, zentrale Rechteverwaltung und Geräte, die sich selbst einrichten. Neue Kolleginnen sind mit einem Klick startklar.

+
+
+ +

Wartung & Monitoring

+

Wir überwachen Ihre Systeme rund um die Uhr und aktualisieren im Hintergrund. Updates, Speicherplatz, Festplatten­gesundheit — geprüft, bevor daraus ein Ausfall wird.

+

Updates in geplanten Wartungsfenstern, Alarme bevor Speicher volllaufen und monatliche Reports, die man auch ohne IT-Studium versteht.

+
+
+
+ +
+ + + +
+
+
+
+ IT-Sicherheit & Cloud +

Sicher, auch wenn es stürmisch wird.

+

Ransomware, Phishing, ein verlorenes Notebook im ICE. Wir bauen Ihre Sicherheit so, dass ein einzelner Fehler nicht den ganzen Betrieb lahmlegt — und Sie im Ernstfall wissen, was zu tun ist.

+
+ +
+
+
+ +

Firewall & Endpoint-Schutz

+

Zentrale Firewall und moderner Schutz auf jedem Gerät — aus einer Hand verwaltet, überwacht und aktuell gehalten.

+

Zentrale Verwaltung aller Geräte, automatische Updates und Berichte, die zeigen, was tatsächlich abgewehrt wurde.

+
+
+ +

Backup & Notfallplan

+

Tägliche Sicherungen an einen zweiten Ort. Fällt etwas aus, wissen wir vorher, wie wir Sie wieder online bringen — getestet, nicht gehofft.

+

3-2-1-Regel, tägliche Prüfung der Sicherungen und echte Wiederherstellungs-Tests — damit im Ernstfall nichts überrascht.

+
+
+ +

Angriffe früh abwehren

+

Wir schließen bekannte Schwachstellen, bevor sie ausgenutzt werden, und erkennen ungewöhnliche Zugriffe, solange noch Zeit zum Reagieren ist.

+

Wir überwachen Anmeldungen, sperren verdächtige Zugriffe und halten alle Systeme per Patch-Management aktuell.

+
+
+ +

Schulungen & DSGVO

+

Ihr Team lernt, Phishing zu erkennen. Wir dokumentieren Ihre IT sauber — für den Datenschutz und für Prüfungen, wenn sie kommen.

+

Kurze, praxisnahe Trainings, simulierte Phishing-Mails und eine saubere Doku für Ihre Datenschutz-Nachweise.

+
+
+
+
+ + + + +
+ +
+
+
+ Unser Versprechen +

Worauf Sie sich verlassen können.

+

Wir schreiben keine Werbe-Prozente auf. Das hier sind die Zusagen, die in unseren Betreuungsverträgen stehen — die Grundlage, auf der wir arbeiten.

+
+ +
+
+
+ +
< 30 Min

Reaktionszeit bei kritischen Störungen während der Servicezeit.

+
+
+ +
24 / 7

Monitoring Ihrer wichtigen Systeme, auch außerhalb der Bürozeiten.

+
+
+ +
1 Team

Feste Ansprechpartner, die Ihren Betrieb kennen — kein Ticket-Roulette.

+
+
+ +
Pauschale

Planbare Kosten pro Monat statt Überraschungen auf der Rechnung.

+
+
+

// Konkrete Servicezeiten und Reaktionszeiten legen wir gemeinsam im Betreuungsvertrag fest.

+
+ +
+ + + +
+
+
+
+ So starten wir +

Vom ersten Gespräch zur ruhigen IT.

+

In drei Schritten, ohne dass Sie Ihren Betrieb dafür anhalten müssen.

+
+
+ + + + + + + + + + + + + + + + + + 1 + + + + + 2 + + + + + + + +
+
+
+
+
01
+

Bestandsaufnahme

+

Wir sehen uns Ihre IT vor Ort an: Geräte, Verträge, Risiken. Sie bekommen einen ehrlichen Bericht — auch dann, wenn nicht alles neu gemacht werden muss.

+

Vor-Ort-Termin, Inventarliste, Risiko-Ampel. Nach ein bis zwei Wochen liegt ein klarer Bericht auf dem Tisch — ohne Verkaufsdruck.

+
+
+
02
+

Fahrplan

+

Gemeinsam legen wir fest, was sofort wichtig ist und was warten kann. Transparent, mit klaren Kosten und ohne Fachchinesisch.

+

Wir priorisieren nach Dringlichkeit und Budget: Was schützt sofort, was kann geplant werden — jede Position mit klarem Preis.

+
+
+
03
+

Betreuung

+

Wir übernehmen den laufenden Betrieb. Ab jetzt haben Sie eine Nummer für alles rund um IT — und einen ruhigeren Arbeitstag.

+

Monatliche Pauschale, feste Ansprechpartner, proaktives Monitoring. Sie melden sich bei einer Nummer — den Rest koordinieren wir.

+
+
+
+
+ + + + +
+ +
+
+ Standort +

Zu Hause in Mittelfranken —im Einsatz in ganzDeutschland.

+
+
+
+

Wir sitzen in Wittelshofen. Von hier aus betreuen wir Netzwerke, Server, Microsoft 365 und die IT-Sicherheit mittelständischer Betriebe — vor Ort in der Region, per Fernwartung überall.

+

Hier sitzen wir Wittelshofen in Mittelfranken

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+ + + +
+ + +
+
+
+

Reden wir über Ihre IT.

+

Kostenloses Erstgespräch — vor Ort in Mittelfranken oder per Videocall. Wir hören zu und schauen uns die Lage an, bevor wir irgendetwas empfehlen.

+
+ + Während Sie schlafen, überwachen wir Ihre Systeme. +
+ +
+ +
+

Erstgespräch anfragen

+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +

Der Knopf öffnet Ihr E-Mail-Programm mit einer fertig ausgefüllten Nachricht an uns. Es werden keine Daten auf dieser Seite gespeichert.

+

E-Mail-Programm geöffnet. Findet sich kein Fenster, schreiben Sie uns direkt an hallo@mfi-mittelfranken.de.

+
+
+ +
+ © 2026 MFI — Mittelfranken Informatik + +
+
+
+
+ + + + +