102 lines
3.1 KiB
Markdown
102 lines
3.1 KiB
Markdown
# 🚜 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! 📚 |