Scribd Logo
Upload

Welcome to Scribd!

  • 14 views

    Health Dashboard

    Uploaded by

    vishakha khandar
    This document contains a health dashboard that displays various health metrics in individual boxes, including goals completed, respiration rate, miles run, temperature, sleep, heart rate, weight, fat percentage, blood glucose, calorie consumption, workouts, and hydration level. Each box displays an icon or number representing the metric alongside its name or description.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Health Dashboard

    Uploaded by

    vishakha khandar
    14 views3 pages
    This document contains a health dashboard that displays various health metrics in individual boxes, including goals completed, respiration rate, miles run, temperature, sleep, heart rate, weight, fat percentage, blood glucose, calorie consumption, workouts, and hydration level. Each box displays an icon or number representing the metric alongside its name or description.

    Original Description:

    Original Title

    HEALTH DASHBOARD

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains a health dashboard that displays various health metrics in individual boxes, including goals completed, respiration rate, miles run, temperature, sleep, heart rate, weight, fat percentage, blood glucose, calorie consumption, workouts, and hydration level. Each box displays an icon or number representing the metric alongside its name or description.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    14 views3 pages

    Health Dashboard

    Uploaded by

    vishakha khandar
    This document contains a health dashboard that displays various health metrics in individual boxes, including goals completed, respiration rate, miles run, temperature, sleep, heart rate, weight, fat percentage, blood glucose, calorie consumption, workouts, and hydration level. Each box displays an icon or number representing the metric alongside its name or description.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 3

    HEALTH DASHBOARD

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
    integrity="sha512-
    +4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA
    =="
    crossorigin="anonymous"
    />
    <link rel="stylesheet" href="style.css" />
    <title>Health Dashboard</title>
    </head>
    <body>
    <div class="container">
    <div class="bg1">
    <h2>16 <span>| 24</span></h2>
    <p>Goals Completed</p>
    </div>
    <div class="bg1">
    <h2><i class="fas fa-battery-three-quarters"></i></h2>
    <p>Respiration</p>
    </div>

    <div class="bg2">
    <h2><i class="fas fa-running"></i></h2>
    <p>Miles</p>
    </div>
    <div class="bg1">
    <h2>37 &deg;C</h2>
    <p>Temperature</p>
    </div>
    <div class="bg1">
    <h2><i class="fas fa-bed"></i></h2>
    <p>Sleep Keep</p>
    </div>
    <div class="bg2">
    <h2>75 <span>bpm</span></h2>
    <p>Heart Rate</p>
    </div>
    <div class="bg1">
    <h2>170 <span>lbs</span></h2>
    <p>Weight</p>
    </div>
    <div class="bg1">
    <h2>24 <span>%</span></h2>
    <p>Fat Percentage</p>
    </div>
    <div class="bg2">
    <h2>90 <span>mgdl</span></h2>
    <p>Blood Glucose</p>
    </div>
    <div class="bg2">
    <h2>2080 <span>kcal</span></h2>
    <p>AVG Consumption</p>
    </div>
    <div class="bg2">
    <h2><i class="fas fa-dumbbell"></i></h2>
    <p>Workouts</p>
    </div>
    <div class="bg2">
    <h2>61 <span>%</span></h2>
    <p>Body Hydration</p>
    </div>
    </div>
    </body>
    </html>

    You might also like