features.html

<!DOCTYPE HTML>
<!--
	Stellar by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>HRV Band</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
		<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
	</head>
	<body>

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header">
						<h1>Features</h1>
						<p>Learn about our features and how they work!</p>
					</header>
					
					<!-- Nav -->
					<nav id="nav">
						<ul>
							<li><a href="index.html">Home</a></li>	
							<li><a href="parameters.html">Background</a></li>	
							<li><a href="features.html" class="active">Features</a></li>	
							<li><a href="devices.html">Devices</a></li>							
							<li><a href="faq.html">FAQ</a></li>					
							<li><a href="privacy.html">Privacy</a></li>		
							<li><a href="about.html">About</a></li>	
							<li><a href="blog/blog.html">Blog</a></li>			
						</ul>
					</nav>
				<!-- Main -->
					<div id="main">

						<!-- Introduction -->
							<section class="main special">

								<h2 align="left">HRV Band Features</h2>
								<p align="left">
								Learn all the features of HRV Band and how they work!
								</p>
								<ul class="features">
									<li>
										<div>									
											<span class="image" style="width: 10dp; margin: 0 auto; "><img src="images/app_measure.png" alt="" style="width: 200px;"/></span>
										
										<h3>App Start</h3>
										<p>This is what you will see if you start HRV Band. From here you can explore HRV Band as you like. To start a measurement wear your measurement device and press the measure button.</p>
										</div>
									</li>
									<li>
										<div>									
											<span class="image" style="width: 10dp; margin: 0 auto; "><img src="images/app_connect.png" alt="" style="width: 200px;"/></span>
										
										<h3>Connect a Device</h3>
										<p>You can use a bunch of devices! To find our supported devices check <a href="devices.html">this site</a>. To connect your device press the connect button, select your device and follow further instructions.</p>
										</div>
									</li>
									<li>
										<div>									
											<span class="image" style="width: 10dp; margin: 0 auto; "><img src="images/app_parameters.png" alt="" style="width: 200px;"/></span>
										
										<h3>HRV Parameter</h3>
										<p>After your measurement ends HRV Band shows you a bunch of calculated HRV parameters. Read more <a href="parameters.html">here</a> about them.</p>
										</div>
									</li>
									<li>
										<div>									
											<span class="image" style="width: 10dp; margin: 0 auto; "><img src="images/app_details.png" alt="" style="width: 200px;"/></span>
										
										<h3>Tag</h3>
										<p>You can also tag your measurement. Rate your measurement, add a category and also a note to it.</p>
										</div>
									</li>
									<li>
										<div>									
											<span class="image" style="margin: 0 auto; "><img src="images/app_history.png" alt="" style="width: 200px;"/></span>
										
										<h3>Monitor</h3>
										<p>Track your measurements over time. View a specific measurement by selecting it or change the date to view other measurements.</p>
										</div>
									</li>
									<li>
										<div>									
											<span class="image" style="margin: 0 auto; "><img src="images/app_settings.png" alt="" style="width: 200px;"/></span>
										
										<h3>Settings</h3>
										<p>Personalize your experience by changing the measurement time and export your measurements to have a backup or to analyze them with another HRV tool. Find out <a href="blog/articles/export.html">more</a>.</p>
										</div>
									</li>
									<li>
										<div>									
											<span class="image" style="margin: 0 auto; "><img src="images/app_sample.png" alt="" style="width: 200px;"/></span>
										
										<h3>Sample Data</h3>
										<p>You have no measurement device yet? No problem! You can also try out some more features without having a supported device by creating sample data and view them.</p>
										</div>
									</li>
								</ul>
							</section>
					</div>
			
				<!-- Footer -->
				<footer id="footer">	
					<!--<ul class="icons">
						<li><a href="index.html" class="icon fa-home  alt"><span class="label">Home</span></a></li>
					</ul>-->
					<p class="copyright">&copy; Untitled. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
				</footer>
					

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			
			<script src="assets/js/main.js"></script>

	</body>
</html>