Add complete bewerbung Next.js application
- Add all Next.js application files - Include components, app structure, and public assets - Remove empty bewerbung placeholder folder - Update .gitignore for Next.js project 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
cbazzaandClaude Sonnet 4.5 committed
1 parent
571c381718
commit
30a380cae8
48 files changed
+9038
-20
No files matched your search
@@ -0,0 +1,216 @@
|
||||
# 📧 E-Mail Bewerbungsvorlage 2025
|
||||
|
||||
Moderne, responsive HTML E-Mail-Vorlage für Bewerbungen - perfekt abgestimmt auf die Webseite apply4jobs.de/bewerbung/
|
||||
|
||||
---
|
||||
|
||||
## 📋 Was wurde aktualisiert?
|
||||
|
||||
### ✅ **Alle wichtigen Daten auf 2025 aktualisiert:**
|
||||
|
||||
| Kategorie | Alt (2014) | Neu (2025) |
|
||||
|-----------|------------|------------|
|
||||
| **Alter** | 36 Jahre | **46 Jahre** ✅ |
|
||||
| **Position** | Marketing Manager | **Technical Product Owner** ✅ |
|
||||
| **Firma** | Trustec Energy | **Sopra Financial Technology** ✅ |
|
||||
| **Erfahrung** | Webentwicklung, Marketing | **Kubernetes, Cloud, DevOps** ✅ |
|
||||
| **Downloads** | Dropbox 2014 | **apply4jobs.de/bewerbung/** ✅ |
|
||||
| **Webseite** | uberspace.de (alt) | **apply4jobs.de/bewerbung/** ✅ |
|
||||
| **Telefon** | +49 9874 322 429 | **0157 324 699 60** ✅ |
|
||||
|
||||
---
|
||||
|
||||
## 🎨 Design-Features:
|
||||
|
||||
✅ **Moderne Farbpalette:**
|
||||
- Primary: `#e63946` (Rot - passend zur Webseite)
|
||||
- Text: `#1d3557` (Dunkelblau)
|
||||
- Gradient Header: `#1d3557` → `#457b9d`
|
||||
|
||||
✅ **Responsive Design:**
|
||||
- Mobile-optimiert (stacked layout auf kleinen Bildschirmen)
|
||||
- Funktioniert in allen gängigen E-Mail-Clients
|
||||
|
||||
✅ **Strukturiert:**
|
||||
1. Header mit Positionsangabe
|
||||
2. Begrüßung + Kurzvorstellung
|
||||
3. Highlight-Box "Warum ich?"
|
||||
4. Aktuelle Position (4 Info-Boxen)
|
||||
5. Download-Buttons (Lebenslauf, Zeugnisse, Referenzen)
|
||||
6. Online-Bewerbung Button
|
||||
7. Kontaktdaten (3-spaltig)
|
||||
8. Abschluss + Footer
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Verwendung:
|
||||
|
||||
### **Schritt 1: Position anpassen**
|
||||
```html
|
||||
<!-- Zeile 44: -->
|
||||
<p style="color: rgba(255, 255, 255, 0.9); margin: 0; font-size: 18px;">
|
||||
[Position einfügen] ← Hier die Stelle eintragen
|
||||
</p>
|
||||
```
|
||||
|
||||
### **Schritt 2: Anrede anpassen**
|
||||
```html
|
||||
<!-- Zeile 52: -->
|
||||
<p style="color: #1d3557; font-size: 16px; line-height: 1.6; margin: 0 0 20px 0;">
|
||||
Sehr geehrte Damen und Herren, ← Bei Bedarf personalisieren
|
||||
</p>
|
||||
```
|
||||
|
||||
### **Schritt 3: E-Mail versenden**
|
||||
|
||||
**Option A: Als HTML-Mail versenden**
|
||||
- Öffne `bewerbung-2025.html` im Browser
|
||||
- Kopiere den kompletten Quelltext
|
||||
- Füge ihn in dein E-Mail-Programm ein (HTML-Modus)
|
||||
|
||||
**Option B: In E-Mail-Client importieren**
|
||||
- Thunderbird: "Einfügen" → "HTML"
|
||||
- Gmail: Erweiterungen wie "Compose" verwenden
|
||||
- Outlook: "Datei" → "HTML einfügen"
|
||||
|
||||
---
|
||||
|
||||
## 📥 Download-Links:
|
||||
|
||||
Die E-Mail enthält Links zu:
|
||||
- ✅ https://apply4jobs.de/bewerbung/downloads/Lebenslauf_2025.pdf
|
||||
- ✅ https://apply4jobs.de/bewerbung/downloads/Zeugnisse_2025.pdf
|
||||
- ✅ https://apply4jobs.de/bewerbung/downloads/Referenzen.pdf
|
||||
- ✅ https://apply4jobs.de/bewerbung/ (Online-Bewerbung)
|
||||
|
||||
**Wichtig:** Stelle sicher, dass diese PDFs auf dem Server liegen!
|
||||
|
||||
---
|
||||
|
||||
## 🧪 Testen:
|
||||
|
||||
### **1. Browser-Test:**
|
||||
```bash
|
||||
# Öffne die Datei im Browser:
|
||||
open email-template/bewerbung-2025.html
|
||||
```
|
||||
|
||||
### **2. E-Mail-Client-Test:**
|
||||
Sende eine Test-E-Mail an dich selbst und prüfe:
|
||||
- ✅ Layout korrekt (Desktop + Mobile)
|
||||
- ✅ Alle Links funktionieren
|
||||
- ✅ Buttons sind klickbar
|
||||
- ✅ Farben werden richtig angezeigt
|
||||
|
||||
### **3. Online-Tools:**
|
||||
- [Litmus](https://litmus.com/) - E-Mail-Preview in 90+ Clients
|
||||
- [Email on Acid](https://www.emailonacid.com/) - E-Mail-Testing
|
||||
- [Mail Tester](https://www.mail-tester.com/) - Spam-Score prüfen
|
||||
|
||||
---
|
||||
|
||||
## 🎯 Highlights der neuen E-Mail:
|
||||
|
||||
### **Inhaltlich:**
|
||||
✅ Alter korrekt (46 statt 36)
|
||||
✅ Aktuelle Position (Technical Product Owner)
|
||||
✅ Moderne Skills (Kubernetes, Cloud, DevOps)
|
||||
✅ Bankenmeldewesen erwähnt
|
||||
✅ Nearshore-Teams erwähnt
|
||||
✅ 20+ Jahre Erfahrung hervorgehoben
|
||||
|
||||
### **Visuell:**
|
||||
✅ Moderne, cleane Optik
|
||||
✅ Gradient-Header
|
||||
✅ Highlight-Box mit rotem Akzent
|
||||
✅ Icon-Boxen (📍 📱 ✉️)
|
||||
✅ Call-to-Action Buttons
|
||||
✅ Responsive für Mobile
|
||||
|
||||
### **Technisch:**
|
||||
✅ Alle Links aktualisiert (2025)
|
||||
✅ Korrekte Telefonnummer
|
||||
✅ Funktionierende Download-Links
|
||||
✅ E-Mail-Client kompatibel
|
||||
|
||||
---
|
||||
|
||||
## 📝 Personalisierungs-Tipps:
|
||||
|
||||
### **Für verschiedene Bewerbungen:**
|
||||
|
||||
1. **Position anpassen** (Zeile 44)
|
||||
2. **Anrede personalisieren** (Zeile 52)
|
||||
3. **Highlight-Box anpassen** (Zeile 70-79)
|
||||
- Betone Skills, die für die Stelle wichtig sind
|
||||
|
||||
### **Beispiele:**
|
||||
|
||||
**Für DevOps-Position:**
|
||||
```html
|
||||
<li>Kubernetes & Docker Expertise</li>
|
||||
<li>CI/CD Pipelines (GitLab, Jenkins)</li>
|
||||
<li>AWS & Cloud Infrastructure</li>
|
||||
```
|
||||
|
||||
**Für Product Owner Position:**
|
||||
```html
|
||||
<li>Agile Methoden (Scrum, Kanban)</li>
|
||||
<li>Stakeholder Management</li>
|
||||
<li>Technical Background</li>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🆚 Vergleich Alt vs. Neu:
|
||||
|
||||
| Feature | Alt (2014) | Neu (2025) |
|
||||
|---------|------------|------------|
|
||||
| Alter | 36 (falsch!) | 46 ✅ |
|
||||
| Position | Marketing Manager | Technical Product Owner ✅ |
|
||||
| Skills | Newsletter, Print | Kubernetes, Cloud ✅ |
|
||||
| Links | Dropbox, uberspace | apply4jobs.de ✅ |
|
||||
| Design | Template-basiert | Custom, modern ✅ |
|
||||
| Responsive | Ja | Ja, verbessert ✅ |
|
||||
| Farbschema | Grau/Türkis | Blau/Rot (Webseite) ✅ |
|
||||
|
||||
---
|
||||
|
||||
## 📞 Kontakt in der E-Mail:
|
||||
|
||||
```
|
||||
📍 Rosenstraße 4, 91564 Neuendettelsau
|
||||
📱 0157 324 699 60
|
||||
✉️ froehlich.sebastian@gmail.com
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## ⚠️ Wichtige Hinweise:
|
||||
|
||||
1. **Vor dem Versenden:**
|
||||
- [ ] Position eingefügt
|
||||
- [ ] Anrede personalisiert
|
||||
- [ ] Test-Mail versendet
|
||||
- [ ] Links geprüft
|
||||
- [ ] Mobile-Ansicht getestet
|
||||
|
||||
2. **Dateiname beim Versenden:**
|
||||
- Speichere keine Anhänge, alle Dokumente sind verlinkt
|
||||
- Falls doch Anhänge: `Bewerbung_Sebastian_Froehlich_[Position].pdf`
|
||||
|
||||
3. **Betreff-Vorschlag:**
|
||||
- `Bewerbung als [Position] - Sebastian Fröhlich`
|
||||
- `Initiativbewerbung - Technical Product Owner - Sebastian Fröhlich`
|
||||
|
||||
---
|
||||
|
||||
## 🎉 Fertig!
|
||||
|
||||
Die E-Mail ist bereit zum Versenden. Viel Erfolg bei deiner Bewerbung! 🚀
|
||||
|
||||
---
|
||||
|
||||
**Erstellt:** Oktober 2025
|
||||
**Version:** 1.0
|
||||
**Datei:** `bewerbung-2025.html`
|
||||
@@ -0,0 +1,312 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>Bewerbung von Sebastian Fröhlich - Technical Product Owner</title>
|
||||
<style type="text/css">
|
||||
/* RESET */
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100% !important;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
img {
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
mso-table-lspace: 0pt;
|
||||
mso-table-rspace: 0pt;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width: 600px) {
|
||||
.container {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.mobile-padding {
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
.stack {
|
||||
display: block !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="margin: 0; padding: 0; background-color: #f8f9fa;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f8f9fa;">
|
||||
<tr>
|
||||
<td align="center" style="padding: 20px 0;">
|
||||
|
||||
<!-- Main Container -->
|
||||
<table class="container" width="600" border="0" cellspacing="0" cellpadding="0" style="background-color: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.1);">
|
||||
|
||||
<!-- Header -->
|
||||
<tr>
|
||||
<td style="background: linear-gradient(135deg, #1d3557 0%, #457b9d 100%); padding: 40px 30px; text-align: center;">
|
||||
<h1 style="color: #ffffff; margin: 0 0 10px 0; font-size: 28px; font-weight: bold;">
|
||||
Bewerbung als
|
||||
</h1>
|
||||
<p style="color: rgba(255, 255, 255, 0.9); margin: 0; font-size: 18px;">
|
||||
[Position einfügen]
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Greeting -->
|
||||
<tr>
|
||||
<td style="padding: 30px 30px 20px 30px;">
|
||||
<p style="color: #1d3557; font-size: 16px; line-height: 1.6; margin: 0 0 20px 0;">
|
||||
Sehr geehrte Damen und Herren,
|
||||
</p>
|
||||
<p style="color: #6c757d; font-size: 16px; line-height: 1.6; margin: 0;">
|
||||
mein Name ist <strong style="color: #1d3557;">Sebastian Fröhlich</strong>, ich bin <strong>46 Jahre</strong> alt und arbeite seit 2021 als <strong style="color: #e63946;">Technical Product Owner</strong> im Bereich Financial Technology. Mit über <strong>20 Jahren IT-Erfahrung</strong> bringe ich umfassende Expertise in modernen Technologien und Projektmanagement mit.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Highlight Box -->
|
||||
<tr>
|
||||
<td style="padding: 0 30px 30px 30px;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background: linear-gradient(135deg, rgba(230, 57, 70, 0.1) 0%, rgba(230, 57, 70, 0.05) 100%); border-left: 4px solid #e63946; border-radius: 8px;">
|
||||
<tr>
|
||||
<td style="padding: 25px;">
|
||||
<h2 style="color: #1d3557; font-size: 20px; margin: 0 0 15px 0;">
|
||||
🎯 Warum ich die richtige Wahl bin
|
||||
</h2>
|
||||
<ul style="color: #6c757d; font-size: 15px; line-height: 1.8; margin: 0; padding-left: 20px;">
|
||||
<li style="margin-bottom: 8px;"><strong style="color: #1d3557;">20+ Jahre IT-Erfahrung</strong> – von der Diskette zur Cloud</li>
|
||||
<li style="margin-bottom: 8px;"><strong style="color: #1d3557;">Technical Product Owner</strong> für 3 Fintech-Produkte im Bankenmeldewesen</li>
|
||||
<li style="margin-bottom: 8px;"><strong style="color: #1d3557;">Kubernetes & Cloud Expertise</strong> – erfolgreiche Migration ohne Ausfallzeiten</li>
|
||||
<li style="margin-bottom: 8px;"><strong style="color: #1d3557;">Team Leadership</strong> – Steuerung internationaler Teams (inkl. Nearshore)</li>
|
||||
<li style="margin-bottom: 8px;"><strong style="color: #1d3557;">Full-Stack Know-how</strong> – PHP/Laravel, Vue.js, DevOps, Systemarchitektur</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td style="padding: 0 30px;">
|
||||
<hr style="border: none; border-top: 2px solid #e9ecef; margin: 0;">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Key Facts Section -->
|
||||
<tr>
|
||||
<td style="padding: 30px;">
|
||||
<h2 style="color: #1d3557; font-size: 20px; margin: 0 0 20px 0; text-align: center;">
|
||||
💼 Meine aktuelle Position
|
||||
</h2>
|
||||
|
||||
<!-- Facts Grid -->
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td class="stack" width="50%" style="padding: 10px; vertical-align: top;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f8f9fa; border-radius: 8px;">
|
||||
<tr>
|
||||
<td style="padding: 20px; text-align: center;">
|
||||
<div style="font-size: 32px; margin-bottom: 10px;">🏢</div>
|
||||
<p style="color: #1d3557; font-weight: bold; margin: 0 0 5px 0; font-size: 14px;">Unternehmen</p>
|
||||
<p style="color: #6c757d; margin: 0; font-size: 13px;">Sopra Financial Technology GmbH</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td class="stack" width="50%" style="padding: 10px; vertical-align: top;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f8f9fa; border-radius: 8px;">
|
||||
<tr>
|
||||
<td style="padding: 20px; text-align: center;">
|
||||
<div style="font-size: 32px; margin-bottom: 10px;">⚙️</div>
|
||||
<p style="color: #1d3557; font-weight: bold; margin: 0 0 5px 0; font-size: 14px;">Position</p>
|
||||
<p style="color: #6c757d; margin: 0; font-size: 13px;">Technical Product Owner</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="stack" width="50%" style="padding: 10px; vertical-align: top;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f8f9fa; border-radius: 8px;">
|
||||
<tr>
|
||||
<td style="padding: 20px; text-align: center;">
|
||||
<div style="font-size: 32px; margin-bottom: 10px;">📊</div>
|
||||
<p style="color: #1d3557; font-weight: bold; margin: 0 0 5px 0; font-size: 14px;">Verantwortung</p>
|
||||
<p style="color: #6c757d; margin: 0; font-size: 13px;">3 Produkte im Bankenmeldewesen</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td class="stack" width="50%" style="padding: 10px; vertical-align: top;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f8f9fa; border-radius: 8px;">
|
||||
<tr>
|
||||
<td style="padding: 20px; text-align: center;">
|
||||
<div style="font-size: 32px; margin-bottom: 10px;">🚀</div>
|
||||
<p style="color: #1d3557; font-weight: bold; margin: 0 0 5px 0; font-size: 14px;">Highlights</p>
|
||||
<p style="color: #6c757d; margin: 0; font-size: 13px;">K8s-Migration, Code Reviews</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td style="padding: 0 30px;">
|
||||
<hr style="border: none; border-top: 2px solid #e9ecef; margin: 0;">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Downloads Section -->
|
||||
<tr>
|
||||
<td style="padding: 30px;">
|
||||
<h2 style="color: #1d3557; font-size: 20px; margin: 0 0 20px 0; text-align: center;">
|
||||
📥 Meine Bewerbungsunterlagen
|
||||
</h2>
|
||||
|
||||
<!-- Download Buttons -->
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td style="padding: 10px; text-align: center;">
|
||||
<a href="https://apply4jobs.de/bewerbung/downloads/Lebenslauf_2025.pdf" style="background-color: #e63946; color: #ffffff; padding: 14px 28px; text-decoration: none; border-radius: 8px; display: inline-block; font-weight: bold; font-size: 15px;">
|
||||
📄 Lebenslauf 2025
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 10px; text-align: center;">
|
||||
<a href="https://apply4jobs.de/bewerbung/downloads/Zeugnisse_2025.pdf" style="background-color: #457b9d; color: #ffffff; padding: 14px 28px; text-decoration: none; border-radius: 8px; display: inline-block; font-weight: bold; font-size: 15px;">
|
||||
📜 Arbeitszeugnisse 2025
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 10px; text-align: center;">
|
||||
<a href="https://apply4jobs.de/bewerbung/downloads/Referenzen.pdf" style="background-color: #457b9d; color: #ffffff; padding: 14px 28px; text-decoration: none; border-radius: 8px; display: inline-block; font-weight: bold; font-size: 15px;">
|
||||
⭐ Referenzen
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 20px 10px 10px 10px; text-align: center;">
|
||||
<a href="https://apply4jobs.de/bewerbung/" style="background: linear-gradient(135deg, #e63946 0%, #d62839 100%); color: #ffffff; padding: 16px 32px; text-decoration: none; border-radius: 8px; display: inline-block; font-weight: bold; font-size: 16px; box-shadow: 0 4px 6px rgba(230, 57, 70, 0.3);">
|
||||
🌐 Vollständige Online-Bewerbung ansehen
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td style="padding: 0 30px;">
|
||||
<hr style="border: none; border-top: 2px solid #e9ecef; margin: 0;">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Contact Section -->
|
||||
<tr>
|
||||
<td style="padding: 30px;">
|
||||
<h2 style="color: #1d3557; font-size: 20px; margin: 0 0 20px 0; text-align: center;">
|
||||
📞 Kontakt
|
||||
</h2>
|
||||
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td class="stack" width="33.33%" style="padding: 10px; vertical-align: top;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td style="text-align: center;">
|
||||
<div style="font-size: 32px; margin-bottom: 10px;">📍</div>
|
||||
<p style="color: #1d3557; font-weight: bold; margin: 0 0 5px 0; font-size: 13px;">Adresse</p>
|
||||
<p style="color: #6c757d; margin: 0; font-size: 12px; line-height: 1.5;">
|
||||
Rosenstraße 4<br>
|
||||
91564 Neuendettelsau
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td class="stack" width="33.33%" style="padding: 10px; vertical-align: top;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td style="text-align: center;">
|
||||
<div style="font-size: 32px; margin-bottom: 10px;">📱</div>
|
||||
<p style="color: #1d3557; font-weight: bold; margin: 0 0 5px 0; font-size: 13px;">Telefon</p>
|
||||
<p style="color: #6c757d; margin: 0; font-size: 12px;">
|
||||
<a href="tel:+4915732469960" style="color: #e63946; text-decoration: none;">0157 324 699 60</a>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td class="stack" width="33.33%" style="padding: 10px; vertical-align: top;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td style="text-align: center;">
|
||||
<div style="font-size: 32px; margin-bottom: 10px;">✉️</div>
|
||||
<p style="color: #1d3557; font-weight: bold; margin: 0 0 5px 0; font-size: 13px;">E-Mail</p>
|
||||
<p style="color: #6c757d; margin: 0; font-size: 12px;">
|
||||
<a href="mailto:froehlich.sebastian@gmail.com" style="color: #e63946; text-decoration: none;">froehlich.sebastian@gmail.com</a>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Closing -->
|
||||
<tr>
|
||||
<td style="padding: 0 30px 30px 30px;">
|
||||
<p style="color: #6c757d; font-size: 15px; line-height: 1.6; margin: 0;">
|
||||
Ich freue mich darauf, Sie in einem persönlichen Gespräch von meinen Fähigkeiten zu überzeugen und mehr über die Position zu erfahren.
|
||||
</p>
|
||||
<p style="color: #6c757d; font-size: 15px; line-height: 1.6; margin: 15px 0 0 0;">
|
||||
Mit freundlichen Grüßen<br>
|
||||
<strong style="color: #1d3557;">Sebastian Fröhlich</strong>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td style="background-color: #f8f9fa; padding: 20px 30px; text-align: center; border-top: 1px solid #e9ecef;">
|
||||
<p style="color: #6c757d; font-size: 11px; line-height: 1.5; margin: 0;">
|
||||
Diese E-Mail wurde als responsive HTML-Mail erstellt.<br>
|
||||
Falls die Darstellung nicht korrekt ist, können Sie die
|
||||
<a href="https://apply4jobs.de/bewerbung/" style="color: #e63946; text-decoration: underline;">Online-Version</a> aufrufen.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user