diff --git a/README.md b/README.md index a9ce46e..a22b7d0 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,132 @@ -# Traidendorf.de +# Traidendorf Webseite -Webseite von Traidendorf.de \ No newline at end of file +Moderne Webseite für die Gemeinde Traidendorf mit Präsentation lokaler Vereine und Gewerbetreibender. + +## 🌟 Features + +- **Responsive Design**: Optimiert für alle Geräte (Desktop, Tablet, Mobile) +- **Bootstrap 5**: Moderne UI-Komponenten und Grid-System +- **Smooth Scrolling**: Sanfte Navigation zwischen Bereichen +- **Animationen**: Fade-in-Effekte und Hover-Animationen +- **SEO-optimiert**: Semantisches HTML5 +- **Schnelle Ladezeiten**: Optimierte Assets und CDN-Integration + +## 📁 Projektstruktur + +``` +Webseite/ +│ +├── index.html # Hauptseite +├── css/ +│ └── style.css # Custom Styles +├── js/ +│ └── script.js # Interaktive Funktionen +└── README.md # Diese Datei +``` + +## 🚀 Installation & Nutzung + +### Lokale Entwicklung + +1. Repository klonen oder Dateien herunterladen +2. `index.html` in einem Browser öffnen +3. Für Live-Entwicklung einen lokalen Server verwenden: + +```bash +# Mit Python +python -m http.server 8000 + +# Mit Node.js (http-server) +npx http-server + +# Mit VS Code Live Server Extension +# Rechtsklick auf index.html -> "Open with Live Server" +``` + +### Deployment + +Die Webseite kann auf jedem Webserver gehostet werden: + +- **Statischer Hosting**: GitHub Pages, Netlify, Vercel +- **Traditioneller Webserver**: Apache, Nginx +- **Upload**: Einfach alle Dateien via FTP hochladen + +## 📋 Inhalt + +### Vereine +- **SSC Traidendorf** - Sportlicher Schwimmclub +- **Freiwillige Feuerwehr** - Sicherheit und Brandschutz + +### Gewerbe +- **Kanuschorsch** - Kanuverleih und Wassersport +- **Anna Ebenbeck Keramik** - Handgefertigte Keramikkunst +- **Dellentechnik Lang** - Professionelle Ausbeultechnik +- **StolzHolz** - Hochwertige Holzarbeiten + +### Sehenswürdigkeiten +- **Schloss Traidendorf** - Historisches Wahrzeichen + +## 🛠️ Technologien + +- **HTML5**: Semantische Struktur +- **CSS3**: Modern mit Flexbox, Grid, Animationen +- **JavaScript (ES6+)**: Interaktive Features +- **Bootstrap 5.3.2**: Framework für responsives Design +- **Bootstrap Icons**: Iconographie + +## 🎨 Anpassungen + +### Farben ändern + +In [css/style.css](css/style.css) die CSS-Variablen anpassen: + +```css +:root { + --primary-color: #0d6efd; + --secondary-color: #6c757d; + /* ... weitere Farben */ +} +``` + +### Inhalte hinzufügen + +Neue Karten in [index.html](index.html) hinzufügen: + +```html +
+ Entdecken Sie unsere lebendige Gemeinde mit ihren Vereinen, + Gewerbetreibenden und historischen Sehenswürdigkeiten +
+ +Das Vereinsleben macht unsere Gemeinde lebendig
++ Stockschützenverein - Eistockschießen auf der Sommerbahn +
+ + Zur Webseite + ++ Ihre Sicherheit ist unsere Mission - 24/7 für Sie da +
+ + Zur Webseite + +Qualität und Service aus der Region
++ Kanuverleih und Wassersport-Abenteuer auf der Altmühl +
+ + Zur Webseite + ++ Handgefertigte Keramik und künstlerische Unikate +
+ + Zur Webseite + ++ Professionelle Ausbeultechnik ohne Lackierung für Ihr Fahrzeug +
+ + Zur Webseite + ++ Professionelle Bau- und Gartenmaschinen sowie Dienstleistungen +
+ + Zur Webseite + +Historische Schätze in Traidendorf
++ Ein historisches Juwel mit jahrhundertealter Geschichte und beeindruckender Architektur +
+ + Mehr erfahren + ++ Barocke Saalkirche aus dem Jahr 1684/85 mit spätgotischen Holzstatuen von Maria und Johannes dem Täufer +
+ + Mehr erfahren + +