Hugging Face's logo

Spaces:
chimpuuuu
/
dfg
Running

App Files Community
chimpuuuu commited on
Commit
5ed9ac1
·
verified ·
1 Parent(s): 9dd29a6

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +467 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Dfg
3
- emoji: 🏃
4
- colorFrom: yellow
5
- colorTo: gray
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: dfg
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,467 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Your Cart | Pharmaconnects</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ pharmaPrimary: '#3B82F6',
15
+ pharmaSecondary: '#10B981',
16
+ pharmaAccent: '#EC4899',
17
+ pharmaDark: '#1E40AF',
18
+ pharmaLight: '#E0F2FE',
19
+ }
20
+ }
21
+ }
22
+ }
23
+ </script>
24
+ <style>
25
+ .product-shadow {
26
+ box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.1), 0 2px 4px -1px rgba(59, 130, 246, 0.06);
27
+ }
28
+ .banner-gradient {
29
+ background: linear-gradient(135deg, #3B82F6 0%, #10B981 100%);
30
+ }
31
+ .footer-gradient {
32
+ background: linear-gradient(135deg, #1E40AF 0%, #10B981 100%);
33
+ }
34
+ .pulse-animation {
35
+ animation: pulse 2s infinite;
36
+ }
37
+ @keyframes pulse {
38
+ 0% { transform: scale(1); }
39
+ 50% { transform: scale(1.05); }
40
+ 100% { transform: scale(1); }
41
+ }
42
+ </style>
43
+ </head>
44
+ <body class="bg-gray-50 font-sans">
45
+ <!-- Header -->
46
+ <header class="bg-white shadow-sm">
47
+ <div class="container mx-auto px-4 py-4 flex justify-between items-center">
48
+ <div class="flex items-center space-x-2">
49
+ <i class="fas fa-prescription-bottle-alt text-pharmaPrimary text-3xl"></i>
50
+ <h1 class="text-2xl font-bold text-pharmaDark">Pharmaconnects</h1>
51
+ </div>
52
+ <div class="flex items-center space-x-6">
53
+ <a href="#" class="text-gray-600 hover:text-pharmaPrimary">
54
+ <i class="fas fa-search text-xl"></i>
55
+ </a>
56
+ <a href="#" class="text-gray-600 hover:text-pharmaPrimary relative">
57
+ <i class="fas fa-user text-xl"></i>
58
+ </a>
59
+ <a href="#" class="text-gray-600 hover:text-pharmaPrimary relative">
60
+ <i class="fas fa-heart text-xl"></i>
61
+ <span class="absolute -top-2 -right-2 bg-pharmaAccent text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">3</span>
62
+ </a>
63
+ <a href="#" class="text-gray-600 hover:text-pharmaPrimary relative">
64
+ <i class="fas fa-shopping-cart text-xl"></i>
65
+ <span class="absolute -top-2 -right-2 bg-pharmaAccent text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">3</span>
66
+ </a>
67
+ </div>
68
+ </div>
69
+ </header>
70
+
71
+ <!-- Breadcrumb -->
72
+ <div class="container mx-auto px-4 py-4">
73
+ <nav class="flex" aria-label="Breadcrumb">
74
+ <ol class="inline-flex items-center space-x-1 md:space-x-3">
75
+ <li class="inline-flex items-center">
76
+ <a href="#" class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-pharmaPrimary">
77
+ <i class="fas fa-home mr-2"></i>
78
+ Home
79
+ </a>
80
+ </li>
81
+ <li>
82
+ <div class="flex items-center">
83
+ <i class="fas fa-chevron-right text-gray-400"></i>
84
+ <a href="#" class="ml-1 text-sm font-medium text-gray-700 hover:text-pharmaPrimary md:ml-2">Shop</a>
85
+ </div>
86
+ </li>
87
+ <li aria-current="page">
88
+ <div class="flex items-center">
89
+ <i class="fas fa-chevron-right text-gray-400"></i>
90
+ <span class="ml-1 text-sm font-medium text-pharmaPrimary md:ml-2">Shopping Cart</span>
91
+ </div>
92
+ </li>
93
+ </ol>
94
+ </nav>
95
+ </div>
96
+
97
+ <!-- Main Content -->
98
+ <main class="container mx-auto px-4 py-8">
99
+ <h2 class="text-2xl font-bold text-pharmaDark mb-6">Your Shopping Cart (3 Items)</h2>
100
+
101
+ <div class="flex flex-col lg:flex-row gap-8">
102
+ <!-- Cart Items -->
103
+ <div class="lg:w-2/3">
104
+ <div class="bg-white rounded-lg shadow-md overflow-hidden mb-6">
105
+ <!-- Cart Header -->
106
+ <div class="bg-pharmaLight px-6 py-3 border-b border-gray-200 hidden md:block">
107
+ <div class="grid grid-cols-12 gap-4">
108
+ <div class="col-span-5 font-medium text-pharmaDark">Product</div>
109
+ <div class="col-span-2 font-medium text-pharmaDark text-center">Price</div>
110
+ <div class="col-span-2 font-medium text-pharmaDark text-center">Quantity</div>
111
+ <div class="col-span-2 font-medium text-pharmaDark text-center">Subtotal</div>
112
+ <div class="col-span-1"></div>
113
+ </div>
114
+ </div>
115
+
116
+ <!-- Cart Items -->
117
+ <div class="divide-y divide-gray-200">
118
+ <!-- Product 1 -->
119
+ <div class="p-4 md:p-6">
120
+ <div class="flex flex-col md:flex-row md:items-center gap-4">
121
+ <div class="md:w-1/12 flex-shrink-0">
122
+ <img src="https://m.media-amazon.com/images/I/61qj+QN2fVL._AC_UF1000,1000_QL80_.jpg" alt="Vitamin C" class="w-20 h-20 object-contain rounded">
123
+ </div>
124
+ <div class="md:w-4/12">
125
+ <h3 class="text-lg font-semibold text-pharmaDark">Vitamin C 1000mg Tablets</h3>
126
+ <p class="text-gray-500 text-sm">60 Tablets | Immunity Booster</p>
127
+ <div class="mt-2 md:hidden">
128
+ <span class="text-pharmaPrimary font-bold">₹299.00</span>
129
+ </div>
130
+ </div>
131
+ <div class="md:w-2/12 text-center hidden md:block">
132
+ <span class="text-pharmaPrimary font-bold">₹299.00</span>
133
+ </div>
134
+ <div class="md:w-3/12">
135
+ <div class="flex items-center justify-center">
136
+ <button class="bg-gray-200 text-gray-600 hover:bg-gray-300 h-8 w-8 rounded-l flex items-center justify-center">
137
+ <i class="fas fa-minus"></i>
138
+ </button>
139
+ <input type="text" class="h-8 w-12 border-t border-b border-gray-200 text-center" value="1">
140
+ <button class="bg-gray-200 text-gray-600 hover:bg-gray-300 h-8 w-8 rounded-r flex items-center justify-center">
141
+ <i class="fas fa-plus"></i>
142
+ </button>
143
+ </div>
144
+ </div>
145
+ <div class="md:w-2/12 text-center hidden md:block">
146
+ <span class="text-pharmaPrimary font-bold">₹299.00</span>
147
+ </div>
148
+ <div class="md:w-1/12 text-right">
149
+ <button class="text-gray-400 hover:text-pharmaAccent">
150
+ <i class="fas fa-trash"></i>
151
+ </button>
152
+ </div>
153
+ <div class="md:hidden flex justify-between items-center mt-2">
154
+ <span class="text-pharmaPrimary font-bold">₹299.00</span>
155
+ <button class="text-gray-400 hover:text-pharmaAccent">
156
+ <i class="fas fa-trash"></i>
157
+ </button>
158
+ </div>
159
+ </div>
160
+ </div>
161
+
162
+ <!-- Product 2 -->
163
+ <div class="p-4 md:p-6">
164
+ <div class="flex flex-col md:flex-row md:items-center gap-4">
165
+ <div class="md:w-1/12 flex-shrink-0">
166
+ <img src="https://5.imimg.com/data5/SELLER/Default/2021/12/QM/BN/QG/3033203/dolo-650-tablet-500x500.jpg" alt="Dolo 650" class="w-20 h-20 object-contain rounded">
167
+ </div>
168
+ <div class="md:w-4/12">
169
+ <h3 class="text-lg font-semibold text-pharmaDark">Dolo 650mg Tablets</h3>
170
+ <p class="text-gray-500 text-sm">15 Tablets | Fever & Pain Relief</p>
171
+ <div class="mt-2 md:hidden">
172
+ <span class="text-pharmaPrimary font-bold">₹45.00</span>
173
+ </div>
174
+ </div>
175
+ <div class="md:w-2/12 text-center hidden md:block">
176
+ <span class="text-pharmaPrimary font-bold">₹45.00</span>
177
+ </div>
178
+ <div class="md:w-3/12">
179
+ <div class="flex items-center justify-center">
180
+ <button class="bg-gray-200 text-gray-600 hover:bg-gray-300 h-8 w-8 rounded-l flex items-center justify-center">
181
+ <i class="fas fa-minus"></i>
182
+ </button>
183
+ <input type="text" class="h-8 w-12 border-t border-b border-gray-200 text-center" value="2">
184
+ <button class="bg-gray-200 text-gray-600 hover:bg-gray-300 h-8 w-8 rounded-r flex items-center justify-center">
185
+ <i class="fas fa-plus"></i>
186
+ </button>
187
+ </div>
188
+ </div>
189
+ <div class="md:w-2/12 text-center hidden md:block">
190
+ <span class="text-pharmaPrimary font-bold">₹90.00</span>
191
+ </div>
192
+ <div class="md:w-1/12 text-right">
193
+ <button class="text-gray-400 hover:text-pharmaAccent">
194
+ <i class="fas fa-trash"></i>
195
+ </button>
196
+ </div>
197
+ <div class="md:hidden flex justify-between items-center mt-2">
198
+ <span class="text-pharmaPrimary font-bold">₹90.00</span>
199
+ <button class="text-gray-400 hover:text-pharmaAccent">
200
+ <i class="fas fa-trash"></i>
201
+ </button>
202
+ </div>
203
+ </div>
204
+ </div>
205
+
206
+ <!-- Product 3 -->
207
+ <div class="p-4 md:p-6">
208
+ <div class="flex flex-col md:flex-row md:items-center gap-4">
209
+ <div class="md:w-1/12 flex-shrink-0">
210
+ <img src="https://newassets.apollo247.com/pub/media/catalog/product/c/e/cer_1.jpg" alt="Cetirizine" class="w-20 h-20 object-contain rounded">
211
+ </div>
212
+ <div class="md:w-4/12">
213
+ <h3 class="text-lg font-semibold text-pharmaDark">Cetirizine 10mg Tablets</h3>
214
+ <p class="text-gray-500 text-sm">10 Tablets | Allergy Relief</p>
215
+ <div class="mt-2 md:hidden">
216
+ <span class="text-pharmaPrimary font-bold">₹30.00</span>
217
+ </div>
218
+ </div>
219
+ <div class="md:w-2/12 text-center hidden md:block">
220
+ <span class="text-pharmaPrimary font-bold">₹30.00</span>
221
+ </div>
222
+ <div class="md:w-3/12">
223
+ <div class="flex items-center justify-center">
224
+ <button class="bg-gray-200 text-gray-600 hover:bg-gray-300 h-8 w-8 rounded-l flex items-center justify-center">
225
+ <i class="fas fa-minus"></i>
226
+ </button>
227
+ <input type="text" class="h-8 w-12 border-t border-b border-gray-200 text-center" value="1">
228
+ <button class="bg-gray-200 text-gray-600 hover:bg-gray-300 h-8 w-8 rounded-r flex items-center justify-center">
229
+ <i class="fas fa-plus"></i>
230
+ </button>
231
+ </div>
232
+ </div>
233
+ <div class="md:w-2/12 text-center hidden md:block">
234
+ <span class="text-pharmaPrimary font-bold">₹30.00</span>
235
+ </div>
236
+ <div class="md:w-1/12 text-right">
237
+ <button class="text-gray-400 hover:text-pharmaAccent">
238
+ <i class="fas fa-trash"></i>
239
+ </button>
240
+ </div>
241
+ <div class="md:hidden flex justify-between items-center mt-2">
242
+ <span class="text-pharmaPrimary font-bold">₹30.00</span>
243
+ <button class="text-gray-400 hover:text-pharmaAccent">
244
+ <i class="fas fa-trash"></i>
245
+ </button>
246
+ </div>
247
+ </div>
248
+ </div>
249
+ </div>
250
+
251
+ <!-- Cart Footer -->
252
+ <div class="bg-pharmaLight px-6 py-4 flex justify-between">
253
+ <button class="flex items-center text-pharmaPrimary hover:text-pharmaDark">
254
+ <i class="fas fa-arrow-left mr-2"></i>
255
+ Continue Shopping
256
+ </button>
257
+ <button class="text-pharmaAccent hover:text-red-500">
258
+ <i class="fas fa-trash mr-2"></i>
259
+ Clear Cart
260
+ </button>
261
+ </div>
262
+ </div>
263
+
264
+ <!-- Coupon Code -->
265
+ <div class="bg-white rounded-lg shadow-md overflow-hidden p-6 mb-6">
266
+ <h3 class="text-lg font-semibold text-pharmaDark mb-4">Apply Coupon Code</h3>
267
+ <div class="flex">
268
+ <input type="text" placeholder="Enter coupon code" class="flex-grow px-4 py-2 border border-gray-300 rounded-l focus:outline-none focus:ring-2 focus:ring-pharmaPrimary">
269
+ <button class="bg-pharmaPrimary text-white px-6 py-2 rounded-r hover:bg-pharmaDark transition duration-300">
270
+ Apply
271
+ </button>
272
+ </div>
273
+ </div>
274
+ </div>
275
+
276
+ <!-- Order Summary -->
277
+ <div class="lg:w-1/3">
278
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
279
+ <div class="bg-pharmaPrimary text-white px-6 py-4">
280
+ <h3 class="text-lg font-semibold">Order Summary</h3>
281
+ </div>
282
+ <div class="p-6">
283
+ <div class="flex justify-between mb-2">
284
+ <span class="text-gray-600">Subtotal</span>
285
+ <span class="font-medium">₹419.00</span>
286
+ </div>
287
+ <div class="flex justify-between mb-2">
288
+ <span class="text-gray-600">Shipping</span>
289
+ <span class="font-medium text-pharmaSecondary">FREE</span>
290
+ </div>
291
+ <div class="flex justify-between mb-2">
292
+ <span class="text-gray-600">Tax</span>
293
+ <span class="font-medium">₹25.14</span>
294
+ </div>
295
+ <div class="border-t border-gray-200 my-4"></div>
296
+ <div class="flex justify-between mb-4">
297
+ <span class="text-lg font-semibold">Total</span>
298
+ <span class="text-xl font-bold text-pharmaPrimary">₹444.14</span>
299
+ </div>
300
+
301
+ <div class="mb-6">
302
+ <div class="flex items-center mb-2">
303
+ <input type="radio" id="home-delivery" name="delivery" class="mr-2" checked>
304
+ <label for="home-delivery" class="text-gray-700">Home Delivery</label>
305
+ </div>
306
+ <div class="flex items-center">
307
+ <input type="radio" id="store-pickup" name="delivery" class="mr-2">
308
+ <label for="store-pickup" class="text-gray-700">Store Pickup</label>
309
+ </div>
310
+ </div>
311
+
312
+ <button class="w-full bg-pharmaSecondary text-white py-3 rounded-lg hover:bg-green-600 transition duration-300 font-semibold flex items-center justify-center pulse-animation">
313
+ <i class="fas fa-lock mr-2"></i>
314
+ Proceed to Checkout
315
+ </button>
316
+
317
+ <div class="mt-4 text-center text-sm text-gray-500">
318
+ <p>We accept:</p>
319
+ <div class="flex justify-center space-x-4 mt-2">
320
+ <i class="fab fa-cc-visa text-2xl text-blue-800"></i>
321
+ <i class="fab fa-cc-mastercard text-2xl text-red-600"></i>
322
+ <i class="fab fa-cc-amex text-2xl text-blue-600"></i>
323
+ <i class="fab fa-cc-paypal text-2xl text-blue-500"></i>
324
+ </div>
325
+ </div>
326
+ </div>
327
+ </div>
328
+
329
+ <!-- Safety Info -->
330
+ <div class="bg-white rounded-lg shadow-md overflow-hidden mt-6 p-6">
331
+ <div class="flex items-start mb-4">
332
+ <i class="fas fa-shield-alt text-pharmaPrimary text-xl mr-3 mt-1"></i>
333
+ <div>
334
+ <h4 class="font-semibold text-pharmaDark">100% Safe & Secure</h4>
335
+ <p class="text-gray-600 text-sm">All medicines are sourced from verified pharmacies</p>
336
+ </div>
337
+ </div>
338
+ <div class="flex items-start">
339
+ <i class="fas fa-truck text-pharmaPrimary text-xl mr-3 mt-1"></i>
340
+ <div>
341
+ <h4 class="font-semibold text-pharmaDark">Fast Delivery</h4>
342
+ <p class="text-gray-600 text-sm">Get your order delivered within 24 hours</p>
343
+ </div>
344
+ </div>
345
+ </div>
346
+ </div>
347
+ </div>
348
+ </main>
349
+
350
+ <!-- Promotional Banner -->
351
+ <div class="container mx-auto px-4 py-8">
352
+ <div class="banner-gradient rounded-xl p-8 text-white relative overflow-hidden">
353
+ <div class="relative z-10 max-w-lg">
354
+ <h3 class="text-2xl font-bold mb-2">Get 15% Off on Prescription Medicines!</h3>
355
+ <p class="mb-4">Upload your prescription and get exclusive discounts on your first order.</p>
356
+ <button class="bg-white text-pharmaPrimary px-6 py-2 rounded-full font-semibold hover:bg-gray-100 transition duration-300">
357
+ Upload Prescription
358
+ </button>
359
+ </div>
360
+ <div class="absolute right-0 bottom-0 opacity-20">
361
+ <i class="fas fa-prescription-bottle-alt text-9xl"></i>
362
+ </div>
363
+ </div>
364
+ </div>
365
+
366
+ <!-- Footer -->
367
+ <footer class="footer-gradient text-white pt-12 pb-6">
368
+ <div class="container mx-auto px-4">
369
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-8">
370
+ <div>
371
+ <div class="flex items-center mb-4">
372
+ <i class="fas fa-prescription-bottle-alt text-3xl mr-2"></i>
373
+ <h3 class="text-2xl font-bold">Pharmaconnects</h3>
374
+ </div>
375
+ <p class="mb-4">Your trusted online pharmacy for all healthcare needs. Fast, reliable, and discreet delivery.</p>
376
+ <div class="flex space-x-4">
377
+ <a href="#" class="hover:text-pharmaLight"><i class="fab fa-facebook-f"></i></a>
378
+ <a href="#" class="hover:text-pharmaLight"><i class="fab fa-twitter"></i></a>
379
+ <a href="#" class="hover:text-pharmaLight"><i class="fab fa-instagram"></i></a>
380
+ <a href="#" class="hover:text-pharmaLight"><i class="fab fa-linkedin-in"></i></a>
381
+ </div>
382
+ </div>
383
+ <div>
384
+ <h4 class="text-lg font-semibold mb-4">Quick Links</h4>
385
+ <ul class="space-y-2">
386
+ <li><a href="#" class="hover:text-pharmaLight">Home</a></li>
387
+ <li><a href="#" class="hover:text-pharmaLight">Shop</a></li>
388
+ <li><a href="#" class="hover:text-pharmaLight">Prescriptions</a></li>
389
+ <li><a href="#" class="hover:text-pharmaLight">Health Products</a></li>
390
+ <li><a href="#" class="hover:text-pharmaLight">Offers</a></li>
391
+ </ul>
392
+ </div>
393
+ <div>
394
+ <h4 class="text-lg font-semibold mb-4">Customer Service</h4>
395
+ <ul class="space-y-2">
396
+ <li><a href="#" class="hover:text-pharmaLight">My Account</a></li>
397
+ <li><a href="#" class="hover:text-pharmaLight">Order Tracking</a></li>
398
+ <li><a href="#" class="hover:text-pharmaLight">Wishlist</a></li>
399
+ <li><a href="#" class="hover:text-pharmaLight">Shipping Policy</a></li>
400
+ <li><a href="#" class="hover:text-pharmaLight">Returns & Refunds</a></li>
401
+ </ul>
402
+ </div>
403
+ <div>
404
+ <h4 class="text-lg font-semibold mb-4">Contact Us</h4>
405
+ <ul class="space-y-2">
406
+ <li class="flex items-start">
407
+ <i class="fas fa-map-marker-alt mt-1 mr-2"></i>
408
+ <span>123 Health Street, Medical City, 560001</span>
409
+ </li>
410
+ <li class="flex items-center">
411
+ <i class="fas fa-phone-alt mr-2"></i>
412
+ <span>+91 9876543210</span>
413
+ </li>
414
+ <li class="flex items-center">
415
+ <i class="fas fa-envelope mr-2"></i>
416
+ <span>[email protected]</span>
417
+ </li>
418
+ </ul>
419
+ </div>
420
+ </div>
421
+ <div class="border-t border-white border-opacity-20 pt-6">
422
+ <div class="flex flex-col md:flex-row justify-between items-center">
423
+ <p class="text-sm mb-4 md:mb-0">© 2023 Pharmaconnects. All rights reserved.</p>
424
+ <div class="flex space-x-6">
425
+ <a href="#" class="text-sm hover:text-pharmaLight">Privacy Policy</a>
426
+ <a href="#" class="text-sm hover:text-pharmaLight">Terms of Service</a>
427
+ <a href="#" class="text-sm hover:text-pharmaLight">FAQ</a>
428
+ </div>
429
+ </div>
430
+ </div>
431
+ </div>
432
+ </footer>
433
+
434
+ <script>
435
+ // Simple quantity adjustment functionality
436
+ document.querySelectorAll('.fa-minus').forEach(button => {
437
+ button.addEventListener('click', function() {
438
+ const input = this.nextElementSibling;
439
+ if (parseInt(input.value) > 1) {
440
+ input.value = parseInt(input.value) - 1;
441
+ }
442
+ });
443
+ });
444
+
445
+ document.querySelectorAll('.fa-plus').forEach(button => {
446
+ button.addEventListener('click', function() {
447
+ const input = this.previousElementSibling;
448
+ input.value = parseInt(input.value) + 1;
449
+ });
450
+ });
451
+
452
+ // Trash button functionality
453
+ document.querySelectorAll('.fa-trash').forEach(button => {
454
+ button.addEventListener('click', function() {
455
+ const productItem = this.closest('.p-4, .p-6');
456
+ if (productItem) {
457
+ productItem.style.opacity = '0';
458
+ setTimeout(() => {
459
+ productItem.remove();
460
+ // Here you would typically update cart totals via AJAX
461
+ }, 300);
462
+ }
463
+ });
464
+ });
465
+ </script>
466
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=chimpuuuu/dfg" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
467
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ create a cart web design with a 3 products in the with details in cart for a website name pharmaconnects & banner at the bottom and a footer with a vibrant colors related to medical online delivery