🚜 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');

Fertig! (Bei den meisten Hostern funktioniert es sofort)

Ausführliche Anleitung: Siehe PHPMAILER-ANLEITUNG.md

SMTP konfigurieren (optional, für bessere Zustellbarkeit)

Falls E-Mails nicht ankommen, SMTP in config.php aktivieren:

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:

{
  "id": "neue-maschine",
  "title": "Neue Maschine",
  "preis": "50€/Tag",
  "beschreibung": "Beschreibung...",
  "besonderheiten": ["Feature 1", "Feature 2"]
}

📧 Kontaktformular

In kontakt.html Formspree-ID eintragen:

<form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">

Mehr Details und Anleitungen in der ausführlichen Dokumentation oben! 📚

3.1 KiB Raw Permalink Blame History