Bootstrap-Website komplett: Parallax Hero, Logo, PHPMailer, responsive Banner-Bilder und neue Baumaschinen (CAT 906, Volvo ZL 302)

2026-02-11 17:54:01 +01:00
parent 1bf30b23a3
commit a5dce8673c
43 changed files with 11484 additions and 0 deletions
--- a/README.md
+++ b/README.md
@@ -0,0 +1,102 @@
+# 🚜 Baumer Maschinenverleih - Bootstrap Website
+
+Moderne, responsive Website für Andreas Baumer Maschinenverleih mit Bootstrap 5.
+
+## ✨ Features
+
+- ✅ **Keine Build-Tools** - Einfach per FTP hochladen
+- ✅ **Komplett offline** - Bootstrap lokal eingebunden
+- ✅ **PHPMailer** - Professionelles Kontaktformular ohne externe Dienste
+- ✅ **Bootstrap 5** - Modernes, responsives Design
+- ✅ **JSON-basiert** - Maschinen in `data/maschinen.json`
+- ✅ **Spam-Schutz** - Honeypot & Rate Limiting integriert
+- ✅ **Komplett responsive** - Funktioniert auf allen Geräten
+
+## 📁 Projektstruktur
+
+```
+webseite/
+├── index.html              # Startseite
+├── kontakt.html            # Kontaktseite mit PHPMailer
+├── impressum.html          # Impressum
+├── datenschutz.html        # Datenschutz
+├── config.php              # E-Mail Konfiguration (ANPASSEN!)
+├── send-mail.php           # Mail-Versand-Script
+├── .htaccess               # Sicherheit & Schutz
+│
+├── css/
+│   ├── bootstrap.min.css   # Bootstrap CSS (lokal)
+│   ├── bootstrap-icons.css # Bootstrap Icons (lokal)
+│   └── style.css           # Custom Styling
+│
+├── js/
+│   ├── bootstrap.bundle.min.js  # Bootstrap JS (lokal)
+│   └── main.js             # Custom JavaScript
+│
+├── phpmailer/              # PHPMailer Bibliothek
+│   ├── PHPMailer.php
+│   ├── SMTP.php
+│   └── Exception.php
+│
+├── fonts/
+**⚠️ Wichtig:** Das Kontaktformular funktioniert nur auf einem Webserver mit PHP!
+
+## 📧 Kontaktformular einrichten
+
+Das Kontaktformular verwendet PHPMailer und ist bereits vollständig integriert.
+
+**Schnellstart:**
+
+1. Öffnen Sie `config.php`
+2. Tragen Sie Ihre E-Mail ein:
+   ```php
+   define('MAIL_TO', 'baumer@traidendorf.de');
+   ```
+3. Fertig! (Bei den meisten Hostern funktioniert es sofort)
+
+**Ausführliche Anleitung:** Siehe [PHPMAILER-ANLEITUNG.md](PHPMAILER-ANLEITUNG.md)
+
+### SMTP konfigurieren (optional, für bessere Zustellbarkeit)
+
+Falls E-Mails nicht ankommen, SMTP in `config.php` aktivieren:
+
+```php
+define('USE_SMTP', true);
+define('SMTP_HOST', 'smtp.ihre-domain.de');
+define('SMTP_USERNAME', 'ihre-email@ihre-domain.de');
+define('SMTP_PASSWORD', 'ihr-passwort');
+```   # Icon Font (lokal)
+│   └── bootstrap-icons.woff     # Icon Font (lokal)
+│
+├── data/
+│   └── maschinen.json      # Alle Maschinen (editierbar!)
+│
+└── images/                 # Bilder (optional)
+```
+
+## 🚀 Website öffnen
+
+Einfach `index.html` im Browser öffnen oder per FTP auf Webserver hochladen.
+
+## ✏️ Neue Maschine hinzufügen
+
+In `data/maschinen.json` einen neuen Eintrag hinzufügen:
+
+```json
+{
+  "id": "neue-maschine",
+  "title": "Neue Maschine",
+  "preis": "50€/Tag",
+  "beschreibung": "Beschreibung...",
+  "besonderheiten": ["Feature 1", "Feature 2"]
+}
+```
+
+## 📧 Kontaktformular
+
+In `kontakt.html` Formspree-ID eintragen:
+```html
+<form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
+```
+
+Mehr Details und Anleitungen in der ausführlichen Dokumentation oben! 📚