philpelerin commited on
Commit
2fa6cd2
·
verified ·
1 Parent(s): 4d84c6e

Il manque toujours les images sur "Mémoire et Partage" et sur "Bien être"

Browse files
Files changed (1) hide show
  1. index.html +8 -8
index.html CHANGED
@@ -137,7 +137,7 @@
137
  <!-- Espace Mémoire et Partage -->
138
  <div class="space-card bg-white rounded-xl overflow-hidden cursor-pointer" id="memoireEspace">
139
  <div class="relative">
140
- <img src="https://img.icons8.com/color/96/000000/memories.png" alt="Mémoire et Partage" class="w-full h-48 object-cover bg-purple-100 p-8">
141
  <div class="absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center">
142
  <span class="bg-white text-purple-500 px-4 py-2 rounded-full font-bold">Accéder</span>
143
  </div>
@@ -154,7 +154,7 @@
154
  <!-- Espace Bien-être -->
155
  <div class="space-card bg-white rounded-xl overflow-hidden cursor-pointer" id="bienEtreEspace">
156
  <div class="relative">
157
- <img src="https://img.icons8.com/color/96/000000/meditation.png" alt="Bien-être" class="w-full h-48 object-cover bg-green-100 p-8">
158
  <div class="absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center">
159
  <span class="bg-white text-green-500 px-4 py-2 rounded-full font-bold">Accéder</span>
160
  </div>
@@ -238,7 +238,7 @@
238
  </div>
239
  </div>
240
  <div class="md:w-1/3 flex justify-center">
241
- <img src="https://img.icons8.com/color/96/000000/meditation.png" alt="Bien-être" class="w-32 h-32">
242
  </div>
243
  </div>
244
  </div>
@@ -261,8 +261,8 @@
261
  <!-- Exercice 1 -->
262
  <div class="exercise-card bg-white rounded-xl overflow-hidden shadow-md">
263
  <div class="relative">
264
- <img src="http://static.photos/wellness/640x360/1" alt="Exercice doux" class="w-full h-48 object-cover">
265
- <div class="absolute inset-0 flex items-center justify-center">
266
  <button class="bg-white bg-opacity-80 text-green-500 w-16 h-16 rounded-full flex items-center justify-center text-2xl">
267
  <i class="fas fa-play"></i>
268
  </button>
@@ -281,7 +281,7 @@
281
  <!-- Exercice 2 -->
282
  <div class="exercise-card bg-white rounded-xl overflow-hidden shadow-md">
283
  <div class="relative">
284
- <img src="http://static.photos/wellness/640x360/2" alt="Marche nordique" class="w-full h-48 object-cover">
285
  <div class="absolute inset-0 flex items-center justify-center">
286
  <button class="bg-white bg-opacity-80 text-green-500 w-16 h-16 rounded-full flex items-center justify-center text-2xl">
287
  <i class="fas fa-play"></i>
@@ -301,7 +301,7 @@
301
  <!-- Exercice 3 -->
302
  <div class="exercise-card bg-white rounded-xl overflow-hidden shadow-md">
303
  <div class="relative">
304
- <img src="http://static.photos/wellness/640x360/3" alt="Respiration" class="w-full h-48 object-cover">
305
  <div class="absolute inset-0 flex items-center justify-center">
306
  <button class="bg-white bg-opacity-80 text-green-500 w-16 h-16 rounded-full flex items-center justify-center text-2xl">
307
  <i class="fas fa-play"></i>
@@ -718,7 +718,7 @@
718
  </div>
719
  </div>
720
  <div class="md:w-1/3 flex justify-center">
721
- <img src="https://img.icons8.com/color/96/000000/memories.png" alt="Mémoire" class="w-32 h-32">
722
  </div>
723
  </div>
724
  </div>
 
137
  <!-- Espace Mémoire et Partage -->
138
  <div class="space-card bg-white rounded-xl overflow-hidden cursor-pointer" id="memoireEspace">
139
  <div class="relative">
140
+ <img src="http://static.photos/vintage/640x360/123" alt="Mémoire et Partage" class="w-full h-48 object-cover">
141
  <div class="absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center">
142
  <span class="bg-white text-purple-500 px-4 py-2 rounded-full font-bold">Accéder</span>
143
  </div>
 
154
  <!-- Espace Bien-être -->
155
  <div class="space-card bg-white rounded-xl overflow-hidden cursor-pointer" id="bienEtreEspace">
156
  <div class="relative">
157
+ <img src="http://static.photos/wellness/640x360/456" alt="Bien-être" class="w-full h-48 object-cover">
158
  <div class="absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center">
159
  <span class="bg-white text-green-500 px-4 py-2 rounded-full font-bold">Accéder</span>
160
  </div>
 
238
  </div>
239
  </div>
240
  <div class="md:w-1/3 flex justify-center">
241
+ <img src="http://static.photos/wellness/400x400/123" alt="Bien-être" class="w-48 h-48 object-cover rounded-lg">
242
  </div>
243
  </div>
244
  </div>
 
261
  <!-- Exercice 1 -->
262
  <div class="exercise-card bg-white rounded-xl overflow-hidden shadow-md">
263
  <div class="relative">
264
+ <img src="http://static.photos/wellness/640x360/111" alt="Exercice doux" class="w-full h-48 object-cover">
265
+ <div class="absolute inset-0 flex items-center justify-center">
266
  <button class="bg-white bg-opacity-80 text-green-500 w-16 h-16 rounded-full flex items-center justify-center text-2xl">
267
  <i class="fas fa-play"></i>
268
  </button>
 
281
  <!-- Exercice 2 -->
282
  <div class="exercise-card bg-white rounded-xl overflow-hidden shadow-md">
283
  <div class="relative">
284
+ <img src="http://static.photos/wellness/640x360/222" alt="Marche nordique" class="w-full h-48 object-cover">
285
  <div class="absolute inset-0 flex items-center justify-center">
286
  <button class="bg-white bg-opacity-80 text-green-500 w-16 h-16 rounded-full flex items-center justify-center text-2xl">
287
  <i class="fas fa-play"></i>
 
301
  <!-- Exercice 3 -->
302
  <div class="exercise-card bg-white rounded-xl overflow-hidden shadow-md">
303
  <div class="relative">
304
+ <img src="http://static.photos/wellness/640x360/333" alt="Respiration" class="w-full h-48 object-cover">
305
  <div class="absolute inset-0 flex items-center justify-center">
306
  <button class="bg-white bg-opacity-80 text-green-500 w-16 h-16 rounded-full flex items-center justify-center text-2xl">
307
  <i class="fas fa-play"></i>
 
718
  </div>
719
  </div>
720
  <div class="md:w-1/3 flex justify-center">
721
+ <img src="http://static.photos/vintage/400x400/789" alt="Mémoire" class="w-48 h-48 object-cover rounded-lg">
722
  </div>
723
  </div>
724
  </div>