rajkhanke's picture
Update index.html
f1f4fe4 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Our Features and Functionalities</title>
<!-- Bootstrap CSS -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
rel="stylesheet"
/>
<!-- Tailwind CSS via CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Custom styles -->
<style>
.card {
transition: all 0.3s ease-in-out;
border: none;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
}
.card:hover {
transform: translateY(-10px) scale(1.02);
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);
}
.try-button {
background: linear-gradient(45deg, #6366f1, #8b5cf6);
border: none;
padding: 8px 20px;
border-radius: 25px;
color: white;
font-weight: 500;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
text-decoration: none;
display: inline-block;
text-align: center;
}
.try-button:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(99, 102, 241, 0.4);
}
.try-button::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
transition: width 0.3s ease, height 0.3s ease;
transform: translate(-50%, -50%);
}
.try-button:hover::after {
width: 200px;
height: 200px;
}
.card-img-top {
height: 200px;
object-fit: cover;
border-radius: 8px 8px 0 0;
}
body {
background: linear-gradient(135deg, #f6f7ff 0%, #eef1ff 100%);
min-height: 100vh;
}
</style>
</head>
<body>
<div class="container my-5">
<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">
Our Features & Functionalities
</h1>
<div class="row row-cols-1 row-cols-md-3 g-4">
<!-- Card 15: Dentist AI Agentic System -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://cdn.prod.website-files.com/5fd9135ff228d3dcad333af5/6538c3ca5d8633eb33e647a4_6534b7b11531b8cc9a094a64_shutterstock_1893553321.webp"
class="card-img-top"
alt="Dentist Agentic AI System"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">
Dentist Agentic AI System
</h5>
<p class="card-text text-gray-700 mb-4">
An Agentic Orchaestration System of Multiple Agents for a centralized AI Driven Dental Recommendations and Diagnosis
</p>
<a href="https://rajkhanke-ai-dentist-agentic-system.hf.space" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 16: Patient Real Time healthcare Data-->
<div class="col">
<div class="card shadow-lg">
<img
src="https://kms-healthcare.com/wp-content/uploads/2024/03/types-of-healthcare-data-ksm-4.jpg"
class="card-img-top"
alt="Patient Real Time Smart Watch Data"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">
Patient Real Time Smart Watch Integrated HealthCare Data
</h5>
<p class="card-text text-gray-700 mb-4">
Fetching Real Time Data of Patients from Smart Watches to assess the health at continuous intervals
</p>
<a href="https://rajkhanke-realtimedashboard.hf.space/" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 17:XAI FEATURE -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://www.agilonhealth.com/wp-content/uploads/2024/02/230303_Agilon_Florida_HRI_200-2000x1334.jpg"
class="card-img-top"
alt="Patient Real Time Smart Watch Data"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">
Smart HealthCare Risk Assessment using XAI
</h5>
<p class="card-text text-gray-700 mb-4">
Determining the patient non-adherence and Hospital Readmission Possibility using ML Models along with XAI Driven Explanations
</p>
<a href="https://rajkhanke-medical-risk-prediction-xai.hf.space/" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 1: CT Scan Analysis -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT5OsXhcYrmuTOEBhSBTfsbec-lrPHmN8eIjA&s"
class="card-img-top"
alt="CT Scan Analysis"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">CT Scan Analysis</h5>
<p class="card-text text-gray-700 mb-4">
Automated detection and diagnosis support using CT scan images.
</p>
<a href="https://rajkhanke-ctscan-analysis.hf.space" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 2: MRI Analysis -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://miro.medium.com/v2/resize:fit:1400/0*le5iJ_GoQVi5d2Sy"
class="card-img-top"
alt="MRI Analysis"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">MRI Analysis</h5>
<p class="card-text text-gray-700 mb-4">
Advanced image processing for MRI-based disease detection.
</p>
<a href="https://rajkhanke-mri-scan-analysis.hf.space" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 3: ECG Analysis -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://jetacademy.net/sites/default/files/courses/ECG.jpg"
class="card-img-top"
alt="ECG Analysis"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">ECG Analysis</h5>
<p class="card-text text-gray-700 mb-4">
Real-time ECG monitoring and arrhythmia detection.
</p>
<a href="https://sikeaditya-ecg.hf.space" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 4: Brain Stroke Prediction -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://pennstatehealthnews.org/wp-content/uploads/2024/05/MM_Stroke_1200.jpg"
class="card-img-top"
alt="Brain Stroke Prediction"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">Brain Stroke Prediction</h5>
<p class="card-text text-gray-700 mb-4">
Predict stroke risk with patient health metrics and imaging.
</p>
<a href="https://rajkhanke-brain-stroke-detection.hf.space" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 5: Cataract Eye Disease Detection -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://eye7.b-cdn.net/wp-content/uploads/elderly-womans-eye-with-cataract.jpg"
alt="Cataract Eye Disease Detection"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">Cataract Detection</h5>
<p class="card-text text-gray-700 mb-4">
Identify cataract symptoms using eye imaging and AI models.
</p>
<a href="https://rajkhanke-cataract-eye-disease-detection.hf.space" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 6: Bone Fracture Detection -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://penntoday.upenn.edu/sites/default/files/2020-02/broken%20bone.jpg"
class="card-img-top"
alt="Bone Fracture Detection"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">Bone Fracture Detection</h5>
<p class="card-text text-gray-700 mb-4">
Rapid diagnosis of fractures from X-ray and CT imaging.
</p>
<a href="https://rajkhanke-bone-fracture-detection.hf.space" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 7: Asthma Disease Detection -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://www.mayoclinic.org/-/media/kcms/gbs/patient-consumer/images/2013/08/26/11/02/ds00021_ds00591_ds01040_im03162_ww5r370t_jpg.jpg"
class="card-img-top"
alt="Asthma Disease Detection"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">Asthma Detection</h5>
<p class="card-text text-gray-700 mb-4">
Monitor respiratory signals and detect early asthma signs.
</p>
<a href="https://rajkhanke-asthma-disease-detection.hf.space" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 8: Mental Health Assistant -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRTZ25dJ7sl-9RV2nV8qYVlKhl1KdleRemPIA&s"
class="card-img-top"
alt="Mental Health Assistant"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">Mental Health Assistant</h5>
<p class="card-text text-gray-700 mb-4">
AI-driven chatbot and therapy recommendations for mental well-being.
</p>
<a href="https://rajkhanke-mental-health-assistant.hf.space" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 9: Sleep Quality Detection -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://www.sleepfoundation.org/wp-content/uploads/2018/10/What-is-Healthy-Sleep.jpg"
class="card-img-top"
alt="Sleep Quality Detection"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">Sleep Quality Detection</h5>
<p class="card-text text-gray-700 mb-4">
Track sleep patterns and diagnose common sleep disorders.
</p>
<a href="https://rajkhanke-sleep-quality-prediction.hf.space" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 10: Stress Level Detection -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://static.vecteezy.com/system/resources/previews/003/317/129/non_2x/female-stressed-with-mouth-open-irritation-factor-vector.jpg"
class="card-img-top"
alt="Stress Level Detection"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">Stress Level Detection</h5>
<p class="card-text text-gray-700 mb-4">
Wearable sensor data to evaluate and manage stress in real-time.
</p>
<a href="https://rajkhanke-stress-level-detection.hf.space" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 11: Maternal Health Risk Prediction -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://www.hindustantimes.com/ht-img/img/2024/01/22/1600x900/maternal_health_awareness_day_2024_1705918307501_1705918319679.jpg"
class="card-img-top"
alt="Maternal Health Risk Prediction"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">
Maternal Health Risk Prediction
</h5>
<p class="card-text text-gray-700 mb-4">
Predict complications and manage prenatal care using patient data.
</p>
<a href="https://rajkhanke-maternal-health-risk-prediction.hf.space" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 12: Heart Disease Detection -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://dvl2h13awlxkt.cloudfront.net/assets/general-images/Knowledge/_1200x630_crop_center-center_82_none/CVD-iStock-1266230179.jpg?mtime=1653282867"
class="card-img-top"
alt="Heart Disease Detection"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">Heart Disease Detection</h5>
<p class="card-text text-gray-700 mb-4">
Comprehensive cardiac data analysis to detect heart conditions early.
</p>
<a href="https://rajkhanke-heart-disease-detection.hf.space" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 13: Maternal Health Risk Predictio -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://cdn.slidesharecdn.com/ss_thumbnails/diseaseforcasting-150508080146-lva1-app6891-thumbnail.jpg?width=640&height=640&fit=bounds"
class="card-img-top"
alt="Multiple Diseases Future Forecasting"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">
Multiple Diseases Future Forecasting
</h5>
<p class="card-text text-gray-700 mb-4">
Forecasting the Future 10 year's health Assessment of a person in accordance with historic data
</p>
<a href="https://pranit144-predict10yrs.hf.space" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 14: AI Driven Dietician -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://findyourfitapp.in/wp-content/uploads/2023/01/Photo-Showing-Diet-and-Dietician.jpg"
class="card-img-top"
alt="AI Driven Diet Planner"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">
AI Driven Diet Planner
</h5>
<p class="card-text text-gray-700 mb-4">
Generate a Comprehensive Diet charts in accordance with Nutrition content, user preferences, Body Strength and BMI Category
</p>
<a href="https://pranit144-dietplaner.hf.space/" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
<!-- Card 15: AI Driven Gym Trainer -->
<div class="col">
<div class="card shadow-lg">
<img
src="https://www.fitnessmentors.com/wp-content/uploads/2022/05/attractive-sports-girl-personal-trainer-middle-modern-gym-with-workout-plan-her-hands-1024x683.jpg"
class="card-img-top"
alt="AI Driven Gym Trainer"
/>
<div class="card-body p-4">
<h5 class="card-title font-semibold text-xl mb-3">
AI Driven Gym Trainer
</h5>
<p class="card-text text-gray-700 mb-4">
An AI Driven Companion for Gym Workout Suggestions planning with optimized goal workflow for weight Gain/Loss
</p>
<a href="https://pranit144-exerciseplanner.hf.space/" target="_blank" class="try-button w-full">Try it out</a>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>