Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Health Condition Predictor</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="card"> | |
| <h1>🩺 Health Condition Predictor</h1> | |
| <p class="subtitle"> | |
| Artificial Intelligence Based Health Assessment | |
| </p> | |
| <div class="form"> | |
| <label>Sleep Duration (hours)</label> | |
| <input type="number" id="sleep" placeholder="7.5"> | |
| <label>Heart Rate</label> | |
| <input type="number" id="heart"> | |
| <label>BMI</label> | |
| <input type="number" id="bmi"> | |
| <label>Calories Burned</label> | |
| <input type="number" id="calorie"> | |
| <label>Step Count</label> | |
| <input type="number" id="steps"> | |
| <label>Exercise Duration (minutes)</label> | |
| <input type="number" id="exercise"> | |
| <label>Water Intake (L)</label> | |
| <input type="number" id="water"> | |
| <label>Diet Type</label> | |
| <select> | |
| <option>Veg</option> | |
| <option>Non-Veg</option> | |
| <option>Vegan</option> | |
| </select> | |
| <label>Stress Level</label> | |
| <select> | |
| <option>Low</option> | |
| <option>Medium</option> | |
| <option>High</option> | |
| </select> | |
| <label>Sleep Quality</label> | |
| <select> | |
| <option>Poor</option> | |
| <option>Average</option> | |
| <option>Good</option> | |
| </select> | |
| <label>Physical Activity</label> | |
| <select> | |
| <option>Sedentary</option> | |
| <option>Moderate</option> | |
| <option>Active</option> | |
| </select> | |
| <label>Smoking / Alcohol</label> | |
| <select> | |
| <option>No</option> | |
| <option>Occasional</option> | |
| <option>Yes</option> | |
| </select> | |
| <label>Gender</label> | |
| <select> | |
| <option>Female</option> | |
| <option>Male</option> | |
| <option>Other</option> | |
| </select> | |
| <button> | |
| Predict Health Condition | |
| </button> | |
| </div> | |
| <div class="result"> | |
| <h2>Prediction</h2> | |
| <div class="prediction"> | |
| Waiting for prediction... | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |