steake commited on
Commit
eca9216
·
verified ·
1 Parent(s): 3ed4d75

Use the placeholder images:

Browse files

// Basic placeholder 300x200 pixels
https://placeholders.io/300/200

// Beach sunset placeholder
https://placeholders.io/300/200/beach sunset

// Forest in photographic style
https://placeholders.io/300/200/forest?style=photographic

// Forest in artistic style
https://placeholders.io/300/200/forest?style=artistic

// Consistent image with seed
https://placeholders.io/500/300/abstract design?seed=123456

Files changed (1) hide show
  1. index.html +18 -18
index.html CHANGED
@@ -163,9 +163,9 @@
163
  </div>
164
  </div>
165
  <div class="md:w-1/2 flex justify-center">
166
- <img src="https://images.unsplash.com/photo-1587854692152-e06df0c5dab3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Nootropic supplements" class="rounded-xl shadow-2xl max-w-md w-full floating">
167
  </div>
168
- </div>
169
  </section>
170
 
171
  <!-- Features Section -->
@@ -209,8 +209,8 @@
209
  <!-- Product 1 -->
210
  <div class="bg-white rounded-xl shadow-md overflow-hidden product-card transition duration-300">
211
  <div class="relative">
212
- <img src="https://www.drugs.com/images/pills/fio/XANAX%200.25%20MG%20%20PILL.jpg" alt="Xanax" class="w-full h-48 object-contain bg-gray-100 p-4">
213
- <span class="absolute top-2 right-2 bg-blue-500 text-white text-xs font-bold px-2 py-1 rounded-full">BESTSELLER</span>
214
  </div>
215
  <div class="p-6">
216
  <h3 class="text-xl font-bold mb-2">Xanax (Alprazolam) 1mg</h3>
@@ -227,8 +227,8 @@
227
  <!-- Product 2 -->
228
  <div class="bg-white rounded-xl shadow-md overflow-hidden product-card transition duration-300">
229
  <div class="relative">
230
- <img src="https://www.drugs.com/images/pills/fio/VALIUM%2010%20MG%20%20PILL.jpg" alt="Valium" class="w-full h-48 object-contain bg-gray-100 p-4">
231
- </div>
232
  <div class="p-6">
233
  <h3 class="text-xl font-bold mb-2">Valium (Diazepam) 10mg</h3>
234
  <p class="text-gray-600 text-sm mb-4">For anxiety, muscle spasms and seizures. 30 tablets.</p>
@@ -244,8 +244,8 @@
244
  <!-- Product 3 -->
245
  <div class="bg-white rounded-xl shadow-md overflow-hidden product-card transition duration-300">
246
  <div class="relative">
247
- <img src="https://www.drugs.com/images/pills/fio/VIAGRA%20100%20MG%20%20PILL.jpg" alt="Viagra" class="w-full h-48 object-contain bg-gray-100 p-4">
248
- <span class="absolute top-2 right-2 bg-blue-500 text-white text-xs font-bold px-2 py-1 rounded-full">NEW</span>
249
  </div>
250
  <div class="p-6">
251
  <h3 class="text-xl font-bold mb-2">Viagra (Sildenafil) 100mg</h3>
@@ -262,8 +262,8 @@
262
  <!-- Product 4 -->
263
  <div class="bg-white rounded-xl shadow-md overflow-hidden product-card transition duration-300">
264
  <div class="relative">
265
- <img src="https://www.drugs.com/images/pills/fio/CODEINE%2030%20MG%20%20PILL.jpg" alt="Codeine" class="w-full h-48 object-contain bg-gray-100 p-4">
266
- </div>
267
  <div class="p-6">
268
  <h3 class="text-xl font-bold mb-2">Codeine 30mg</h3>
269
  <p class="text-gray-600 text-sm mb-4">For moderate to severe pain. 30 tablets.</p>
@@ -290,9 +290,9 @@
290
  <div class="container mx-auto px-4">
291
  <div class="flex flex-col md:flex-row items-center">
292
  <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
293
- <img src="https://images.unsplash.com/photo-1579165466747-0a7d37a4a9a6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Our lab" class="rounded-xl shadow-lg w-full">
294
  </div>
295
- <div class="md:w-1/2">
296
  <h2 class="text-3xl font-bold mb-6">Our Pharmaceutical Expertise</h2>
297
  <p class="text-gray-600 mb-4">At PharmaCare, we are committed to providing high-quality medications that meet strict safety and efficacy standards.</p>
298
  <p class="text-gray-600 mb-6">Our team of pharmacists and healthcare professionals ensures all products meet pharmaceutical-grade quality requirements.</p>
@@ -342,8 +342,8 @@
342
  <!-- Testimonial 1 -->
343
  <div class="bg-white p-6 rounded-xl shadow-sm testimonial-card">
344
  <div class="flex items-center mb-4">
345
- <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Sarah J." class="w-12 h-12 rounded-full mr-4">
346
- <div>
347
  <h4 class="font-bold">Sarah J.</h4>
348
  <div class="flex text-yellow-400">
349
  <i class="fas fa-star"></i>
@@ -360,8 +360,8 @@
360
  <!-- Testimonial 2 -->
361
  <div class="bg-white p-6 rounded-xl shadow-sm testimonial-card">
362
  <div class="flex items-center mb-4">
363
- <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael T." class="w-12 h-12 rounded-full mr-4">
364
- <div>
365
  <h4 class="font-bold">Michael T.</h4>
366
  <div class="flex text-yellow-400">
367
  <i class="fas fa-star"></i>
@@ -378,8 +378,8 @@
378
  <!-- Testimonial 3 -->
379
  <div class="bg-white p-6 rounded-xl shadow-sm testimonial-card">
380
  <div class="flex items-center mb-4">
381
- <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Priya K." class="w-12 h-12 rounded-full mr-4">
382
- <div>
383
  <h4 class="font-bold">Priya K.</h4>
384
  <div class="flex text-yellow-400">
385
  <i class="fas fa-star"></i>
 
163
  </div>
164
  </div>
165
  <div class="md:w-1/2 flex justify-center">
166
+ <img src="https://placeholders.io/800/600/medical?style=photographic" alt="Pharmaceutical products" class="rounded-xl shadow-2xl max-w-md w-full floating">
167
  </div>
168
+ </div>
169
  </section>
170
 
171
  <!-- Features Section -->
 
209
  <!-- Product 1 -->
210
  <div class="bg-white rounded-xl shadow-md overflow-hidden product-card transition duration-300">
211
  <div class="relative">
212
+ <img src="https://placeholders.io/400/300/pills?style=photographic&seed=1" alt="Xanax" class="w-full h-48 object-contain bg-gray-100 p-4">
213
+ <span class="absolute top-2 right-2 bg-blue-500 text-white text-xs font-bold px-2 py-1 rounded-full">BESTSELLER</span>
214
  </div>
215
  <div class="p-6">
216
  <h3 class="text-xl font-bold mb-2">Xanax (Alprazolam) 1mg</h3>
 
227
  <!-- Product 2 -->
228
  <div class="bg-white rounded-xl shadow-md overflow-hidden product-card transition duration-300">
229
  <div class="relative">
230
+ <img src="https://placeholders.io/400/300/pills?style=photographic&seed=2" alt="Valium" class="w-full h-48 object-contain bg-gray-100 p-4">
231
+ </div>
232
  <div class="p-6">
233
  <h3 class="text-xl font-bold mb-2">Valium (Diazepam) 10mg</h3>
234
  <p class="text-gray-600 text-sm mb-4">For anxiety, muscle spasms and seizures. 30 tablets.</p>
 
244
  <!-- Product 3 -->
245
  <div class="bg-white rounded-xl shadow-md overflow-hidden product-card transition duration-300">
246
  <div class="relative">
247
+ <img src="https://placeholders.io/400/300/pills?style=photographic&seed=3" alt="Viagra" class="w-full h-48 object-contain bg-gray-100 p-4">
248
+ <span class="absolute top-2 right-2 bg-blue-500 text-white text-xs font-bold px-2 py-1 rounded-full">NEW</span>
249
  </div>
250
  <div class="p-6">
251
  <h3 class="text-xl font-bold mb-2">Viagra (Sildenafil) 100mg</h3>
 
262
  <!-- Product 4 -->
263
  <div class="bg-white rounded-xl shadow-md overflow-hidden product-card transition duration-300">
264
  <div class="relative">
265
+ <img src="https://placeholders.io/400/300/pills?style=photographic&seed=4" alt="Codeine" class="w-full h-48 object-contain bg-gray-100 p-4">
266
+ </div>
267
  <div class="p-6">
268
  <h3 class="text-xl font-bold mb-2">Codeine 30mg</h3>
269
  <p class="text-gray-600 text-sm mb-4">For moderate to severe pain. 30 tablets.</p>
 
290
  <div class="container mx-auto px-4">
291
  <div class="flex flex-col md:flex-row items-center">
292
  <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
293
+ <img src="https://placeholders.io/800/600/lab?style=photographic&seed=12345" alt="Our lab" class="rounded-xl shadow-lg w-full">
294
  </div>
295
+ <div class="md:w-1/2">
296
  <h2 class="text-3xl font-bold mb-6">Our Pharmaceutical Expertise</h2>
297
  <p class="text-gray-600 mb-4">At PharmaCare, we are committed to providing high-quality medications that meet strict safety and efficacy standards.</p>
298
  <p class="text-gray-600 mb-6">Our team of pharmacists and healthcare professionals ensures all products meet pharmaceutical-grade quality requirements.</p>
 
342
  <!-- Testimonial 1 -->
343
  <div class="bg-white p-6 rounded-xl shadow-sm testimonial-card">
344
  <div class="flex items-center mb-4">
345
+ <img src="https://placeholders.io/48/48/person?style=photographic&seed=44" alt="Sarah J." class="w-12 h-12 rounded-full mr-4">
346
+ <div>
347
  <h4 class="font-bold">Sarah J.</h4>
348
  <div class="flex text-yellow-400">
349
  <i class="fas fa-star"></i>
 
360
  <!-- Testimonial 2 -->
361
  <div class="bg-white p-6 rounded-xl shadow-sm testimonial-card">
362
  <div class="flex items-center mb-4">
363
+ <img src="https://placeholders.io/48/48/person?style=photographic&seed=32" alt="Michael T." class="w-12 h-12 rounded-full mr-4">
364
+ <div>
365
  <h4 class="font-bold">Michael T.</h4>
366
  <div class="flex text-yellow-400">
367
  <i class="fas fa-star"></i>
 
378
  <!-- Testimonial 3 -->
379
  <div class="bg-white p-6 rounded-xl shadow-sm testimonial-card">
380
  <div class="flex items-center mb-4">
381
+ <img src="https://placeholders.io/48/48/person?style=photographic&seed=68" alt="Priya K." class="w-12 h-12 rounded-full mr-4">
382
+ <div>
383
  <h4 class="font-bold">Priya K.</h4>
384
  <div class="flex text-yellow-400">
385
  <i class="fas fa-star"></i>