Hinterlege bei "Kursleiter", "Sarah" und "Thomas" Beispiel-Portraits von Personen
Browse files- about.html +4 -4
- grundlagen-kurs.html +6 -6
- index.html +4 -4
about.html
CHANGED
|
@@ -135,8 +135,8 @@
|
|
| 135 |
<div class="grid md:grid-cols-2 gap-8">
|
| 136 |
<div class="bg-white p-6 rounded-xl shadow-sm">
|
| 137 |
<div class="flex items-center mb-4">
|
| 138 |
-
<img src="
|
| 139 |
-
|
| 140 |
<h4 class="font-semibold">Sarah M.</h4>
|
| 141 |
<p class="text-gray-500 text-sm">Sozialarbeiterin</p>
|
| 142 |
</div>
|
|
@@ -147,8 +147,8 @@
|
|
| 147 |
</div>
|
| 148 |
<div class="bg-white p-6 rounded-xl shadow-sm">
|
| 149 |
<div class="flex items-center mb-4">
|
| 150 |
-
<img src="
|
| 151 |
-
|
| 152 |
<h4 class="font-semibold">Thomas K.</h4>
|
| 153 |
<p class="text-gray-500 text-sm">Jugendhilfe</p>
|
| 154 |
</div>
|
|
|
|
| 135 |
<div class="grid md:grid-cols-2 gap-8">
|
| 136 |
<div class="bg-white p-6 rounded-xl shadow-sm">
|
| 137 |
<div class="flex items-center mb-4">
|
| 138 |
+
<img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Sarah M." class="w-12 h-12 rounded-full mr-4">
|
| 139 |
+
<div>
|
| 140 |
<h4 class="font-semibold">Sarah M.</h4>
|
| 141 |
<p class="text-gray-500 text-sm">Sozialarbeiterin</p>
|
| 142 |
</div>
|
|
|
|
| 147 |
</div>
|
| 148 |
<div class="bg-white p-6 rounded-xl shadow-sm">
|
| 149 |
<div class="flex items-center mb-4">
|
| 150 |
+
<img src="https://randomuser.me/api/portraits/men/65.jpg" alt="Thomas K." class="w-12 h-12 rounded-full mr-4">
|
| 151 |
+
<div>
|
| 152 |
<h4 class="font-semibold">Thomas K.</h4>
|
| 153 |
<p class="text-gray-500 text-sm">Jugendhilfe</p>
|
| 154 |
</div>
|
grundlagen-kurs.html
CHANGED
|
@@ -283,8 +283,8 @@
|
|
| 283 |
<h2 class="text-3xl font-bold text-gray-900 mb-6">Dein Kursleiter</h2>
|
| 284 |
<div class="bg-white rounded-xl shadow-md overflow-hidden md:flex">
|
| 285 |
<div class="md:w-1/3">
|
| 286 |
-
<img src="
|
| 287 |
-
|
| 288 |
<div class="p-8 md:w-2/3">
|
| 289 |
<h3 class="text-2xl font-bold mb-2">Dr. Julian Weber</h3>
|
| 290 |
<p class="text-secondary font-medium mb-4">Musiktherapeut & Vibe-Coding Experte</p>
|
|
@@ -312,8 +312,8 @@
|
|
| 312 |
<div class="grid md:grid-cols-2 gap-8">
|
| 313 |
<div class="bg-white p-6 rounded-xl shadow-sm">
|
| 314 |
<div class="flex items-center mb-4">
|
| 315 |
-
<img src="
|
| 316 |
-
|
| 317 |
<h4 class="font-semibold">Sarah M.</h4>
|
| 318 |
<p class="text-gray-500 text-sm">Ergotherapeutin</p>
|
| 319 |
</div>
|
|
@@ -324,8 +324,8 @@
|
|
| 324 |
</div>
|
| 325 |
<div class="bg-white p-6 rounded-xl shadow-sm">
|
| 326 |
<div class="flex items-center mb-4">
|
| 327 |
-
<img src="
|
| 328 |
-
|
| 329 |
<h4 class="font-semibold">Thomas K.</h4>
|
| 330 |
<p class="text-gray-500 text-sm">Heilpädagoge</p>
|
| 331 |
</div>
|
|
|
|
| 283 |
<h2 class="text-3xl font-bold text-gray-900 mb-6">Dein Kursleiter</h2>
|
| 284 |
<div class="bg-white rounded-xl shadow-md overflow-hidden md:flex">
|
| 285 |
<div class="md:w-1/3">
|
| 286 |
+
<img src="https://randomuser.me/api/portraits/men/43.jpg" alt="Kursleiter Dr. Julian Weber" class="w-full h-full object-cover">
|
| 287 |
+
</div>
|
| 288 |
<div class="p-8 md:w-2/3">
|
| 289 |
<h3 class="text-2xl font-bold mb-2">Dr. Julian Weber</h3>
|
| 290 |
<p class="text-secondary font-medium mb-4">Musiktherapeut & Vibe-Coding Experte</p>
|
|
|
|
| 312 |
<div class="grid md:grid-cols-2 gap-8">
|
| 313 |
<div class="bg-white p-6 rounded-xl shadow-sm">
|
| 314 |
<div class="flex items-center mb-4">
|
| 315 |
+
<img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Sarah M." class="w-12 h-12 rounded-full mr-4">
|
| 316 |
+
<div>
|
| 317 |
<h4 class="font-semibold">Sarah M.</h4>
|
| 318 |
<p class="text-gray-500 text-sm">Ergotherapeutin</p>
|
| 319 |
</div>
|
|
|
|
| 324 |
</div>
|
| 325 |
<div class="bg-white p-6 rounded-xl shadow-sm">
|
| 326 |
<div class="flex items-center mb-4">
|
| 327 |
+
<img src="https://randomuser.me/api/portraits/men/65.jpg" alt="Thomas K." class="w-12 h-12 rounded-full mr-4">
|
| 328 |
+
<div>
|
| 329 |
<h4 class="font-semibold">Thomas K.</h4>
|
| 330 |
<p class="text-gray-500 text-sm">Heilpädagoge</p>
|
| 331 |
</div>
|
index.html
CHANGED
|
@@ -133,8 +133,8 @@
|
|
| 133 |
<div class="grid md:grid-cols-2 gap-8">
|
| 134 |
<div class="bg-white p-6 rounded-xl shadow-sm">
|
| 135 |
<div class="flex items-center mb-4">
|
| 136 |
-
<img src="
|
| 137 |
-
|
| 138 |
<h4 class="font-semibold">Sarah M.</h4>
|
| 139 |
<p class="text-gray-500 text-sm">Sozialarbeiterin</p>
|
| 140 |
</div>
|
|
@@ -145,8 +145,8 @@
|
|
| 145 |
</div>
|
| 146 |
<div class="bg-white p-6 rounded-xl shadow-sm">
|
| 147 |
<div class="flex items-center mb-4">
|
| 148 |
-
<img src="
|
| 149 |
-
|
| 150 |
<h4 class="font-semibold">Thomas K.</h4>
|
| 151 |
<p class="text-gray-500 text-sm">Jugendhilfe</p>
|
| 152 |
</div>
|
|
|
|
| 133 |
<div class="grid md:grid-cols-2 gap-8">
|
| 134 |
<div class="bg-white p-6 rounded-xl shadow-sm">
|
| 135 |
<div class="flex items-center mb-4">
|
| 136 |
+
<img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Sarah M." class="w-12 h-12 rounded-full mr-4">
|
| 137 |
+
<div>
|
| 138 |
<h4 class="font-semibold">Sarah M.</h4>
|
| 139 |
<p class="text-gray-500 text-sm">Sozialarbeiterin</p>
|
| 140 |
</div>
|
|
|
|
| 145 |
</div>
|
| 146 |
<div class="bg-white p-6 rounded-xl shadow-sm">
|
| 147 |
<div class="flex items-center mb-4">
|
| 148 |
+
<img src="https://randomuser.me/api/portraits/men/65.jpg" alt="Thomas K." class="w-12 h-12 rounded-full mr-4">
|
| 149 |
+
<div>
|
| 150 |
<h4 class="font-semibold">Thomas K.</h4>
|
| 151 |
<p class="text-gray-500 text-sm">Jugendhilfe</p>
|
| 152 |
</div>
|