Fitbit/sleep.html at main · lilyx998/Fitbit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<meta name="description" content="Discover the ways Fitbits impacts society from various perspectives of health, sleep, and convenience.">
	<title>Fitbit: Sleep</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link href="https://fonts.googleapis.com/css?family=Montserrat|Titillium+Web&display=swap" rel="stylesheet">
  <link rel="shortcut icon" href="images/favicon.ico" />
</head>

<body>
	<script src="script.js">
	</script>

	<header>
		<div class="left-cell">
			<div class="dropdown">
				<!-- <button class="dropbtn" >Menu</button> -->
				<div class="mobile-nav">
					<div class="menu-btn" id="menu-btn" onclick="myFunction(this)">
						<div></div>
						<span></span>
	          <span></span>
	          <span></span>
          </div>
        </div>

        <div class="dropdown-content">
          <a href="index.html">Home</a>
         <a href="healthandfitness.html">Health and Fitness</a>
         <a href="sleep.html">Sleep</a>
         <a href="convenience.html">Convenience</a>
         <a href="credits.html">Credits</a>
        </div>
      </div>
		</div>

    <div class="middle-cell">
      <h1><a href="index.html">Fitbit</a></h1>
    </div>

    <div class="right-cell">
      <a href="https://www.facebook.com/fitbit" target="_blank"><i class="fa fa-facebook" style="font-size:18px"></i></a>
      <a href="https://www.instagram.com/fitbit" target="_blank"><i class="fa fa-instagram" style="font-size:18px"></i></a>
      <a href="https://www.twitter.com/fitbit" target="_blank"><i class="fa fa-twitter" style="font-size:18px"></i></a>
    </div>
  </header>

<div class="first">
  <div class="right">
    <div class="first-text">
      <h2>Sleep</h2>
      <body> Sleep affects every part of life—your health, your mood and more. It can help you perform at your best, stay productive, and fight weight gain and depression. So if you’re ready to make the most of your day, start by improving your night with <strong>Fitbit</strong>.
      </body>
    </div>
  </div>
  <div class="right">
  <img src="images/sleep.jpg" alt="Sleep with Fitbit" title="Sleep with Fitbit" style="border: 3px solid #3b413c">
  </div>
</div>

<div class="content">
<section>
<h2><dt> Tracking</dt></h2>
  <p>
    Knowing how much you sleep can help you make better choices. If you wear your Fitbit tracker at night it'll automatically record your sleep, and then you can review your sleep duration and more in the Fitbit app.
  </p>
  <p>
    If you Want to make your mornings more peaceful, you can set a silent alarm in your Fitbit app and your tracker will wake you up with a quiet vibration.
  </p>
  <p>
    Fitbit has one of the world’s largest sleep databases, which can help you learn more about your sleep stats and how your trends compare to those of the same age and gender. It also gives you relevant tips for improving your sleep quality and your nightly routine.
  </p>
  <p>
    Research shows that keeping a consistent bedtime and wake time leads to better sleep quality. The Fitbit app helps you stay on track by recommending a personalized sleep schedule based on your sleep goal, recent trends and your wake-up target. You can also get nice little bedtime reminders that notify you when it’s time to hit the hay.
  </p>
</section>

<section>
<h2><dt> Stages</dt></h2>
  <i>See how well you sleep!</i>
  <p>
    Every night, your body cycles through different sleep stages: light sleep, deep sleep and REM (rapid eye movement). Using the heart rate and sensitive motion detectors, your Fitbit can measure your time spent in each sleep stage and your time awake. This helps you to understand your sleep quality and learn whether you spent enough time in each sleep stage.
  </p>
</section>

<hr>

<h2> Our Experiences </h2>
<p>
  As juniors in high school, our sleep schedules are pretty messed up. With the weight of schoolwork and extracurriculars weighing down on us, late nights are common, and school forces us to wake up early every morning. Fitbit offers us tips on improving our sleep schedule and night routines so that we can tuck in a little more sleeptime. We  love that Fitbit can wake us up with a nice, peaceful vibration instead of the harsh beeping of a normal alarm tone. It makes it easier to wake up every morning and helps us start our day off right!
</p>
</div>

<!-- Footer -->
	<footer id="footer">

		<p><a href="index.html">Home</a> &bull;
    <a href="healthandfitness.html">Health & Fitness</a> &bull; <a href="sleep.html">Sleep</a> &bull; <a href="convenience.html">Convenience</a> &bull; <a href="credits.html">Credits</a>
		</p>

		<p>&copy; Lily Yang & Abby Liang.<br>
		2019
		</p>

	</footer>

</body>

</html>