index.html

<!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>