Spaces:
Running
Running
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
- 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://
|
| 167 |
</div>
|
| 168 |
-
|
| 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://
|
| 213 |
-
|
| 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://
|
| 231 |
-
|
| 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://
|
| 248 |
-
|
| 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://
|
| 266 |
-
|
| 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://
|
| 294 |
</div>
|
| 295 |
-
|
| 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://
|
| 346 |
-
|
| 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://
|
| 364 |
-
|
| 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://
|
| 382 |
-
|
| 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>
|