<!DOCTYPE html>
<html lang="en">
<title>W3.CSS Template</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Lato", sans-serif
}
.w3-bar,
h1,
button {
font-family: "Montserrat", sans-serif
}
.fa-anchor,
.fa-heart,
.fa-thermometer,
.fa-medkit {
font-size: 200px
}
</style>
<body>
<!-- Navbar -->
<div class="w3-top">
<div class="w3-bar w3-blue w3-card w3-left-align w3-large">
<a href="index.html" class="w3-bar-item w3-button w3-padding-large w3-hover-white">EpiCare</a>
<ul class="nav navbar-nav navbar-right">
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-blue" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
<a href="index.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Home</a>
<a href="howitworks.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">How it Works</a>
<a href="about.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">About EpiCare</a>
</ul>
</div>
<!-- Navbar on small screens -->
<div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
<a href="index.html" class="w3-bar-item w3-button w3-padding-large">Home</a>
<a href="howitworks.html" class="w3-bar-item w3-button w3-padding-large">How it Works</a>
<a href="about.html" class="w3-bar-item w3-button w3-padding-large">About EpiCare</a>
</div>
</div>
<!-- Header -->
<header class="w3-container w3-blue w3-center" style="padding:128px 16px">
<h1 class="w3-margin w3-xxlarge">EpiCare has the innovative features you need to lead a healthier life. With guidance and trackers to motivate you and seizure-detecting technology, EpiCare puts both fitness and health first.</h1>
<a href="howitworks.html" class="w3-button w3-black w3-padding-large w3-large w3-margin-top">Learn More</a>
</header>
<!-- First Grid -->
<div class="w3-row-padding w3-padding-64 w3-container">
<div class="w3-content">
<div class="w3-twothird">
<h1>Innovative Features</h1>
<h5 class="w3-padding-40">EpiCare makes it easy to track health metrics like your heart rate, skin temperature, oxygen saturation, breathing rate, resting heart rate, and other metrics that can uncover health trends.<br><br>
A built-in GPS helps you save your runs and save your location in case of health emergencies.<br><br>
EpiCare recognizes noticeable body movement like intense shaking and pulse irregularities to detect an oncoming seizure. It can then alert caregivers or the ambulance when necessary, and uses machine learning to help predict future episodes.
</h5>
</div>
<div class="w3-third w3-center">
<img src="https://lh3.googleusercontent.com/dGKtEo0lue7Yo-RJSUBGtfMfywupgTwjNif21NCqA7mjO0jJjpAJHi2MfIeCowVKnDmDkXVfxY5mqW0_gS7l0qQ9sacKGYibC6S6X4wZb2BHBg_KEEmnM8MpKNq3bAJ2jSXWpF65fzU=w2400" alt="watch" style="width:250px;height:300px;">
</div>
</div>
</div>
<!-- Second Grid -->
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
<div class="w3-content">
<div class="w3-third w3-center">
<i class="fa fa-heart w3-padding-64 w3-text-red w3-margin-right"></i>
</div>
<div class="w3-twothird">
<h1>Know Your Heart</h1>
<h5 class="w3-padding-32">Track the variation of time between your heartbeats as a significant decrease can indicate potential signs of stress, illness, or fatigue.</h5>
<h5>The heart rate tracking feature on your Fitbit watch or tracker automatically measures the variation of time between each heartbeat—known as heart rate variability (HRV)—along with your resting heart rate and sends your stats to the Fitbit app. Then, as a Premium member, you can use the Health Metrics dashboard to view any significant changes that can help you understand if your body is showing potential signs of stress, illness, or fatigue.<br><br>Track your resting heart rate each day and over the past week, and look at useful graphs that analyze your stats.
</h5>
</div>
</div>
</div>
<!-- Third Grid -->
<div class="w3-row-padding w3-padding-64 w3-container">
<div class="w3-content">
<div class="w3-twothird">
<h1>Uncover Your Skin Temperature Variations</h1>
<h5 class="w3-padding-32">Easily uncover changes to your wellbeing and discover potential signs of a fever or illness by tracking skin temperature variation. <br><br>
Tracking skin temperature variation can be a helpful way to find changes in your well-being. From major hormone changes to potential signs of fever or illness, EpiCare will automatically measure your skin temperature variation so you can see trends in the app.
</h5>
</div>
<div class="w3-third w3-center">
<i class="fa fa-thermometer w3-padding-64"></i>
</div>
</div>
</div>
<!-- Fourth Grid -->
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
<div class="w3-content">
<div>
<h1>Understand Your SpO2 Levels</h1>
<h5 class="w3-padding-32">Measure the level of oxygen in your blood to help you learn when there may be an indication of important changes in your fitness and wellness.<br><br>
SpO2, also known as oxygen saturation, is a measure of the amount of oxygen-carrying hemoglobin in the blood relative to the amount of hemoglobin not carrying oxygen. Your body needs a certain level of oxygen in the blood to function. <br><br>
With the EpiCare, your average SpO2 levels will be recorded in the app. Then, the tracker will find trends over time and determine when there may be important changes in your wellness.
</h5>
</div>
</div>
</div>
<!-- Fifth Grid -->
<div class="w3-row-padding w3-padding-64 w3-container">
<div class="w3-content">
<div class="w3-third w3-center">
<i class="fa fa-medkit w3-padding-64 w3-text-red"></i>
</div>
<div class="w3-twothird">
<h1>Learn More from your Breathing</h1>
<h5 class="w3-padding-32">Measure your average breaths per minute at night, and use the app to see your stats to help you learn if there are signs of significant changes.<br><br>
Breathing rate is your average breath per minute. With the EpiCare, you can automatically track your breathing rate when you wear it and see your trends over time on the app.
</h5>
</div>
</div>
</div>
<div class="w3-row-padding w3-container w3-center w3-opacity w3-padding-64 w3-light-grey">
<h1 class="w3-center"><b>Testimonials</b></h1><br><br>
<table style="width:100%">
<tr>
<th class="w3-row-padding w3-container w3-center w3-opacity w3-padding-64 w3-black column">
“Using EpiCare has made my family so much more prepared for future events we had no control over in the past. Through their smart technology we were preemptively made aware of a seizure that may have been fatal for my daughter and for that we thank the creator."
</th>
<th class="w3-row-padding w3-container w3-center w3-opacity w3-padding-64 w3-black column">
“EpiCare offers accurate technology that everyone who has epilepsy must implement into life. Their support team was there to answer all my questions when I needed assistance and when it came time to use it, their product saved my life.”
</th>
<th class="w3-row-padding w3-container w3-center w3-opacity w3-padding-64 w3-black column">
“EpiCare’s team was so supportive when I contacted them with several questions regarding the functionality and effectiveness of their product. They had no problem providing me with the answers I needed and assisting me in moments of confusion.”
</th>
</table>
</div>
<br><br><br>
<script>
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
</body>
</html>