Hugging Face's logo

Spaces:
rajkhanke
/
Featuresandfunctionalities
Running

App Files Community
rajkhanke commited on
Commit
27f1340
·
verified ·
1 Parent(s): cc85512

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +311 -0
index.html CHANGED
@@ -0,0 +1,311 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <title>Our Features and Functionalities</title>
6
+
7
+ <!-- Bootstrap CSS -->
8
+ <link
9
+ href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
10
+ rel="stylesheet"
11
+ />
12
+
13
+ <!-- Tailwind CSS via CDN -->
14
+ <script src="https://cdn.tailwindcss.com"></script>
15
+
16
+ <!-- Custom styles -->
17
+ <style>
18
+ .card {
19
+ transition: all 0.3s ease-in-out;
20
+ border: none;
21
+ background: rgba(255, 255, 255, 0.9);
22
+ backdrop-filter: blur(10px);
23
+ }
24
+
25
+ .card:hover {
26
+ transform: translateY(-10px) scale(1.02);
27
+ box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);
28
+ }
29
+
30
+ .try-button {
31
+ background: linear-gradient(45deg, #6366f1, #8b5cf6);
32
+ border: none;
33
+ padding: 8px 20px;
34
+ border-radius: 25px;
35
+ color: white;
36
+ font-weight: 500;
37
+ transition: all 0.3s ease;
38
+ position: relative;
39
+ overflow: hidden;
40
+ text-decoration: none;
41
+ display: inline-block;
42
+ text-align: center;
43
+ }
44
+
45
+ .try-button:hover {
46
+ transform: translateY(-2px);
47
+ box-shadow: 0 5px 15px rgba(99, 102, 241, 0.4);
48
+ }
49
+
50
+ .try-button::after {
51
+ content: '';
52
+ position: absolute;
53
+ top: 50%;
54
+ left: 50%;
55
+ width: 0;
56
+ height: 0;
57
+ background: rgba(255, 255, 255, 0.2);
58
+ border-radius: 50%;
59
+ transition: width 0.3s ease, height 0.3s ease;
60
+ transform: translate(-50%, -50%);
61
+ }
62
+
63
+ .try-button:hover::after {
64
+ width: 200px;
65
+ height: 200px;
66
+ }
67
+
68
+ .card-img-top {
69
+ height: 200px;
70
+ object-fit: cover;
71
+ border-radius: 8px 8px 0 0;
72
+ }
73
+
74
+ body {
75
+ background: linear-gradient(135deg, #f6f7ff 0%, #eef1ff 100%);
76
+ min-height: 100vh;
77
+ }
78
+ </style>
79
+ </head>
80
+ <body>
81
+ <div class="container my-5">
82
+ <h1 class="text-center mb-5 font-bold text-4xl bg-clip-text text-transparent bg-gradient-to-r from-indigo-600 to-purple-600">
83
+ Our Features & Functionalities
84
+ </h1>
85
+
86
+ <div class="row row-cols-1 row-cols-md-3 g-4">
87
+
88
+ <!-- Card 1: CT Scan Analysis -->
89
+ <div class="col">
90
+ <div class="card shadow-lg">
91
+ <img
92
+ src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT5OsXhcYrmuTOEBhSBTfsbec-lrPHmN8eIjA&s"
93
+ class="card-img-top"
94
+ alt="CT Scan Analysis"
95
+ />
96
+ <div class="card-body p-4">
97
+ <h5 class="card-title font-semibold text-xl mb-3">CT Scan Analysis</h5>
98
+ <p class="card-text text-gray-700 mb-4">
99
+ Automated detection and diagnosis support using CT scan images.
100
+ </p>
101
+ <a href="https://rajkhanke-ctscan-analysis.hf.space" target="_blank" class="try-button w-full">Try it out</a>
102
+ </div>
103
+ </div>
104
+ </div>
105
+
106
+ <!-- Card 2: MRI Analysis -->
107
+ <div class="col">
108
+ <div class="card shadow-lg">
109
+ <img
110
+ src="https://miro.medium.com/v2/resize:fit:1400/0*le5iJ_GoQVi5d2Sy"
111
+ class="card-img-top"
112
+ alt="MRI Analysis"
113
+ />
114
+ <div class="card-body p-4">
115
+ <h5 class="card-title font-semibold text-xl mb-3">MRI Analysis</h5>
116
+ <p class="card-text text-gray-700 mb-4">
117
+ Advanced image processing for MRI-based disease detection.
118
+ </p>
119
+ <a href="https://rajkhanke-mri-scan-analysis.hf.space" target="_blank" class="try-button w-full">Try it out</a>
120
+ </div>
121
+ </div>
122
+ </div>
123
+
124
+ <!-- Card 3: ECG Analysis -->
125
+ <div class="col">
126
+ <div class="card shadow-lg">
127
+ <img
128
+ src="https://jetacademy.net/sites/default/files/courses/ECG.jpg"
129
+ class="card-img-top"
130
+ alt="ECG Analysis"
131
+ />
132
+ <div class="card-body p-4">
133
+ <h5 class="card-title font-semibold text-xl mb-3">ECG Analysis</h5>
134
+ <p class="card-text text-gray-700 mb-4">
135
+ Real-time ECG monitoring and arrhythmia detection.
136
+ </p>
137
+ <a href="https://sikeaditya-ecg.hf.space" target="_blank" class="try-button w-full">Try it out</a>
138
+ </div>
139
+ </div>
140
+ </div>
141
+
142
+ <!-- Card 4: Brain Stroke Prediction -->
143
+ <div class="col">
144
+ <div class="card shadow-lg">
145
+ <img
146
+ src="https://pennstatehealthnews.org/wp-content/uploads/2024/05/MM_Stroke_1200.jpg"
147
+ class="card-img-top"
148
+ alt="Brain Stroke Prediction"
149
+ />
150
+ <div class="card-body p-4">
151
+ <h5 class="card-title font-semibold text-xl mb-3">Brain Stroke Prediction</h5>
152
+ <p class="card-text text-gray-700 mb-4">
153
+ Predict stroke risk with patient health metrics and imaging.
154
+ </p>
155
+ <a href="https://rajkhanke-brain-stroke-detection.hf.space" target="_blank" class="try-button w-full">Try it out</a>
156
+ </div>
157
+ </div>
158
+ </div>
159
+
160
+ <!-- Card 5: Cataract Eye Disease Detection -->
161
+ <div class="col">
162
+ <div class="card shadow-lg">
163
+ <img
164
+ src="https://eye7.b-cdn.net/wp-content/uploads/elderly-womans-eye-with-cataract.jpg"
165
+ alt="Cataract Eye Disease Detection"
166
+ />
167
+ <div class="card-body p-4">
168
+ <h5 class="card-title font-semibold text-xl mb-3">Cataract Detection</h5>
169
+ <p class="card-text text-gray-700 mb-4">
170
+ Identify cataract symptoms using eye imaging and AI models.
171
+ </p>
172
+ <a href="https://rajkhanke-cataract-eye-disease-detection.hf.space" target="_blank" class="try-button w-full">Try it out</a>
173
+ </div>
174
+ </div>
175
+ </div>
176
+
177
+ <!-- Card 6: Bone Fracture Detection -->
178
+ <div class="col">
179
+ <div class="card shadow-lg">
180
+ <img
181
+ src="https://penntoday.upenn.edu/sites/default/files/2020-02/broken%20bone.jpg"
182
+ class="card-img-top"
183
+ alt="Bone Fracture Detection"
184
+ />
185
+ <div class="card-body p-4">
186
+ <h5 class="card-title font-semibold text-xl mb-3">Bone Fracture Detection</h5>
187
+ <p class="card-text text-gray-700 mb-4">
188
+ Rapid diagnosis of fractures from X-ray and CT imaging.
189
+ </p>
190
+ <a href="https://rajkhanke-bone-fracture-detection.hf.space" target="_blank" class="try-button w-full">Try it out</a>
191
+ </div>
192
+ </div>
193
+ </div>
194
+
195
+ <!-- Card 7: Asthma Disease Detection -->
196
+ <div class="col">
197
+ <div class="card shadow-lg">
198
+ <img
199
+ src="https://www.mayoclinic.org/-/media/kcms/gbs/patient-consumer/images/2013/08/26/11/02/ds00021_ds00591_ds01040_im03162_ww5r370t_jpg.jpg"
200
+ class="card-img-top"
201
+ alt="Asthma Disease Detection"
202
+ />
203
+ <div class="card-body p-4">
204
+ <h5 class="card-title font-semibold text-xl mb-3">Asthma Detection</h5>
205
+ <p class="card-text text-gray-700 mb-4">
206
+ Monitor respiratory signals and detect early asthma signs.
207
+ </p>
208
+ <a href="https://rajkhanke-asthma-disease-detection.hf.space" target="_blank" class="try-button w-full">Try it out</a>
209
+ </div>
210
+ </div>
211
+ </div>
212
+
213
+ <!-- Card 8: Mental Health Assistant -->
214
+ <div class="col">
215
+ <div class="card shadow-lg">
216
+ <img
217
+ src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRTZ25dJ7sl-9RV2nV8qYVlKhl1KdleRemPIA&s"
218
+ class="card-img-top"
219
+ alt="Mental Health Assistant"
220
+ />
221
+ <div class="card-body p-4">
222
+ <h5 class="card-title font-semibold text-xl mb-3">Mental Health Assistant</h5>
223
+ <p class="card-text text-gray-700 mb-4">
224
+ AI-driven chatbot and therapy recommendations for mental well-being.
225
+ </p>
226
+ <a href="https://rajkhanke-mental-health-assistant.hf.space" target="_blank" class="try-button w-full">Try it out</a>
227
+ </div>
228
+ </div>
229
+ </div>
230
+
231
+ <!-- Card 9: Sleep Quality Detection -->
232
+ <div class="col">
233
+ <div class="card shadow-lg">
234
+ <img
235
+ src="https://www.sleepfoundation.org/wp-content/uploads/2018/10/What-is-Healthy-Sleep.jpg"
236
+ class="card-img-top"
237
+ alt="Sleep Quality Detection"
238
+ />
239
+ <div class="card-body p-4">
240
+ <h5 class="card-title font-semibold text-xl mb-3">Sleep Quality Detection</h5>
241
+ <p class="card-text text-gray-700 mb-4">
242
+ Track sleep patterns and diagnose common sleep disorders.
243
+ </p>
244
+ <a href="https://rajkhanke-sleep-quality-prediction.hf.space" target="_blank" class="try-button w-full">Try it out</a>
245
+ </div>
246
+ </div>
247
+ </div>
248
+
249
+ <!-- Card 10: Stress Level Detection -->
250
+ <div class="col">
251
+ <div class="card shadow-lg">
252
+ <img
253
+ src="https://static.vecteezy.com/system/resources/previews/003/317/129/non_2x/female-stressed-with-mouth-open-irritation-factor-vector.jpg"
254
+ class="card-img-top"
255
+ alt="Stress Level Detection"
256
+ />
257
+ <div class="card-body p-4">
258
+ <h5 class="card-title font-semibold text-xl mb-3">Stress Level Detection</h5>
259
+ <p class="card-text text-gray-700 mb-4">
260
+ Wearable sensor data to evaluate and manage stress in real-time.
261
+ </p>
262
+ <a href="https://rajkhanke-stress-level-detection.hf.space" target="_blank" class="try-button w-full">Try it out</a>
263
+ </div>
264
+ </div>
265
+ </div>
266
+
267
+ <!-- Card 11: Maternal Health Risk Prediction -->
268
+ <div class="col">
269
+ <div class="card shadow-lg">
270
+ <img
271
+ src="https://www.hindustantimes.com/ht-img/img/2024/01/22/1600x900/maternal_health_awareness_day_2024_1705918307501_1705918319679.jpg"
272
+ class="card-img-top"
273
+ alt="Maternal Health Risk Prediction"
274
+ />
275
+ <div class="card-body p-4">
276
+ <h5 class="card-title font-semibold text-xl mb-3">
277
+ Maternal Health Risk Prediction
278
+ </h5>
279
+ <p class="card-text text-gray-700 mb-4">
280
+ Predict complications and manage prenatal care using patient data.
281
+ </p>
282
+ <a href="https://rajkhanke-maternal-health-risk-prediction.hf.space" target="_blank" class="try-button w-full">Try it out</a>
283
+ </div>
284
+ </div>
285
+ </div>
286
+
287
+ <!-- Card 12: Heart Disease Detection -->
288
+ <div class="col">
289
+ <div class="card shadow-lg">
290
+ <img
291
+ src="https://dvl2h13awlxkt.cloudfront.net/assets/general-images/Knowledge/_1200x630_crop_center-center_82_none/CVD-iStock-1266230179.jpg?mtime=1653282867"
292
+ class="card-img-top"
293
+ alt="Heart Disease Detection"
294
+ />
295
+ <div class="card-body p-4">
296
+ <h5 class="card-title font-semibold text-xl mb-3">Heart Disease Detection</h5>
297
+ <p class="card-text text-gray-700 mb-4">
298
+ Comprehensive cardiac data analysis to detect heart conditions early.
299
+ </p>
300
+ <a href="https://rajkhanke-heart-disease-detection.hf.space" target="_blank" class="try-button w-full">Try it out</a>
301
+ </div>
302
+ </div>
303
+ </div>
304
+
305
+ </div>
306
+ </div>
307
+
308
+ <!-- Bootstrap JavaScript -->
309
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
310
+ </body>
311
+ </html>